Release v0.6.1 (#378)

Signed-off-by: Benjamin Perez <[email protected]>

dist/cjs/types/components/DataTable/ColumnsSelector.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ColumnSelectorProps } from "./DataTable.types";
+declare const ColumnsSelector: FC<ColumnSelectorProps>;
+export default ColumnsSelector;

dist/cjs/types/components/DataTable/DataTable.types.d.ts

@@ -48,7 +48,7 @@ export interface DataTableProps {
   columnsSelector?: boolean;
   textSelectable?: boolean;
   columnsShown?: string[];
-  onColumnChange?: (column: string, state: boolean) => any;
+  onColumnChange?: (column: string) => any;
   autoScrollToBottom?: boolean;
   infiniteScrollConfig?: IInfiniteScrollConfig;
   sortConfig?: ISortConfig;
@@ -78,3 +78,15 @@ export interface IActionButton {
   idField: string;
   disabled: boolean;
 }
+export interface ColumnSelectorProps {
+  open: boolean;
+  closeTriggerAction: () => void;
+  onSelect: (column: string) => void;
+  columns: IColumns[];
+  selectedOptionIDs: string[];
+  sx?: CSSObject;
+  anchorEl?: (EventTarget & HTMLElement) | null;
+}
+export interface ColumnSelectorConstructProps {
+  sx?: CSSObject;
+}

dist/cjs/types/components/ExpandOptionsButton/ExpandOptionsButton.d.ts

@@ -0,0 +1,6 @@
+import React, { FC } from "react";
+import { ExpandOptionsButtonProps } from "./ExpandOptionsButton.types";
+declare const ExpandOptionsButton: FC<
+  ExpandOptionsButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>
+>;
+export default ExpandOptionsButton;

dist/cjs/types/components/ExpandOptionsButton/ExpandOptionsButton.types.d.ts

@@ -0,0 +1,9 @@
+import { CSSObject } from "styled-components";
+export interface ExpandOptionsButtonProps {
+  label: string;
+  open: boolean;
+  sx?: CSSObject;
+}
+export interface ConstructExpandOptionsProps {
+  sx?: CSSObject;
+}

dist/cjs/types/components/Icons/AudioIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SVGProps } from "react";
+declare const AudioIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default AudioIcon;

dist/cjs/types/components/Icons/AudioIconMute.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from "react";
+declare const AudioIconMute: (
+  props: SVGProps<SVGSVGElement>
+) => React.JSX.Element;
+export default AudioIconMute;

dist/cjs/types/components/Icons/CancelledAudioIcon.d.ts

@@ -0,0 +1,5 @@
+import React, { SVGProps } from "react";
+declare const CancelledAudioIcon: (
+  props: SVGProps<SVGSVGElement>
+) => React.JSX.Element;
+export default CancelledAudioIcon;

dist/cjs/types/components/Icons/ChatIcon.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { SVGProps } from "react";
+declare const ChatIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default ChatIcon;

dist/cjs/types/components/Icons/SendMessageIcon.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { SVGProps } from "react";
+declare const SendMessageIcon: (
+  props: SVGProps<SVGSVGElement>
+) => React.JSX.Element;
+export default SendMessageIcon;

dist/cjs/types/components/Icons/index.d.ts

@@ -189,3 +189,8 @@ export { default as VisibilityOffIcon } from "./VisibilityOffIcon";
 export { default as AccessRuleIcon } from "./AccessRuleIcon";
 export { default as TimeIcon } from "./TimeIcon";
 export { default as CollapseMenuIcon } from "./CollapseMenuIcon";
+export { default as AudioIcon } from "./AudioIcon";
+export { default as AudioIconMute } from "./AudioIconMute";
+export { default as ChatIcon } from "./ChatIcon";
+export { default as SendMessageIcon } from "./SendMessageIcon";
+export { default as CancelledAudioIcon } from "./CancelledAudioIcon";

dist/cjs/types/components/Tabs/TabButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { TabButtonProps } from "./Tabs.types";
+declare const TabButton: FC<TabButtonProps>;
+export default TabButton;

