@luscii-healthtech/web-ui 0.4.4 → 0.5.0

package/dist/components/Section/SectionItemWithContent.d.ts

@@ -1,12 +1,9 @@
-export default SectionItemWithContent;
-declare function SectionItemWithContent(props: any): JSX.Element;
-declare namespace SectionItemWithContent {
-    export namespace propTypes {
-        export const text: PropTypes.Validator<string>;
-        export const icon: PropTypes.Requireable<string | object>;
-        export const className: PropTypes.Requireable<string>;
-        export const iconClass: PropTypes.Requireable<string>;
-        export const onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    }
+/// <reference types="react" />
+import { SectionItemProps } from "./SectionItem";
+interface SectionItemWithContentProps extends Omit<SectionItemProps, "children"> {
+    text: string;
+    icon?: string;
+    iconClass?: string;
 }
-import PropTypes from "prop-types";
+declare function SectionItemWithContent(props: SectionItemWithContentProps): JSX.Element;
+export default SectionItemWithContent;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { RestPropped } from "../../types/general.types";
+import { PaginationMenuProps } from "../PaginationMenu/PaginationMenu.types";
+import { Identifiable, TableFieldConfig } from "./Table.types";
+export interface TableProps<Item extends Identifiable> extends RestPropped {
+    items?: Item[];
+    fieldConfigurations: TableFieldConfig<Item>[];
+    emptyRowsText: string;
+    emptyFieldContentText?: string;
+    isLoading: boolean;
+    showHeader?: boolean;
+    paginationMenuProps?: PaginationMenuProps;
+    onRowClick?: (item: Item) => void;
+    className?: string;
+}
+export declare function Table<Item extends Identifiable>(props: TableProps<Item>): JSX.Element;
+export declare namespace Table {
+    var defaultProps: {
+        isLoading: boolean;
+        showHeader: boolean;
+    };
+}

package/dist/components/Table/Table.types.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { IconProps } from "../Icons/types/IconProps.type";
+import { TagColorTheme } from "../Tag/Tag";
+export interface TableFieldConfig<Item extends Identifiable> {
+    key: string;
+    headerText?: string;
+    content: (item: Item) => TableFieldContent<Item>;
+    onlyShowContentOnHovering?: boolean;
+}
+export interface Identifiable {
+    identifier: string;
+}
+export declare type TableFieldContent<Item extends Identifiable> = TableFieldText | TableFieldAction<Item>[];
+export interface TableFieldText {
+    text: string;
+    tag?: {
+        text: string;
+        color: TagColorTheme;
+    };
+}
+export interface TableFieldAction<Item extends Identifiable> {
+    key: string;
+    icon: React.FunctionComponent<IconProps>;
+    handleClick: (item: Item) => void;
+}

package/dist/components/Table/Table.utils.d.ts

@@ -0,0 +1,3 @@
+import { TableFieldText, TableFieldAction, TableFieldContent, Identifiable } from "./Table.types";
+export declare function isTableFieldText<Item extends Identifiable>(content: TableFieldContent<Item>): content is TableFieldText;
+export declare function isTableFieldAction<Item extends Identifiable>(content: TableFieldContent<Item>): content is TableFieldAction<Item>[];

package/dist/components/Table/TableBody.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Identifiable, TableFieldConfig } from "./Table.types";
+export interface TableBody<Item extends Identifiable> {
+    items?: Item[];
+    fieldConfigurations: TableFieldConfig<Item>[];
+    emptyItemsText: string;
+    emptyFieldContentText?: string;
+    isLoading: boolean;
+    showEmptyView: boolean;
+    onRowClick?: (item: Item) => void;
+    className?: string;
+}
+export declare function TableBody<Item extends Identifiable>(props: TableBody<Item>): JSX.Element;

package/dist/components/Table/TableBodyRow.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Identifiable, TableFieldConfig } from "./Table.types";
+export interface TableBodyRowProps<Item extends Identifiable> {
+    item: Item;
+    fieldConfigurations: TableFieldConfig<Item>[];
+    emptyFieldContentText?: string;
+    onClick?: (item: Item) => void;
+    className?: string;
+}
+export declare function TableBodyRow<Item extends Identifiable>(props: TableBodyRowProps<Item>): JSX.Element;

