Release v0.4.0 (#291)

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

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

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

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

@@ -0,0 +1,22 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface ActionItem {
+  action: () => void;
+  label: string;
+  disabled: boolean;
+  icon: React.ReactNode;
+  tooltip: string;
+}
+export interface ActionsListProps {
+  sx?: CSSObject;
+  items: ActionItem[];
+  title: React.ReactNode;
+}
+export interface ActionsListPanelProps {
+  sx?: CSSObject;
+}
+export interface ActionButtonProps
+  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  label: string;
+  icon: React.ReactNode;
+}

dist/cjs/types/components/ActionsList/ObjectActionButton.d.ts

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

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

@@ -4,4 +4,6 @@ export interface BoxProps {
   sx?: CSSObject;
   children?: React.ReactNode;
   withBorders?: boolean;
+  customBorderPadding?: number | string;
+  useBackground?: boolean;
 }

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

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

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface BreadcrumbsProps {
+  sx?: CSSObject;
+  children: React.ReactNode;
+  additionalOptions?: React.ReactNode;
+  goBackFunction: () => void;
+}
+export interface BreadcrumbsContainerProps {
+  sx?: CSSObject;
+}

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

@@ -4,5 +4,5 @@ export interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
   label?: string;
   tooltip?: string;
   overrideLabelClasses?: string;
-  overrideCheckboxStyles?: CSSObject;
+  sx?: CSSObject;
 }

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

@@ -1,4 +1,5 @@
 import React, { HTMLAttributes } from "react";
+import { CSSObject } from "styled-components";
 export interface ItemActions {
   label?: string;
   type: string | any;
@@ -59,11 +60,13 @@ export interface DataTableProps {
     index: number;
   }) => "deleted" | "" | React.CSSProperties;
   parentClassName?: string;
