@digital-ai/dot-components 1.3.1 → 1.3.5

package/lib/components/table/Table.stories.data.d.ts

@@ -30,6 +30,7 @@ export declare const defaultColumns: ({
 })[];
 export declare const defaultData: ({
     id: string;
+    className: string;
     selected: boolean;
     rowData: {
         title: string;
@@ -44,6 +45,7 @@ export declare const defaultData: ({
             onclick: () => void;
             tooltip: string;
         }[];
+        className: string;
     };
 } | {
     id: string;
@@ -60,7 +62,9 @@ export declare const defaultData: ({
             onclick: () => void;
             tooltip: string;
         }[];
+        className?: undefined;
     };
+    className?: undefined;
     selected?: undefined;
 })[];
 export declare const paginatedColumns: ({

package/lib/components/table/TableRow.d.ts

@@ -24,5 +24,5 @@ export interface RowProps extends CommonProps {
  * A wrapper component around the TableRow component from @material-ui. This component can be used
  * for manipulating data prior to displaying the data inside the table
  */
-export declare const DotTableRow: ({ columns, data, onActionMenuTrigger, onClick, rowKey, selected, }: RowProps) => JSX.Element;
+export declare const DotTableRow: ({ columns, className, data, onActionMenuTrigger, onClick, rowKey, selected, }: RowProps) => JSX.Element;
 export declare const EmptyDotRow: ({ cols, message, }: EmptyRowProps) => JSX.Element;

package/lib/components/tooltip/Tooltip.d.ts

@@ -1,9 +1,12 @@
-import { ReactNode, ReactElement } from 'react';
+import { ReactNode, ReactElement, ChangeEvent } from 'react';
 import { CommonProps } from '../CommonProps';
 export declare type tooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
 export interface TooltipProps extends CommonProps {
     children: ReactElement;
+    leaveDelay?: number;
+    onClose?: (event: ChangeEvent) => void;
+    open?: boolean;
     placement?: tooltipPlacement;
     title?: ReactNode | string | number;
 }
-export declare const DotTooltip: ({ ariaLabel, children, className, "data-testid": dataTestId, placement, title, }: TooltipProps) => JSX.Element;
+export declare const DotTooltip: ({ ariaLabel, children, className, "data-testid": dataTestId, leaveDelay, onClose, open, placement, title, }: TooltipProps) => JSX.Element;

package/lib/theme-provider/ThemeProvider.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 import { Theme } from '@material-ui/core';
+import { TypographyOptions } from '@material-ui/core/styles/createTypography';
 import { AvatarPaletteColorOptions } from '../../../../../typings/material/index';
 export declare type ThemeOptions = 'light' | 'dark' | 'agility-light' | 'agility-dark';
+export declare const typographyOptions: TypographyOptions;
 export declare const avatarColors: AvatarPaletteColorOptions;
 export declare const agilityLightTheme: Theme;
 export declare const agilityDarkTheme: Theme;

package/lib/theme-provider/colors/light-theme-colors.d.ts

@@ -35,8 +35,10 @@ export declare const n400 = "#667385";
 export declare const n500 = "#4b5a6f";
 export declare const n600 = "#445267";
 export declare const n700 = "#3b485c";
+export declare const n700_90 = "rgba(59, 72, 92, 0.9)";
 export declare const n800 = "#333f52";
 export declare const n900 = "#232e40";
+export declare const n900_70 = "rgba(35, 46, 64, 0.7)";
 export declare const nA100 = "#88b1ff";
 export declare const nA200 = "#5590ff";
 export declare const nA400 = "#226eff";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "1.3.1",
+  "version": "1.3.5",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -31,7 +31,6 @@
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0",
-    "react-jsonschema-form": "^1.8.1"
+    "react": "^16.8.0 || ^17.0.0"
   }
 }

package/lib/components/json-schema-form/JsonSchemaForm.d.ts

@@ -1,21 +0,0 @@
-import { MouseEvent, KeyboardEvent } from 'react';
-import { ErrorSchema, FormValidation, IChangeEvent, ISubmitEvent, UiSchema } from 'react-jsonschema-form';
-import { JSONSchema6 } from 'json-schema';
-declare type BoolNumStr = boolean | number | string;
-interface JsonSchemaFormProps<T> {
-    disabled?: boolean;
-    formData?: T;
-    liveValidate?: boolean;
-    onBlur?: (id: string, value: BoolNumStr) => void;
-    onCancel?: (event: MouseEvent<Element> | KeyboardEvent<Element>) => void;
-    onChange?: (event: IChangeEvent<T>, errorSchema?: ErrorSchema) => unknown;
-    onError?: (event: unknown) => unknown;
-    onFocus?: (id: string, value: BoolNumStr) => void;
-    onSubmit?: (event: ISubmitEvent<T>) => void;
-    schema: JSONSchema6;
-    submitButtonText?: string;
-    uiSchema?: UiSchema;
-    validate?: (formData: T, errors: FormValidation) => FormValidation;
-}
-declare function DotJsonSchemaForm<T>({ disabled, formData, liveValidate, onBlur, onCancel, onChange, onError, onFocus, onSubmit, schema, submitButtonText, uiSchema, validate, }: JsonSchemaFormProps<T>): JSX.Element;
-export { DotJsonSchemaForm, JsonSchemaFormProps };

package/lib/components/json-schema-form/JsonSchemaForm.styles.d.ts

@@ -1,2 +0,0 @@
-export declare const rootClassName = "dot-json-schema-form";
-export declare const StyledActionButtonsRow: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/json-schema-form/custom-widgets/CustomCheckboxWidget.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from 'react-jsonschema-form';
-export declare const CustomCheckboxWidget: ({ id, label, value, disabled, onChange, }: WidgetProps) => JSX.Element;

package/lib/components/json-schema-form/custom-widgets/CustomCheckboxesWidget.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from 'react-jsonschema-form';
-export declare const CustomCheckboxesWidget: ({ id, value, onChange, required, rawErrors, schema, disabled, options: optionsObj, }: WidgetProps) => JSX.Element;

package/lib/components/json-schema-form/custom-widgets/CustomRadioWidget.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from 'react-jsonschema-form';
-export declare const CustomRadioWidget: ({ id, label, value, disabled, onChange, required, rawErrors, schema, }: WidgetProps) => JSX.Element;

package/lib/components/json-schema-form/custom-widgets/CustomSelectWidget.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from 'react-jsonschema-form';
-export declare const CustomSelectWidget: ({ autofocus, disabled, id, label, onChange, rawErrors, required, schema, value, }: WidgetProps) => JSX.Element;

package/lib/components/json-schema-form/custom-widgets/CustomTextWidget.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { WidgetProps } from 'react-jsonschema-form';
-export declare const CustomTextWidget: ({ autofocus, id, label, value, disabled, onChange, required, rawErrors, schema, }: WidgetProps) => JSX.Element;

package/lib/components/json-schema-form/custom-widgets/helpers.d.ts

@@ -1,10 +0,0 @@
-export declare const getOptionsFromSchema: (optionsObj: {
-    [key: string]: string | number | boolean | object;
-}) => {
-    label: string;
-    value: string;
-}[];
-export declare const useProcessRawErrors: (rawErrors: Array<string>) => {
-    error: boolean;
-    errorHelperText: string;
-};

package/lib/components/json-schema-form/custom-widgets/index.d.ts

@@ -1,5 +0,0 @@
-export { CustomCheckboxWidget } from './CustomCheckboxWidget';
-export { CustomTextWidget } from './CustomTextWidget';
-export { CustomCheckboxesWidget } from './CustomCheckboxesWidget';
-export { CustomSelectWidget } from './CustomSelectWidget';
-export { CustomRadioWidget } from './CustomRadioWidget';