package/dist/components/Table/TableBodyRowDataCell.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Identifiable, TableFieldConfig } from "./Table.types";
+export interface TableBodyRowDataCellProps<Item extends Identifiable> {
+    item: Item;
+    fieldConfig: TableFieldConfig<Item>;
+    emptyFieldContentText?: string;
+}
+export declare function TableBodyRowDataCell<Item extends Identifiable>(props: TableBodyRowDataCellProps<Item>): JSX.Element;

package/dist/components/Table/TableFooter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { PaginationMenuProps } from "../PaginationMenu/PaginationMenu.types";
+interface TableFooterProps {
+    colSpan: number;
+    paginationMenuProps: PaginationMenuProps;
+}
+export declare const TableFooter: (props: TableFooterProps) => JSX.Element;
+export {};

package/dist/components/Table/TableHeader.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Identifiable, TableFieldConfig } from "./Table.types";
+export interface TableHeaderProps<Item extends Identifiable> {
+    fieldConfigurations: TableFieldConfig<Item>[];
+    className?: string;
+}
+export declare function TableHeader<Item extends Identifiable>(props: TableHeaderProps<Item>): JSX.Element;

package/dist/index.d.ts

@@ -17,8 +17,8 @@ export { default as InfoBlock } from "./components/InfoBlock/InfoBlock";
 export { InfoField } from "./components/InfoField/InfoField";
 export { INPUT_TYPES, default as Input } from "./components/Input/Input";
 export { default as Line } from "./components/Line/Line";
-export { default as SectionItem, SectionItemProps, } from "./components/Section/SectionItem";
-export { ListTable, ListTableProps, ListTablePropsConfiguration, ListTablePropsConfigurationField, } from "./components/ListTable/ListTable";
+export { Table, TableProps } from "./components/Table/Table";
+export { Identifiable as TableItemIdenfiable, TableFieldConfig, TableFieldContent, TableFieldText, TableFieldAction, } from "./components/Table/Table.types";
 export { LoadingIndicator, LoadingIndicatorProps, } from "./components/LoadingIndicator/LoadingIndicator";
 export { default as Menu } from "./components/Menu/Menu";
 export { MultiSelect } from "./components/MultiSelect/MultiSelect";
@@ -33,6 +33,8 @@ export { default as PreviewPhone } from "./components/PreviewPhone/PreviewPhone"
 export { default as Radio } from "./components/Radio/Radio";
 export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
 export { default as Section } from "./components/Section/Section";
+export { default as SectionItemWithContent } from "./components/Section/SectionItemWithContent";
+export { default as SectionItem, SectionItemProps, } from "./components/Section/SectionItem";
 export { SettingsMenuButton, SettingsMenuButtonProps, } from "./components/SettingsMenuButton/SettingsMenuButton";
 export { Spinner } from "./components/Spinner/Spinner";
 export { Steps } from "./components/Steps/Steps";
@@ -45,7 +47,6 @@ export { default as TextArea } from "./components/Textarea/Textarea";
 export { default as TextEditor } from "./components/TextEditor/TextEditor";
 export { default as TextEditorV2 } from "./components/TextEditorV2/TextEditorV2";
 export { TextLink, TextLinkProps } from "./components/TextLink/TextLink";
-export { default as SectionItemWithContent } from "./components/Section/SectionItemWithContent";
 export { Title, TitleStyle } from "./components/Title/Title";
 export { ViewItem, ViewItemProps } from "./components/ViewItem/ViewItem";
 export { default as Text } from "./components/Text/Text";

package/dist/web-ui-tailwind.css

@@ -751,6 +751,12 @@ video {
   background-color: rgba(113, 128, 150, var(--bg-opacity));
 }
 