+  sx?: CSSObject;
 }
 export interface DataTableWrapperProps extends HTMLAttributes<HTMLDivElement> {
   disabled?: boolean;
   customPaperHeight?: string | number;
   noBackground?: boolean;
+  sx?: CSSObject;
 }
 export interface IActionButton {
   label?: string;

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

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

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

@@ -0,0 +1,13 @@
+import { SelectorType } from "../../global/global.types";
+import { CSSObject } from "styled-components";
+export interface DropdownSelectorProps {
+  options: SelectorType[];
+  selectedOption: string;
+  onSelect: (value: string) => void;
+  hideTriggerAction: () => void;
+  open: boolean;
+  anchorEl?: (EventTarget & HTMLDivElement) | null;
+}
+export interface DropDownBlockProps {
+  sx: CSSObject;
+}

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

@@ -1,9 +1,10 @@
 import React from "react";
 import { CSSObject } from "styled-components";
-export interface IconButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface IconBase {
   label?: string;
   size?: "small" | "medium" | "large" | string;
   sx?: CSSObject;
   children: React.ReactNode;
 }
+export type IconButtonProps = IconBase &
+  React.ButtonHTMLAttributes<HTMLButtonElement>;

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

@@ -6,5 +6,5 @@ export interface LoginWrapperProps {
   formFooter?: ReactNode;
   promoHeader?: ReactNode;
   promoInfo?: ReactNode;
-  disableAnimation?: boolean;
+  backgroundAnimation?: boolean;
 }

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

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

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface ModalBoxProps {
+  onClose: () => void;
+  open: boolean;
+  title: React.ReactNode;
+  children: React.ReactNode;
+  widthLimit?: boolean;
+  titleIcon?: React.ReactNode;
+  backgroundOverlay?: boolean;
+  iconColor?: "accept" | "delete" | "default";
+  customMaxWidth?: number | string;
+  sx?: CSSObject;
+}
+export interface ModalBoxContainerProps {
+  backgroundOverlay?: boolean;
+  widthLimit?: boolean;
+  iconColor?: "accept" | "delete" | "default";
+  customMaxWidth?: number | string;
+  sx?: CSSObject;
+}

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+import { SelectorType } from "../../global/global.types";
+export interface RadioGroupProps {
+  label?: string;
+  tooltip?: string;
+  selectorOptions: SelectorType[];
+  currentValue: string;
+  id: string;
+  name: string;
+  disableOptions?: boolean;
+  displayInColumn?: boolean;
+  className?: string;
+  onChange: React.ChangeEventHandler<HTMLInputElement>;
+  sx?: CSSObject;
+}
+export interface OptionsContainerProps {
+  inColumn: boolean;
+}

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

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

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface ReadBoxProps {
+  label?: string;
+  children: React.ReactNode;
+  multiLine?: boolean;
+  actionButton?: React.ReactNode;
+  sx?: CSSObject;
+}
+export interface ReadBoxBaseProps {
+  label?: string;
+  sx?: CSSObject;
+  multiLine?: boolean;
+}

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

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

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface ScreenTitleProps {
+  icon: React.ReactNode;
+  subTitle: React.ReactNode;
+  title: string;
+  actions: React.ReactNode;
+  sx?: CSSObject;
+  bottomBorder?: boolean;
+}
+export interface ScreenTitleContainerProps {
+  sx?: CSSObject;
+  bottomBorder?: boolean;
+}

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

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

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

@@ -0,0 +1,16 @@
+import { CSSObject } from "styled-components";
+import { SelectorType } from "../../global/global.types";
+export interface SelectProps {
+  options: SelectorType[];
+  value: string;
+  id: string;
+  name?: string;
+  required?: boolean;
+  className?: string;
+  disabled?: boolean;
+  label?: string;
+  tooltip?: string;
+  noLabelMinWidth?: boolean;
+  onChange: (newValue: string) => void;
+  sx?: CSSObject;
+}

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

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface SimpleHeaderProps {
+  label: React.ReactNode;
+  icon?: React.ReactNode;
+  sx?: CSSObject;
+}
+export interface SimpleHeaderContainerProps {
+  sx?: CSSObject;
+}

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

@@ -0,0 +1,6 @@
+import React, { FC } from "react";
+import { SwitchProps } from "./Switch.types";
+declare const Switch: FC<
+  SwitchProps & React.InputHTMLAttributes<HTMLInputElement>
+>;
+export default Switch;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { CSSObject } from "styled-components";
+export interface MainSwitchProps {
+  id: string;
+  label?: string;
+  tooltip?: string;
+  sx?: CSSObject;
+  className?: string;
+  switchOnly?: boolean;
+  indicatorLabels?: string[];
+  description?: string;
+}
+export interface IndicatorProps {
+  on: boolean;
+  children: React.ReactNode;
+}
+export interface SwitchContainerProps {
+  sx?: CSSObject;
+}
+export type SwitchProps = MainSwitchProps &
+  React.InputHTMLAttributes<HTMLInputElement>;

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

@@ -1,5 +1,7 @@
 import { ReactNode } from "react";
+import { ThemeDefinitionProps } from "../../global/global.types";
 export interface ThemeHandlerProps {
   darkMode?: boolean;
+  customTheme?: ThemeDefinitionProps;
   children: ReactNode;
 }

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

@@ -5,7 +5,11 @@ export interface TooltipProps {
   errorProps?: any;
   placement?: "bottom" | "left" | "right" | "top";
 }
+export interface TooltipBuild {
+  placement: "bottom" | "left" | "right" | "top";
+}
 export interface TooltipConstructProps {
   placement: "bottom" | "left" | "right" | "top";
-  children: React.ReactNode;
+  content: React.ReactNode;
+  anchorEl: (EventTarget & HTMLSpanElement) | null;
 }

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

@@ -20,6 +20,16 @@ export { default as FormLayout } from "./FormLayout/FormLayout";
 export { default as PageLayout } from "./PageLayout/PageLayout";
 export { default as MainContainer } from "./MainContainer/MainContainer";
 export { default as InputBox } from "./InputBox/InputBox";
+export { default as Breadcrumbs } from "./Breadcrumbs/Breadcrumbs";
+export { default as ActionsList } from "./ActionsList/ActionsList";
+export { default as SimpleHeader } from "./SimpleHeader/SimpleHeader";
+export { default as ScreenTitle } from "./ScreenTitle/ScreenTitle";
+export { default as ModalBox } from "./ModalBox/ModalBox";
+export { default as Switch } from "./Switch/Switch";
+export { default as Select } from "./Select/Select";
+export { default as DropdownSelector } from "./DropdownSelector/DropdownSelector";
+export { default as RadioGroup } from "./RadioGroup/RadioGroup";
+export { default as ReadBox } from "./ReadBox/ReadBox";
 export * from "./Icons";
 export * from "./Icons/SidebarMenus";
 export * from "./Icons/FileIcons";