dist/cjs/types/components/Tabs/TabPanel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { TabPanelProps } from "./Tabs.types";
+declare const TabPanel: FC<TabPanelProps>;
+export default TabPanel;

dist/cjs/types/components/Tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { TabsProps } from "./Tabs.types";
+declare const Tabs: FC<TabsProps>;
+export default Tabs;

dist/cjs/types/components/Tabs/Tabs.types.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface TabProps {
+  label: string;
+  icon?: React.ReactNode;
+  disabled?: boolean;
+  to?: string;
+  id: string;
+}
+export interface TabItemProps {
+  tabConfig: TabProps;
+  content?: React.ReactNode;
+}
+export interface TabsProps {
+  horizontal?: boolean;
+  options: TabItemProps[];
+  currentTabOrPath: string;
+  useRouteTabs?: boolean;
+  routes?: React.ReactElement | null;
+  onTabClick: (selectedItem: string) => void;
+  sx?: CSSObject;
+}
+export interface TabsContainerProps {
+  horizontal: boolean;
+  sx?: CSSObject;
+}
+export interface TabButtonProps {
+  id: string;
+  horizontal?: boolean;
+  label: string;
+  onClick: () => void;
+  disabled: boolean;
+  icon?: React.ReactNode;
+  selected?: boolean;
+}
+export interface TabButtonConstructProps {
+  horizontal: boolean;
+}
+export interface TabPanelProps {
+  id: string;
+  selectedTab?: string;
+  useRouteTabs: boolean;
+  children: React.ReactNode;
+}

dist/cjs/types/components/index.d.ts

@@ -33,7 +33,11 @@ export { default as RadioGroup } from "./RadioGroup/RadioGroup";
 export { default as ReadBox } from "./ReadBox/ReadBox";
 export { default as CommentBox } from "./CommentBox/CommentBox";
 export { default as Menu } from "./Menu/Menu";
+export { default as ExpandOptionsButton } from "./ExpandOptionsButton/ExpandOptionsButton";
+export { default as Tabs } from "./Tabs/Tabs";
 export * from "./Icons";
 export * from "./Icons/SidebarMenus";
 export * from "./Icons/FileIcons";
 export * from "./Menu/Menu.types";
+export * from "./DataTable/DataTable.types";
+export * from "./Tabs/Tabs.types";

dist/cjs/types/global/global.types.d.ts

@@ -138,6 +138,7 @@ export interface SignalColorsThemeProps {
   warning: string;
   good: string;
   info: string;
+  disabled: string;
 }
 export interface MenuThemeProps {
   vertical?: {
@@ -172,6 +173,28 @@ export interface MenuThemeProps {
     dropHoverSelectedColor: string;
   };
 }
+interface TabButtonProps {
+  labelColor: string;
+  backgroundColor: string;
+  hoverBackground: string;
+  hoverLabelColor: string;
+  selectedBackground: string;
+  selectedLabelColor: string;
+  disabledBackgroundColor: string;
+  disabledColor: string;
+}
+export interface TabThemeProps {
+  vertical?: {
+    backgroundColor: string;
+    buttons: TabButtonProps;
+    borders: string;
+  };
+  horizontal?: {
+    backgroundColor: string;
+    selectedIndicatorColor: string;
+    buttons: TabButtonProps;
+  };
+}
 export interface ThemeDefinitionProps {
   bgColor: string;
   fontColor: string;
@@ -207,9 +230,11 @@ export interface ThemeDefinitionProps {
   dropdownSelector?: DropdownSelectorThemeProps;
   readBox?: ReadBoxThemeProps;
   menu?: MenuThemeProps;
+  tabs?: TabThemeProps;
 }
 export interface SelectorType {
   label: string;
   value: string;
   icon?: React.ReactNode;
 }
+export {};

dist/cjs/types/global/themes.d.ts

@@ -68,6 +68,7 @@ export declare const lightColors: {
   menuCollapseColor: string;
   menuIconBG: string;
   menuIconBorder: string;
+  tabBorder: string;
 };
 export declare const darkColors: {
   dark: string;