+.hover\:bg-blue-50:hover {
+  --bg-opacity: 1;
+  background-color: #F2FAFD;
+  background-color: rgba(242, 250, 253, var(--bg-opacity));
+}
+
 .hover\:bg-blue-900:hover {
   --bg-opacity: 1;
   background-color: #045BAA;
@@ -948,6 +954,10 @@ video {
   border-style: solid;
 }
 
+.last\:border-none:last-child {
+  border-style: none;
+}
+
 .border-2 {
   border-width: 2px;
 }
@@ -972,6 +982,10 @@ video {
   border-left-width: 1px;
 }
 
+.last\:border-r:last-child {
+  border-right-width: 1px;
+}
+
 .cursor-default {
   cursor: default;
 }
@@ -988,6 +1002,10 @@ video {
   display: block;
 }
 
+.inline-block {
+  display: inline-block;
+}
+
 .inline {
   display: inline;
 }
@@ -1096,24 +1114,12 @@ video {
   height: 1.5rem;
 }
 
-.h-8 {
-  height: 2rem;
-}
-
 .h-11 {
   height: 2.75rem;
 }
 
-.h-13 {
-  height: 3.25rem;
-}
-
-.h-16 {
-  height: 4rem;
-}
-
-.h-20 {
-  height: 5rem;
+.h-12 {
+  height: 3rem;
 }
 
 .h-56 {
@@ -1164,6 +1170,10 @@ video {
   font-size: 4rem;
 }
 
+.leading-5 {
+  line-height: 1.25rem;
+}
+
 .leading-none {
   line-height: 1;
 }
@@ -1229,6 +1239,10 @@ video {
   margin-left: 0.5rem;
 }
 
+.mt-3 {
+  margin-top: 0.75rem;
+}
+
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -1285,6 +1299,14 @@ video {
   margin-left: 0.625rem;
 }
 
+.first\:ml-0:first-child {
+  margin-left: 0;
+}
+
+.last\:mr-0:last-child {
+  margin-right: 0;
+}
+
 .max-h-78 {
   max-height: 19.5rem;
 }
@@ -1293,22 +1315,18 @@ video {
   max-height: 100vh;
 }
 
-.max-w-40 {
-  max-width: 10rem;
-}
-
 .max-w-3xl {
   max-width: 48rem;
 }
 
-.max-w-full {
-  max-width: 100%;
-}
-
 .min-w-24 {
   min-width: 1.5rem;
 }
 
+.min-w-240 {
+  min-width: 60rem;
+}
+
 .opacity-0 {
   opacity: 0;
 }
@@ -1329,6 +1347,10 @@ video {
   opacity: 1;
 }
 
+.group:hover .group-hover\:opacity-100 {
+  opacity: 1;
+}
+
 .outline-primary {
   outline: 4px solid rgba(0, 159, 227, 0.3);
   outline-offset: 0;
@@ -1353,6 +1375,10 @@ video {
   overflow: hidden;
 }
 
+.overflow-x-auto {
+  overflow-x: auto;
+}
+
 .overflow-y-auto {
   overflow-y: auto;
 }
@@ -1418,6 +1444,11 @@ video {
   padding-right: 1.25rem;
 }
 
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 .px-6 {
   padding-left: 1.5rem;
   padding-right: 1.5rem;
@@ -1460,6 +1491,14 @@ video {
   padding-bottom: 5rem;
 }
 
+.first\:pl-6:first-child {
+  padding-left: 1.5rem;
+}
+
+.last\:pr-6:last-child {
+  padding-right: 1.5rem;
+}
+
 .placeholder-gray-500:-ms-input-placeholder {
   --placeholder-opacity: 1;
   color: #a0aec0;
@@ -1572,6 +1611,10 @@ video {
   stroke: currentColor;
 }
 
+.table-fixed {
+  table-layout: fixed;
+}
+
 .text-left {
   text-align: left;
 }
@@ -1750,10 +1793,6 @@ video {
   text-transform: uppercase;
 }
 
-.capitalize {
-  text-transform: capitalize;
-}
-
 .underline {
   text-decoration: underline;
 }
@@ -1767,6 +1806,10 @@ video {
       user-select: none;
 }
 
+.align-top {
+  vertical-align: top;
+}
+
 .visible {
   visibility: visible;
 }
@@ -1806,20 +1849,16 @@ video {
   width: 1.5rem;
 }
 
-.w-8 {
-  width: 2rem;
-}
-
 .w-11 {
   width: 2.75rem;
 }
 
-.w-24 {
-  width: 6rem;
+.w-12 {
+  width: 3rem;
 }
 
-.w-40 {
-  width: 10rem;
+.w-24 {
+  width: 6rem;
 }
 
 .w-46 {
@@ -1893,6 +1932,10 @@ video {
   transition-property: background-color, border-color, color, fill, stroke;
 }
 
+.transition-opacity {
+  transition-property: opacity;
+}
+
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -2054,6 +2097,10 @@ video {
     padding-right: 2rem;
   }
 
+  .lg\:last\:pb-2:last-child {
+    padding-bottom: 0.5rem;
+  }
+
   .lg\:relative {
     position: relative;
   }