genesys-react-components 0.3.2-devengage-1574-implementing-code-fences.223 → 0.3.2-devengage-1573-implementing-tables.230

package/build/datatable/DataTable.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { DataTableRow } from '..';
+import './DataTable.scss';
+interface IProps {
+    rows: DataTableRow[];
+    headerRow?: DataTableRow;
+    className?: string;
+    indentation?: number;
+    sortable?: boolean;
+    filterable?: boolean;
+}
+export default function DataTable(props: IProps): JSX.Element;
+export {};

package/build/index.d.ts

@@ -14,8 +14,8 @@ import AlertBlock from './alertblock/AlertBlock';
 import LoadingPlaceholder from './loadingplaceholder/LoadingPlaceholder';
 import Tooltip from './tooltip/Tooltip';
 import CopyButton from './copybutton/CopyButton';
-import CodeFence from './codefence/CodeFence';
-export { DxAccordion, DxAccordionGroup, DxButton, DxItemGroup, DxCheckbox, DxLabel, DxTabbedContent, DxTabPanel, DxTextbox, DxToggle, Tooltip, CopyButton, LoadingPlaceholder, AlertBlock, CodeFence, };
+import DataTable from './datatable/DataTable';
+export { DxAccordion, DxAccordionGroup, DxButton, DxItemGroup, DxCheckbox, DxLabel, DxTabbedContent, DxTabPanel, DxTextbox, DxToggle, Tooltip, CopyButton, LoadingPlaceholder, AlertBlock, DataTable, };
 export interface StringChangedCallback {
     (value: string): void;
 }
@@ -56,7 +56,7 @@ export interface DxToggleProps {
     onChange?: BooleanChangedCallback;
     className?: string;
 }
-export type DxTextboxType = 'text' | 'textarea' | 'password' | 'email' | 'date' | 'datetime-local' | 'time' | 'integer' | 'decimal';
+export declare type DxTextboxType = 'text' | 'textarea' | 'password' | 'email' | 'date' | 'datetime-local' | 'time' | 'integer' | 'decimal';
 export interface DxTextboxProps {
     initialValue?: string;
     value?: string;
@@ -97,7 +97,7 @@ export interface DxItemGroupProps {
     onItemChanged?: ItemChangedCallback;
     onItemsChanged?: ItemGroupChangedCallback;
 }
-export type DxItemGroupFormat = 'checkbox' | 'radio' | 'dropdown' | 'multiselect';
+export declare type DxItemGroupFormat = 'checkbox' | 'radio' | 'dropdown' | 'multiselect';
 export interface DxTabbedContentProps {
     children: React.ReactNode;
     initialTabId?: number;
@@ -108,3 +108,14 @@ export interface DxTabPanelProps {
     children: React.ReactNode;
     className?: string;
 }
+export interface DataTableRow {
+    cells: DataTableCell[];
+}
+export interface DataTableCell {
+    raw?: string;
+    renderedContent: React.ReactNode;
+    content: string;
+    parsedContent?: string | number | Date;
+    align?: 'left' | 'center' | 'right';
+    copyButton?: boolean;
+}