Merge pull request #5 from weka/sofi/add-severity-cell

add severity cell, customize datepicker & other fixes

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

@@ -14,6 +14,8 @@ interface DateTimePickerProps {
     showCalendarIcon?: boolean;
     showTime?: boolean;
     disabled?: boolean;
+    canClear?: boolean;
+    showNow?: boolean;
 }
 declare function DateTimePicker(props: DateTimePickerProps): JSX.Element;
 export default DateTimePicker;

dist/cjs/types/components/DateTimePicker/DateTimePicker.stories.d.ts

@@ -0,0 +1,5 @@
+import { default as DateTimePickerComponent } from './DateTimePicker';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<typeof DateTimePickerComponent>;
+export default _default;
+export declare const DateTimePicker: ComponentStory<typeof DateTimePickerComponent>;

dist/cjs/types/components/DateTimePicker/components/DateTimeCalendar/DateTimeCalendar.d.ts

@@ -8,6 +8,8 @@ interface DateTimeCalendarProps {
     maxDate?: DateTime | null;
     showSeconds?: boolean;
     showTime?: boolean;
+    canClear?: boolean;
+    showNow?: boolean;
 }
-declare function DateTimeCalendar({ onSubmit, initValue, minDate, maxDate, showSeconds, showTime }: DateTimeCalendarProps): JSX.Element;
+declare function DateTimeCalendar({ onSubmit, initValue, minDate, maxDate, showSeconds, showTime, canClear, showNow }: DateTimeCalendarProps): JSX.Element;
 export default DateTimeCalendar;

dist/cjs/types/components/DateTimePicker/components/DateTimeLabel/DateTimeLabel.d.ts

@@ -5,6 +5,7 @@ interface DateTimeLabelProps {
     date?: DateTime | null;
     showSeconds?: boolean;
     showTime?: boolean;
+    disabled?: boolean;
 }
 declare function DateTimeLabel(props: DateTimeLabelProps): JSX.Element;
 export default DateTimeLabel;

dist/cjs/types/components/DateTimePicker/components/TimeSelector/TimeSelector.d.ts

@@ -6,6 +6,7 @@ interface TimeSelectorProps {
     onSubmit: (val?: any) => void;
     onNowSubmit: (val?: any) => void;
     showSeconds?: boolean;
+    showNow?: boolean;
 }
 declare function TimeSelector(props: TimeSelectorProps): JSX.Element;
 export default TimeSelector;

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

@@ -36,10 +36,11 @@ interface TableProps {
         row: any;
     }>;
     listenerPrefix?: string;
-    onRowClick?: (uid: string) => void;
+    onRowClick?: (row?: Row) => void;
     miniTable?: boolean;
     fixedPageSize?: number;
     disableActionsPortal?: boolean;
+    colPropForShowColumns?: string;
 }
-declare function Table({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage }: TableProps): JSX.Element;
+declare function Table({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage, colPropForShowColumns }: TableProps): JSX.Element;
 export default Table;

dist/cjs/types/components/Table/cells/SeverityCell/SeverityCell.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CustomCellProps } from '../../Table';
+import './severityCell.scss';
+declare function SeverityCell({ cell }: CustomCellProps): JSX.Element;
+export default SeverityCell;

dist/cjs/types/components/Table/cells/SeverityCell/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SeverityCell';

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

@@ -32,6 +32,7 @@ export { default as ProgressCell } from "./Table/cells/ProgressCell";
 export { default as TieringCell } from "./Table/cells/TieringCell";
 export { default as TimeCell } from "./Table/cells/TimeCell";
 export { default as UptimeCell } from "./Table/cells/UptimeCell";
+export { default as SeverityCell } from "./Table/cells/SeverityCell";
 export { default as DateCell } from "./Table/cells/DateCell";
 export { default as DateTimePicker } from "./DateTimePicker";
 export { default as NumInput } from "./DateTimePicker/components/NumInput";

dist/cjs/types/consts.d.ts

@@ -54,4 +54,8 @@ export declare const TIME_PARTS: {
     MINUTE: string;
     SECOND: string;
 };
+interface SeverityIcons {
+    [key: string]: any;
+}
+export declare const SEVERITIES_ICONS: SeverityIcons;
 export {};

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

@@ -18,3 +18,9 @@ export { ReactComponent as Tiering } from './082-tiered-24.svg';
 export { ReactComponent as RemoteTiering } from './080-tiered-remote-24.svg';
 export { ReactComponent as Filter } from './038-filter-16.svg';
 export { ReactComponent as EmptyCalendar } from './empty-calendar.svg';
