@innovaccer/design-system 4.2.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +84 -2
- package/CONTRIBUTING.md +51 -11
- package/css/dist/index.css +40 -0
- package/css/dist/index.css.map +1 -1
- package/css/src/components/meter.module.css +39 -0
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/meter/Meter.d.ts +64 -0
- package/dist/core/components/atoms/meter/Step.d.ts +21 -0
- package/dist/core/components/atoms/meter/index.d.ts +2 -0
- package/dist/core/components/atoms/meter/useMeterValues.d.ts +9 -0
- package/dist/core/components/organisms/grid/Grid.d.ts +1 -0
- package/dist/core/components/organisms/grid/rowUtility.d.ts +1 -0
- package/dist/core/index.d.ts +1 -0
- package/dist/core/index.type.d.ts +1 -0
- package/dist/esm/index.js +900 -722
- package/dist/figma/Calendar.figma.d.ts +1 -0
- package/dist/figma/ChatBubble.figma.d.ts +1 -0
- package/dist/figma/ChoiceList.figma.d.ts +1 -0
- package/dist/figma/Combobox.figma.d.ts +1 -0
- package/dist/figma/DatePicker.figma.d.ts +1 -0
- package/dist/figma/DateRangePicker.figma.d.ts +1 -0
- package/dist/figma/HorizontalNav.figma.d.ts +1 -0
- package/dist/figma/InlineMessage.figma.d.ts +1 -0
- package/dist/figma/Listbox.figma.d.ts +1 -0
- package/dist/figma/Menu.figma.d.ts +1 -0
- package/dist/figma/Meter.figma.d.ts +1 -0
- package/dist/figma/PageHeader.figma.d.ts +1 -0
- package/dist/figma/Select.figma.d.ts +1 -0
- package/dist/figma/Table.figma.d.ts +1 -0
- package/dist/figma/TimePicker.figma.d.ts +1 -0
- package/dist/figma/VerticalNav.figma.d.ts +1 -0
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +749 -579
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +40 -0
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +318 -14
- package/package.json +1 -1
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { StepColor } from "./Step";
|
|
3
|
+
import { BaseProps } from "../../../utils/types";
|
|
4
|
+
export declare type MeterLabelSize = 'small' | 'regular' | 'large';
|
|
5
|
+
export declare type MeterSize = 'small' | 'regular' | 'large';
|
|
6
|
+
export declare type RenderLabelProps = {
|
|
7
|
+
filledSteps: number;
|
|
8
|
+
value: number;
|
|
9
|
+
min: number;
|
|
10
|
+
max: number;
|
|
11
|
+
stepCount: number;
|
|
12
|
+
percentage: number;
|
|
13
|
+
};
|
|
14
|
+
export declare type FillStepProps = {
|
|
15
|
+
value: number;
|
|
16
|
+
stepCount: number;
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
19
|
+
};
|
|
20
|
+
export declare type MeterValueProps = {
|
|
21
|
+
value: number;
|
|
22
|
+
min: number;
|
|
23
|
+
max: number;
|
|
24
|
+
stepCount: number;
|
|
25
|
+
getFilledSteps?: (props: FillStepProps) => number;
|
|
26
|
+
};
|
|
27
|
+
export interface MeterProps extends BaseProps, React.HTMLAttributes<HTMLDivElement> {
|
|
28
|
+
value: number;
|
|
29
|
+
min: number;
|
|
30
|
+
max: number;
|
|
31
|
+
stepCount: number;
|
|
32
|
+
emptyColor?: string;
|
|
33
|
+
fillColor?: StepColor | StepColor[];
|
|
34
|
+
meterSize: MeterSize;
|
|
35
|
+
labelSize?: MeterLabelSize;
|
|
36
|
+
renderLabel?: (props: RenderLabelProps) => React.ReactText;
|
|
37
|
+
showLabel?: boolean;
|
|
38
|
+
getFilledSteps?: (props: FillStepProps) => number;
|
|
39
|
+
ariaLabel?: string;
|
|
40
|
+
}
|
|
41
|
+
export declare const Meter: {
|
|
42
|
+
(props: MeterProps): React.JSX.Element;
|
|
43
|
+
displayName: string;
|
|
44
|
+
defaultProps: {
|
|
45
|
+
value: number;
|
|
46
|
+
min: number;
|
|
47
|
+
max: number;
|
|
48
|
+
stepCount: number;
|
|
49
|
+
fillColor: string;
|
|
50
|
+
meterSize: string;
|
|
51
|
+
type: string;
|
|
52
|
+
showLabel: boolean;
|
|
53
|
+
emptyColor: string;
|
|
54
|
+
};
|
|
55
|
+
useMeterValues: (props: MeterValueProps) => {
|
|
56
|
+
filledSteps: number;
|
|
57
|
+
percentage: number;
|
|
58
|
+
value: number;
|
|
59
|
+
min: number;
|
|
60
|
+
max: number;
|
|
61
|
+
stepCount: number;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
export default Meter;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { BaseProps } from "../../../utils/types";
|
|
3
|
+
export declare type StepSize = 'small' | 'regular' | 'large';
|
|
4
|
+
export declare type StepType = 'filled' | 'empty';
|
|
5
|
+
export declare type StepColor = 'info' | 'success' | 'warning' | 'alert';
|
|
6
|
+
export interface StepProps extends BaseProps {
|
|
7
|
+
stepSize: StepSize;
|
|
8
|
+
type: StepType;
|
|
9
|
+
emptyColor?: string;
|
|
10
|
+
fillColor?: StepColor;
|
|
11
|
+
}
|
|
12
|
+
export declare const Step: {
|
|
13
|
+
(props: StepProps): React.JSX.Element;
|
|
14
|
+
displayName: string;
|
|
15
|
+
defaultProps: {
|
|
16
|
+
stepSize: string;
|
|
17
|
+
type: string;
|
|
18
|
+
emptyColor: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export default Step;
|
|
@@ -67,6 +67,7 @@ export declare type ColumnSchema = {
|
|
|
67
67
|
export declare type RowData = Record<string, any> & {
|
|
68
68
|
_selected?: boolean;
|
|
69
69
|
disabled?: boolean;
|
|
70
|
+
_expandNestedRow?: boolean;
|
|
70
71
|
};
|
|
71
72
|
export declare type GridSize = 'comfortable' | 'standard' | 'compressed' | 'tight';
|
|
72
73
|
export declare type GridType = 'resource' | 'data';
|
|
@@ -4,6 +4,7 @@ export declare function translateData(schema: ColumnSchema, data: RowData): {
|
|
|
4
4
|
[x: string]: any;
|
|
5
5
|
_selected?: boolean | undefined;
|
|
6
6
|
disabled?: boolean | undefined;
|
|
7
|
+
_expandNestedRow?: boolean | undefined;
|
|
7
8
|
};
|
|
8
9
|
export declare const filterData: (schema: Schema | undefined, data: Data | undefined, filterList: FetchDataOptions['filterList']) => Data;
|
|
9
10
|
export declare const sortData: (schema: Schema | undefined, data: Data | undefined, sortingList: FetchDataOptions['sortingList']) => Data;
|
package/dist/core/index.d.ts
CHANGED
|
@@ -94,6 +94,7 @@ export { Select } from "./components/organisms/select";
|
|
|
94
94
|
export { Menu } from "./components/organisms/menu";
|
|
95
95
|
export { KeyValuePair } from "./components/molecules/keyValuePair";
|
|
96
96
|
export { Chat } from "./components/molecules/chat";
|
|
97
|
+
export { Meter } from "./components/atoms/meter";
|
|
97
98
|
export { AIButton } from "./ai-components/AIButton";
|
|
98
99
|
export { SaraSparkle } from "./ai-components/SaraSparkle";
|
|
99
100
|
export { Sara } from "./ai-components/Sara";
|
|
@@ -99,6 +99,7 @@ export { DateSeparatorProps } from "./components/molecules/chat/dateSeparator";
|
|
|
99
99
|
export { UnreadMessageProps } from "./components/molecules/chat/unreadMessage";
|
|
100
100
|
export { NewMessageProps } from "./components/molecules/chat/newMessage";
|
|
101
101
|
export { TypingIndicatorProps } from "./components/molecules/chat/typingIndicator";
|
|
102
|
+
export { MeterProps } from "./components/atoms/meter";
|
|
102
103
|
export { SaraSparkleProps } from "./ai-components/SaraSparkle";
|
|
103
104
|
export { AIButtonProps } from "./ai-components/AIButton";
|
|
104
105
|
export { SaraProps } from "./ai-components/Sara";
|