+export { ReactComponent as DebugWarning } from './032-warning-debug-24.svg';
+export { ReactComponent as EventInfo } from './033-info-24.svg';
+export { ReactComponent as AccidentMinor } from './034-accident-minor-24.svg';
+export { ReactComponent as AccidentMajor } from './035-accident-major-24.svg';
+export { ReactComponent as AccidentCritical } from './036-accident-critical-24.svg';
+export { ReactComponent as Warning } from './031-warning-24.svg';

dist/esm/types/components/DateTimePicker/DateTimePicker.d.ts

@@ -14,6 +14,8 @@ interface DateTimePickerProps {
     showCalendarIcon?: boolean;
     showTime?: boolean;
     disabled?: boolean;
+    canClear?: boolean;
+    showNow?: boolean;
 }
 declare function DateTimePicker(props: DateTimePickerProps): JSX.Element;
 export default DateTimePicker;

dist/esm/types/components/DateTimePicker/DateTimePicker.stories.d.ts

@@ -0,0 +1,5 @@
+import { default as DateTimePickerComponent } from './DateTimePicker';
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+declare const _default: ComponentMeta<typeof DateTimePickerComponent>;
+export default _default;
+export declare const DateTimePicker: ComponentStory<typeof DateTimePickerComponent>;

dist/esm/types/components/DateTimePicker/components/DateTimeCalendar/DateTimeCalendar.d.ts

@@ -8,6 +8,8 @@ interface DateTimeCalendarProps {
     maxDate?: DateTime | null;
     showSeconds?: boolean;
     showTime?: boolean;
+    canClear?: boolean;
+    showNow?: boolean;
 }
-declare function DateTimeCalendar({ onSubmit, initValue, minDate, maxDate, showSeconds, showTime }: DateTimeCalendarProps): JSX.Element;
+declare function DateTimeCalendar({ onSubmit, initValue, minDate, maxDate, showSeconds, showTime, canClear, showNow }: DateTimeCalendarProps): JSX.Element;
 export default DateTimeCalendar;

dist/esm/types/components/DateTimePicker/components/DateTimeLabel/DateTimeLabel.d.ts

@@ -5,6 +5,7 @@ interface DateTimeLabelProps {
     date?: DateTime | null;
     showSeconds?: boolean;
     showTime?: boolean;
+    disabled?: boolean;
 }
 declare function DateTimeLabel(props: DateTimeLabelProps): JSX.Element;
 export default DateTimeLabel;

dist/esm/types/components/DateTimePicker/components/TimeSelector/TimeSelector.d.ts

@@ -6,6 +6,7 @@ interface TimeSelectorProps {
     onSubmit: (val?: any) => void;
     onNowSubmit: (val?: any) => void;
     showSeconds?: boolean;
+    showNow?: boolean;
 }
 declare function TimeSelector(props: TimeSelectorProps): JSX.Element;
 export default TimeSelector;

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

@@ -36,10 +36,11 @@ interface TableProps {
         row: any;
     }>;
     listenerPrefix?: string;
-    onRowClick?: (uid: string) => void;
+    onRowClick?: (row?: Row) => void;
     miniTable?: boolean;
     fixedPageSize?: number;
     disableActionsPortal?: boolean;
+    colPropForShowColumns?: string;
 }
-declare function Table({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage }: TableProps): JSX.Element;
+declare function Table({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage, colPropForShowColumns }: TableProps): JSX.Element;
 export default Table;

dist/esm/types/components/Table/cells/SeverityCell/SeverityCell.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CustomCellProps } from '../../Table';
+import './severityCell.scss';
+declare function SeverityCell({ cell }: CustomCellProps): JSX.Element;
+export default SeverityCell;

dist/esm/types/components/Table/cells/SeverityCell/index.d.ts

@@ -0,0 +1 @@
+export { default } from './SeverityCell';

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

@@ -32,6 +32,7 @@ export { default as ProgressCell } from "./Table/cells/ProgressCell";
 export { default as TieringCell } from "./Table/cells/TieringCell";
 export { default as TimeCell } from "./Table/cells/TimeCell";
 export { default as UptimeCell } from "./Table/cells/UptimeCell";
+export { default as SeverityCell } from "./Table/cells/SeverityCell";
 export { default as DateCell } from "./Table/cells/DateCell";
 export { default as DateTimePicker } from "./DateTimePicker";
 export { default as NumInput } from "./DateTimePicker/components/NumInput";

dist/esm/types/consts.d.ts

@@ -54,4 +54,8 @@ export declare const TIME_PARTS: {
     MINUTE: string;
     SECOND: string;
 };
+interface SeverityIcons {
+    [key: string]: any;
+}
+export declare const SEVERITIES_ICONS: SeverityIcons;
 export {};

dist/esm/types/svgs/index.d.ts

@@ -18,3 +18,9 @@ export { ReactComponent as Tiering } from './082-tiered-24.svg';
 export { ReactComponent as RemoteTiering } from './080-tiered-remote-24.svg';
 export { ReactComponent as Filter } from './038-filter-16.svg';
 export { ReactComponent as EmptyCalendar } from './empty-calendar.svg';
+export { ReactComponent as DebugWarning } from './032-warning-debug-24.svg';
+export { ReactComponent as EventInfo } from './033-info-24.svg';
+export { ReactComponent as AccidentMinor } from './034-accident-minor-24.svg';
+export { ReactComponent as AccidentMajor } from './035-accident-major-24.svg';
+export { ReactComponent as AccidentCritical } from './036-accident-critical-24.svg';
+export { ReactComponent as Warning } from './031-warning-24.svg';

dist/index.d.ts

@@ -378,12 +378,13 @@ interface TableProps {
         row: any;
     }>;
     listenerPrefix?: string;
-    onRowClick?: (uid: string) => void;
+    onRowClick?: (row?: Row) => void;
     miniTable?: boolean;
     fixedPageSize?: number;
     disableActionsPortal?: boolean;
+    colPropForShowColumns?: string;
 }
-declare function Table({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage }: TableProps): JSX.Element;
+declare function Table({ columns, data, rowActions, tableActions, title, defaultSort, globalFilter, defaultGlobalFilter, checkRowSelected, getRowId, addFilterToUrl, RowSubComponent, listenerPrefix, onRowClick, miniTable, filterCategory, fixedPageSize, disableActionsPortal, maxRows, emptyMessage, colPropForShowColumns }: TableProps): JSX.Element;
 
 declare function MultiSelectFilter({ column }: {
     [key: string]: any;
@@ -436,6 +437,8 @@ declare function TimeCell({ cell }: CustomCellProps): JSX.Element;
 
 declare function UptimeCell({ cell }: CustomCellProps): JSX.Element;
 
+declare function SeverityCell({ cell }: CustomCellProps): JSX.Element;
+
 declare function DateCell({ cell, column }: {
     cell: CellProps<object>;
     column: {
@@ -456,6 +459,8 @@ interface DateTimePickerProps {
     showCalendarIcon?: boolean;
     showTime?: boolean;
     disabled?: boolean;
+    canClear?: boolean;
+    showNow?: boolean;
 }
 declare function DateTimePicker(props: DateTimePickerProps): JSX.Element;
 
@@ -476,4 +481,4 @@ interface NumInputProps {
 }
 declare function NumInput(props: NumInputProps): JSX.Element;
 
-export { ActionsCell, ApiCallCell, BarCell, BlocksCell, Button, CapacityBar, CapacityCell, Checkbox, CircularProgress, CloseButton, CustomTooltipCell, DataInfo, DateCell, DateTimePicker, EmptyPageMessage, ErrorPage, FormSwitch, IconCell, Info, IpRangeTextBox, IpSubnetTextBox, IpTextBox, JsonBox, JsonEditor, Loader, LoginField, MenuPopper, MultiSelectFilter, NewPasswordTooltip, NumInput, ProgressCell, RadioSwitch, Select, SelectFilter, SpanTooltip, StatusCell, Switch, Tab, Table, TagsBox, TextArea, TextBox, TextField, TextFilter, TextSelectBox, TieringCell, TimeCell, Toast, ToggleButton, Tooltip, UploadField, UptimeCell };
+export { ActionsCell, ApiCallCell, BarCell, BlocksCell, Button, CapacityBar, CapacityCell, Checkbox, CircularProgress, CloseButton, CustomTooltipCell, DataInfo, DateCell, DateTimePicker, EmptyPageMessage, ErrorPage, FormSwitch, IconCell, Info, IpRangeTextBox, IpSubnetTextBox, IpTextBox, JsonBox, JsonEditor, Loader, LoginField, MenuPopper, MultiSelectFilter, NewPasswordTooltip, NumInput, ProgressCell, RadioSwitch, Select, SelectFilter, SeverityCell, SpanTooltip, StatusCell, Switch, Tab, Table, TagsBox, TextArea, TextBox, TextField, TextFilter, TextSelectBox, TieringCell, TimeCell, Toast, ToggleButton, Tooltip, UploadField, UptimeCell };