hplx-react-elements-dev 1.0.15 → 1.0.16
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/dist/esm/{components/Badges → Badges}/Badge.d.ts +0 -0
- package/dist/esm/{components/addSuggestion → addSuggestion}/AddSuggestion.d.ts +0 -0
- package/dist/esm/{components/avatar → avatar}/Avatar.d.ts +0 -0
- package/dist/esm/{components/badgeGroup → badgeGroup}/BadgeGroup.d.ts +0 -0
- package/dist/esm/{components/button → button}/Button.d.ts +0 -0
- package/dist/esm/{components/button → button}/index.d.ts +0 -0
- package/dist/esm/{components/buttonGroups → buttonGroups}/ButtonGroups.d.ts +0 -0
- package/dist/esm/{components/card → card}/Card.d.ts +0 -0
- package/dist/esm/{components/checkbox → checkbox}/Checkbox.d.ts +0 -0
- package/dist/esm/{components/checkbox → checkbox}/index.d.ts +0 -0
- package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroup.d.ts +0 -0
- package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroupItem.d.ts +0 -0
- package/dist/esm/{components/collapsibleCard → collapsibleCard}/CollapsibleCard.d.ts +0 -0
- package/dist/esm/{components/common.d.ts → common.d.ts} +0 -0
- package/dist/esm/{components/datePicker → datePicker}/DatePicker.d.ts +1 -0
- package/dist/esm/{components/dropdownField → dropdownField}/DropdownField.d.ts +0 -0
- package/dist/esm/{components/dropdownField → dropdownField}/DropdownItem.d.ts +0 -0
- package/dist/esm/index.css +1060 -0
- package/dist/esm/{components/index.d.ts → index.d.ts} +0 -0
- package/dist/esm/index.js +16665 -0
- package/dist/esm/{components/inputField → inputField}/InputField.d.ts +0 -0
- package/dist/esm/{components/inputFieldSplit → inputFieldSplit}/InputFieldSplit.d.ts +0 -0
- package/dist/esm/{components/messageToast → messageToast}/MessageToast.d.ts +0 -0
- package/dist/esm/{components/messageToast → messageToast}/Toast.d.ts +0 -0
- package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdown.d.ts +0 -0
- package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdownItem.d.ts +0 -0
- package/dist/esm/{components/otpField → otpField}/OtpField.d.ts +0 -0
- package/dist/esm/{components/progressBar → progressBar}/ProgressBar.d.ts +0 -0
- package/dist/esm/{components/progressCircle → progressCircle}/ProgressCircle.d.ts +0 -0
- package/dist/esm/{components/radioBtn → radioBtn}/RadioBtn.d.ts +0 -0
- package/dist/esm/{components/slider → slider}/Slider.d.ts +0 -0
- package/dist/esm/{components/textAreaField → textAreaField}/TextAreaField.d.ts +0 -0
- package/dist/esm/{components/toggleSwitch → toggleSwitch}/ToggleSwitch.d.ts +0 -0
- package/dist/esm/{components/tooltip → tooltip}/Tooltip.d.ts +0 -0
- package/dist/esm/{components/types.d.ts → types.d.ts} +37 -37
- package/dist/esm/{components/typography → typography}/Typography.d.ts +0 -0
- package/package.json +31 -23
- package/dist/esm/components/Badges/Badge.js +0 -60
- package/dist/esm/components/Badges/Badge.js.map +0 -1
- package/dist/esm/components/addSuggestion/AddSuggestion.js +0 -66
- package/dist/esm/components/addSuggestion/AddSuggestion.js.map +0 -1
- package/dist/esm/components/avatar/Avatar.js +0 -141
- package/dist/esm/components/avatar/Avatar.js.map +0 -1
- package/dist/esm/components/badgeGroup/BadgeGroup.js +0 -82
- package/dist/esm/components/badgeGroup/BadgeGroup.js.map +0 -1
- package/dist/esm/components/button/Button.js +0 -90
- package/dist/esm/components/button/Button.js.map +0 -1
- package/dist/esm/components/button/index.js +0 -3
- package/dist/esm/components/button/index.js.map +0 -1
- package/dist/esm/components/buttonGroups/ButtonGroups.js +0 -51
- package/dist/esm/components/buttonGroups/ButtonGroups.js.map +0 -1
- package/dist/esm/components/card/Card.js +0 -12
- package/dist/esm/components/card/Card.js.map +0 -1
- package/dist/esm/components/checkbox/Checkbox.js +0 -42
- package/dist/esm/components/checkbox/Checkbox.js.map +0 -1
- package/dist/esm/components/checkbox/index.js +0 -3
- package/dist/esm/components/checkbox/index.js.map +0 -1
- package/dist/esm/components/checkboxGroup/CheckboxGroup.js +0 -23
- package/dist/esm/components/checkboxGroup/CheckboxGroup.js.map +0 -1
- package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js +0 -34
- package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js.map +0 -1
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js +0 -67
- package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map +0 -1
- package/dist/esm/components/common.js +0 -172
- package/dist/esm/components/common.js.map +0 -1
- package/dist/esm/components/datePicker/DatePicker.js +0 -30
- package/dist/esm/components/datePicker/DatePicker.js.map +0 -1
- package/dist/esm/components/dropdownField/DropdownField.js +0 -29
- package/dist/esm/components/dropdownField/DropdownField.js.map +0 -1
- package/dist/esm/components/dropdownField/DropdownItem.js +0 -25
- package/dist/esm/components/dropdownField/DropdownItem.js.map +0 -1
- package/dist/esm/components/index.js +0 -28
- package/dist/esm/components/index.js.map +0 -1
- package/dist/esm/components/inputField/InputField.js +0 -14
- package/dist/esm/components/inputField/InputField.js.map +0 -1
- package/dist/esm/components/inputFieldSplit/InputFieldSplit.js +0 -19
- package/dist/esm/components/inputFieldSplit/InputFieldSplit.js.map +0 -1
- package/dist/esm/components/messageToast/MessageToast.js +0 -24
- package/dist/esm/components/messageToast/MessageToast.js.map +0 -1
- package/dist/esm/components/messageToast/Toast.js +0 -19
- package/dist/esm/components/messageToast/Toast.js.map +0 -1
- package/dist/esm/components/nestedDropdown/NestedDropdown.js +0 -111
- package/dist/esm/components/nestedDropdown/NestedDropdown.js.map +0 -1
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.js +0 -25
- package/dist/esm/components/nestedDropdown/NestedDropdownItem.js.map +0 -1
- package/dist/esm/components/otpField/OtpField.js +0 -32
- package/dist/esm/components/otpField/OtpField.js.map +0 -1
- package/dist/esm/components/progressBar/ProgressBar.js +0 -28
- package/dist/esm/components/progressBar/ProgressBar.js.map +0 -1
- package/dist/esm/components/progressCircle/ProgressCircle.js +0 -78
- package/dist/esm/components/progressCircle/ProgressCircle.js.map +0 -1
- package/dist/esm/components/radioBtn/RadioBtn.js +0 -62
- package/dist/esm/components/radioBtn/RadioBtn.js.map +0 -1
- package/dist/esm/components/slider/Slider.js +0 -64
- package/dist/esm/components/slider/Slider.js.map +0 -1
- package/dist/esm/components/textAreaField/TextAreaField.js +0 -14
- package/dist/esm/components/textAreaField/TextAreaField.js.map +0 -1
- package/dist/esm/components/toggleSwitch/ToggleSwitch.js +0 -55
- package/dist/esm/components/toggleSwitch/ToggleSwitch.js.map +0 -1
- package/dist/esm/components/tooltip/Tooltip.js +0 -112
- package/dist/esm/components/tooltip/Tooltip.js.map +0 -1
- package/dist/esm/components/types.js +0 -2
- package/dist/esm/components/types.js.map +0 -1
- package/dist/esm/components/typography/Typography.js +0 -70
- package/dist/esm/components/typography/Typography.js.map +0 -1
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -31,7 +31,7 @@ export interface InputFieldSplitProps {
|
|
|
31
31
|
};
|
|
32
32
|
inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
|
|
33
33
|
}
|
|
34
|
-
|
|
34
|
+
type otpSizeType = "lg" | "md" | "sm";
|
|
35
35
|
export interface OtpFieldProps {
|
|
36
36
|
label?: string;
|
|
37
37
|
hint_text?: string;
|
|
@@ -50,10 +50,10 @@ export interface TextAreaFieldProps {
|
|
|
50
50
|
inputProps: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
|
|
51
51
|
height?: string;
|
|
52
52
|
}
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
53
|
+
type badgesizeType = "sm" | "md" | "lg";
|
|
54
|
+
type badgeiconType = "Left" | "Right" | "Only";
|
|
55
|
+
type badgecolourType = "Gray" | "Primary" | "Error" | "Warning" | "Success" | "BlueGray" | "Default" | "Blue" | "Indigo" | "Purple" | "Pink" | "Rose" | "Orange";
|
|
56
|
+
type iconFileType = "hx_close" | "avatar";
|
|
57
57
|
export interface BadgeType {
|
|
58
58
|
colour: badgecolourType;
|
|
59
59
|
size: badgesizeType;
|
|
@@ -64,19 +64,19 @@ export interface BadgeType {
|
|
|
64
64
|
onLeftIconClick?: () => void;
|
|
65
65
|
onRightIconClick?: () => void;
|
|
66
66
|
}
|
|
67
|
-
|
|
68
|
-
|
|
67
|
+
type typographyVariantType = "Regular" | "Medium" | "Semibold" | "Bold";
|
|
68
|
+
type typographyTextType = "Display 2xl" | "Display xl" | "Display lg" | "Display md" | "Display sm" | "Display xs" | "Text xl" | "Text lg" | "Text md" | "Text sm" | "Text xs";
|
|
69
69
|
export interface TypographyProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
70
70
|
variant: typographyVariantType;
|
|
71
71
|
type: typographyTextType;
|
|
72
72
|
}
|
|
73
|
-
|
|
73
|
+
type progressBarLabelType = "Right" | "Bottom" | "None" | "Top floating" | "Bottom floating";
|
|
74
74
|
export interface ProgressBarProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
75
75
|
label?: progressBarLabelType;
|
|
76
76
|
progress: number;
|
|
77
77
|
}
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
type progressCircleSizeType = "xxs" | "xs" | "sm" | "md" | "lg";
|
|
79
|
+
type progressCircleShapeType = "Half circle" | "Circle";
|
|
80
80
|
export interface ProgressCircleProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
81
81
|
size?: progressCircleSizeType;
|
|
82
82
|
shape?: progressCircleShapeType;
|
|
@@ -84,9 +84,9 @@ export interface ProgressCircleProps extends React.DetailedHTMLProps<React.HTMLA
|
|
|
84
84
|
spinnerMode?: boolean;
|
|
85
85
|
progress: number;
|
|
86
86
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
87
|
+
type hierarchyType = "Primary" | "Secondary" | "Secondary-Grey" | "Tertiary" | "Tertiary-Grey" | "Link-Colour" | "Link-Grey";
|
|
88
|
+
type buttonSizeType = "sm" | "md" | "lg" | "xl" | "2xl";
|
|
89
|
+
type iconType = "No" | "Left" | "Right" | "Only";
|
|
90
90
|
export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
|
91
91
|
hierarchy: hierarchyType;
|
|
92
92
|
size: buttonSizeType;
|
|
@@ -94,7 +94,7 @@ export interface ButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAtt
|
|
|
94
94
|
iconFile?: string;
|
|
95
95
|
textField: string;
|
|
96
96
|
}
|
|
97
|
-
export
|
|
97
|
+
export type checkboxSizeType = "sm" | "md";
|
|
98
98
|
export interface CheckboxProps {
|
|
99
99
|
size?: checkboxSizeType;
|
|
100
100
|
text: string;
|
|
@@ -102,7 +102,7 @@ export interface CheckboxProps {
|
|
|
102
102
|
disabled?: boolean;
|
|
103
103
|
onClick?: () => void;
|
|
104
104
|
}
|
|
105
|
-
|
|
105
|
+
type ButtonGroupOptionType = {
|
|
106
106
|
value?: string;
|
|
107
107
|
label?: string;
|
|
108
108
|
start_icon?: string;
|
|
@@ -114,8 +114,8 @@ export interface ButtonGroupsProps {
|
|
|
114
114
|
options: Array<ButtonGroupOptionType>;
|
|
115
115
|
disabled: boolean;
|
|
116
116
|
}
|
|
117
|
-
|
|
118
|
-
|
|
117
|
+
type tooltipPosition = "Top" | "Top end" | "Top start" | "Bottom" | "Left" | "Right";
|
|
118
|
+
type toolTipTheme = "dark" | "light";
|
|
119
119
|
export interface TooltipProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
120
120
|
variant?: tooltipPosition;
|
|
121
121
|
text?: string;
|
|
@@ -123,9 +123,9 @@ export interface TooltipProps extends React.DetailedHTMLProps<React.HTMLAttribut
|
|
|
123
123
|
supportingText?: string;
|
|
124
124
|
children: ReactNode;
|
|
125
125
|
}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
126
|
+
type statusIcon = "online" | "company" | "offline" | "none";
|
|
127
|
+
type AvatarSize = "Display xs" | "Text xl" | "Text lg" | "Text md" | "Text sm" | "Text xs" | "Text xxs";
|
|
128
|
+
type AvatarShape = "rounded" | "rounded-md" | "rounded-lg" | "rounded-full";
|
|
129
129
|
export interface AvatarProps {
|
|
130
130
|
shape?: AvatarShape;
|
|
131
131
|
name?: string;
|
|
@@ -136,7 +136,7 @@ export interface AvatarProps {
|
|
|
136
136
|
statusIcon?: statusIcon;
|
|
137
137
|
CompanyLogo?: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
|
138
138
|
}
|
|
139
|
-
|
|
139
|
+
type AvatarGroupSize = "Text md" | "Text sm" | "Text xs";
|
|
140
140
|
export interface AvatarGroupProps {
|
|
141
141
|
url?: string;
|
|
142
142
|
size?: AvatarGroupSize;
|
|
@@ -169,7 +169,7 @@ export interface DropdownFieldProps {
|
|
|
169
169
|
export interface CardType {
|
|
170
170
|
title: string;
|
|
171
171
|
}
|
|
172
|
-
|
|
172
|
+
type CollapseDirection = "up" | "down" | "left" | "right";
|
|
173
173
|
export interface CollapsibleCardProps {
|
|
174
174
|
direction?: CollapseDirection;
|
|
175
175
|
label?: string;
|
|
@@ -185,8 +185,8 @@ export interface CollapsibleCardProps {
|
|
|
185
185
|
handleCollapsibleDisplay?: Function;
|
|
186
186
|
headerRightChildren?: ReactNode;
|
|
187
187
|
}
|
|
188
|
-
export
|
|
189
|
-
export
|
|
188
|
+
export type RadioBtnSizeType = "sm" | "md";
|
|
189
|
+
export type RadioBtnType = "checkmark" | "dot";
|
|
190
190
|
export interface RadioBtnProps {
|
|
191
191
|
size: RadioBtnSizeType;
|
|
192
192
|
disabled: boolean;
|
|
@@ -195,8 +195,8 @@ export interface RadioBtnProps {
|
|
|
195
195
|
secondaryText: string;
|
|
196
196
|
id: any;
|
|
197
197
|
}
|
|
198
|
-
export
|
|
199
|
-
export
|
|
198
|
+
export type ToggleSwitchThemeType = "Dark" | "Light";
|
|
199
|
+
export type ToggleSwitchSizeType = "sm" | "md";
|
|
200
200
|
export interface ToggleSwitchProps {
|
|
201
201
|
theme: ToggleSwitchThemeType;
|
|
202
202
|
size: ToggleSwitchSizeType;
|
|
@@ -207,8 +207,8 @@ export interface ToggleSwitchProps {
|
|
|
207
207
|
onClick?: () => void;
|
|
208
208
|
isToggled: boolean;
|
|
209
209
|
}
|
|
210
|
-
|
|
211
|
-
|
|
210
|
+
type CheckboxGroupSize = "sm" | "md";
|
|
211
|
+
type CheckboxGroupType = "Icon Simple" | "Icon Card" | "Avatar" | "Payment icon" | "Radio button" | "Checkbox";
|
|
212
212
|
export interface CheckboxGroupItemProps {
|
|
213
213
|
variant?: CheckboxGroupType;
|
|
214
214
|
size?: CheckboxGroupSize;
|
|
@@ -226,20 +226,20 @@ export interface CheckboxGroupProps {
|
|
|
226
226
|
size?: CheckboxGroupSize;
|
|
227
227
|
options: Array<CheckboxGroupItemProps>;
|
|
228
228
|
}
|
|
229
|
-
export
|
|
230
|
-
export
|
|
231
|
-
export
|
|
229
|
+
export type SliderType = "0" | "25" | "50" | "75" | "100";
|
|
230
|
+
export type SliderProgressType = "sm" | "md";
|
|
231
|
+
export type SliderLabelType = "topFloating" | "bottomFloating" | "labelBottom" | "noLabel";
|
|
232
232
|
export interface SliderProps {
|
|
233
233
|
initialMin: SliderType;
|
|
234
234
|
initialMax: SliderType;
|
|
235
235
|
progress: SliderProgressType;
|
|
236
236
|
label: SliderLabelType;
|
|
237
237
|
}
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
238
|
+
type badgeGroupthemeType = "Light" | "Medium" | "Dark";
|
|
239
|
+
type badgeGroupType = "Leading" | "Trailing";
|
|
240
|
+
type badgeGroupsizeType = "md" | "lg";
|
|
241
|
+
type BadgeGroupiconfileType = "hx_arrow-right";
|
|
242
|
+
type badgeGroupcolourType = "Gray" | "Primary" | "Error" | "Warning" | "Success";
|
|
243
243
|
export interface BadgeGroupProps {
|
|
244
244
|
colour: badgeGroupcolourType;
|
|
245
245
|
theme: badgeGroupthemeType;
|
|
@@ -251,7 +251,7 @@ export interface BadgeGroupProps {
|
|
|
251
251
|
onClick?: () => void;
|
|
252
252
|
onRightIconClick?: () => void;
|
|
253
253
|
}
|
|
254
|
-
export
|
|
254
|
+
export type messageToastType = "Error" | "Success";
|
|
255
255
|
export interface messageToastProps {
|
|
256
256
|
toastList: any;
|
|
257
257
|
}
|
|
File without changes
|
package/package.json
CHANGED
|
@@ -9,9 +9,10 @@
|
|
|
9
9
|
"frontend",
|
|
10
10
|
"healthplix"
|
|
11
11
|
],
|
|
12
|
-
"version": "1.0.
|
|
13
|
-
"main": "dist/esm/
|
|
14
|
-
"module": "dist/esm/
|
|
12
|
+
"version": "1.0.16",
|
|
13
|
+
"main": "dist/esm/index.js",
|
|
14
|
+
"module": "dist/esm/index.js",
|
|
15
|
+
"types": "dist/esm/index.d.ts",
|
|
15
16
|
"files": [
|
|
16
17
|
"dist",
|
|
17
18
|
"README.md"
|
|
@@ -21,30 +22,12 @@
|
|
|
21
22
|
"url": "git+https://hplx-admin@bitbucket.org/healthplixrepos/ui-elements.git"
|
|
22
23
|
},
|
|
23
24
|
"dependencies": {
|
|
24
|
-
"
|
|
25
|
-
"@testing-library/jest-dom": "^5.16.4",
|
|
26
|
-
"@testing-library/react": "^13.3.0",
|
|
27
|
-
"@testing-library/user-event": "^13.5.0",
|
|
28
|
-
"@types/jest": "^27.5.2",
|
|
29
|
-
"@types/node": "^16.11.46",
|
|
30
|
-
"@types/react": "^18.0.15",
|
|
31
|
-
"@types/react-dom": "^18.0.6",
|
|
32
|
-
"dayjs": "^1.11.6",
|
|
33
|
-
"hplx-ui-icons": "^2.2.6",
|
|
34
|
-
"react": "^18.2.0",
|
|
35
|
-
"react-date-range": "^1.4.0",
|
|
36
|
-
"react-dom": "^18.2.0",
|
|
37
|
-
"react-scripts": "5.0.1",
|
|
38
|
-
"typescript": "^4.7.4",
|
|
39
|
-
"web-vitals": "^2.1.4",
|
|
40
|
-
"webfontloader": "^1.6.28"
|
|
25
|
+
"react-date-range": "^1.4.0"
|
|
41
26
|
},
|
|
42
27
|
"scripts": {
|
|
43
28
|
"start": "react-scripts start",
|
|
44
29
|
"build:tailwind": "tailwindcss build -i src/tailwind.css -o src/themes/tailwind.output.css",
|
|
45
|
-
"build": "rm -rf dist && NODE_ENV=production
|
|
46
|
-
"build:esm": "tsc",
|
|
47
|
-
"build:cjs": "tsc --module commonjs --outDir dist/cjs",
|
|
30
|
+
"build": "rm -rf dist && NODE_ENV=production && rollup -c",
|
|
48
31
|
"test": "react-scripts test",
|
|
49
32
|
"eject": "react-scripts eject",
|
|
50
33
|
"storybook": "start-storybook -p 6006 -s public",
|
|
@@ -81,7 +64,14 @@
|
|
|
81
64
|
"devDependencies": {
|
|
82
65
|
"@babel/cli": "^7.18.10",
|
|
83
66
|
"@babel/core": "^7.18.10",
|
|
67
|
+
"@babel/polyfill": "^7.12.1",
|
|
84
68
|
"@babel/preset-env": "^7.18.10",
|
|
69
|
+
"@rollup/plugin-babel": "^6.0.2",
|
|
70
|
+
"@rollup/plugin-commonjs": "^23.0.2",
|
|
71
|
+
"@rollup/plugin-image": "^3.0.1",
|
|
72
|
+
"@rollup/plugin-node-resolve": "^15.0.1",
|
|
73
|
+
"@rollup/plugin-replace": "^5.0.1",
|
|
74
|
+
"@rollup/plugin-typescript": "^9.0.2",
|
|
85
75
|
"@storybook/addon-actions": "^6.5.9",
|
|
86
76
|
"@storybook/addon-essentials": "^6.5.9",
|
|
87
77
|
"@storybook/addon-interactions": "^6.5.9",
|
|
@@ -92,15 +82,33 @@
|
|
|
92
82
|
"@storybook/preset-create-react-app": "^4.1.2",
|
|
93
83
|
"@storybook/react": "^6.5.9",
|
|
94
84
|
"@storybook/testing-library": "^0.0.13",
|
|
85
|
+
"@testing-library/jest-dom": "^5.16.4",
|
|
86
|
+
"@testing-library/react": "^13.3.0",
|
|
87
|
+
"@testing-library/user-event": "^13.5.0",
|
|
88
|
+
"@types/jest": "^27.5.2",
|
|
89
|
+
"@types/node": "^16.11.46",
|
|
90
|
+
"@types/react": "^18.0.15",
|
|
95
91
|
"@types/react-calendar": "^3.5.3",
|
|
96
92
|
"@types/react-date-range": "^1.4.4",
|
|
93
|
+
"@types/react-dom": "^18.0.6",
|
|
97
94
|
"@types/webfontloader": "^1.6.34",
|
|
98
95
|
"autoprefixer": "^10.4.7",
|
|
99
96
|
"babel-plugin-named-exports-order": "^0.0.2",
|
|
97
|
+
"dayjs": "^1.11.6",
|
|
98
|
+
"hplx-ui-icons": "^2.2.6",
|
|
100
99
|
"postcss": "^8.4.14",
|
|
101
100
|
"postcss-loader": "^7.0.1",
|
|
102
101
|
"prop-types": "^15.8.1",
|
|
102
|
+
"react": "^18.2.0",
|
|
103
|
+
"react-dom": "^18.2.0",
|
|
104
|
+
"react-scripts": "5.0.1",
|
|
105
|
+
"rollup": "^2.79.1",
|
|
106
|
+
"rollup-plugin-filesize": "^9.1.2",
|
|
107
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
103
108
|
"tailwindcss": "^3.1.6",
|
|
109
|
+
"typescript": "^4.7.4",
|
|
110
|
+
"web-vitals": "^2.1.4",
|
|
111
|
+
"webfontloader": "^1.6.28",
|
|
104
112
|
"webpack": "^5.74.0"
|
|
105
113
|
}
|
|
106
114
|
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import Typography from "../typography/Typography";
|
|
4
|
-
import { getColourClassName } from "../common";
|
|
5
|
-
import Avatar from "../avatar/Avatar";
|
|
6
|
-
//Sizes can be one of the following
|
|
7
|
-
// sm-Small,
|
|
8
|
-
// md-Medium,
|
|
9
|
-
// lg-Large,
|
|
10
|
-
var getPaddingClassName = function (size) {
|
|
11
|
-
var className = "flex flex-row px-2 rounded-full justify-content-center items-center ";
|
|
12
|
-
switch (size) {
|
|
13
|
-
case "sm":
|
|
14
|
-
className = className + "h-[22px]";
|
|
15
|
-
break;
|
|
16
|
-
case "md":
|
|
17
|
-
className = className + "h-6";
|
|
18
|
-
break;
|
|
19
|
-
case "lg":
|
|
20
|
-
className = className + "h-7 ";
|
|
21
|
-
break;
|
|
22
|
-
default:
|
|
23
|
-
className = className + "h-6 ";
|
|
24
|
-
break;
|
|
25
|
-
}
|
|
26
|
-
return className;
|
|
27
|
-
};
|
|
28
|
-
var getSizeClassName = function (size) {
|
|
29
|
-
var className;
|
|
30
|
-
switch (size) {
|
|
31
|
-
case "sm":
|
|
32
|
-
className = "Text xs";
|
|
33
|
-
break;
|
|
34
|
-
case "md":
|
|
35
|
-
className = "Text sm";
|
|
36
|
-
break;
|
|
37
|
-
case "lg":
|
|
38
|
-
className = "Text sm";
|
|
39
|
-
break;
|
|
40
|
-
default:
|
|
41
|
-
className = "Text sm";
|
|
42
|
-
break;
|
|
43
|
-
}
|
|
44
|
-
return className;
|
|
45
|
-
};
|
|
46
|
-
var Badge = function (_a) {
|
|
47
|
-
var size = _a.size, colour = _a.colour,
|
|
48
|
-
// textColour,
|
|
49
|
-
textField = _a.textField, icon = _a.icon, iconFile = _a.iconFile, _b = _a.onClick, onClick = _b === void 0 ? function () { } : _b, _c = _a.onLeftIconClick, onLeftIconClick = _c === void 0 ? function () { } : _c, _d = _a.onRightIconClick, onRightIconClick = _d === void 0 ? function () { } : _d;
|
|
50
|
-
return (_jsx("form", { children: _jsxs("div", __assign({
|
|
51
|
-
// {...textProps}
|
|
52
|
-
className: [
|
|
53
|
-
getColourClassName(colour),
|
|
54
|
-
getSizeClassName(size),
|
|
55
|
-
getPaddingClassName(size),
|
|
56
|
-
// getTextColourClassName(textColour),
|
|
57
|
-
].join(" "), onClick: onClick }, { children: [_jsx("div", { children: iconFile === "avatar" && icon === "Only" && (_jsx("div", __assign({ "data-testid": "badge-avatar", className: "flex rounded-full my-auto mx-auto px-0.5 relative items-center " }, { children: _jsx(Avatar, { url: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80", name: "", placeholder: false, size: "Text xxs", text: false }) }))) }), _jsx("div", { children: icon && iconFile && icon === "Left" && (_jsx("span", __assign({ onClick: onLeftIconClick, className: "".concat(iconFile), "data-testid": "left-icon" }, { children: " " }))) }), textField && (_jsx(Typography, __assign({ variant: "Regular", type: getSizeClassName(size) }, { children: textField }))), _jsx("div", { children: icon && iconFile && icon === "Right" && (_jsx("span", { "data-testid": "right-icon", onClick: onRightIconClick, className: "".concat(iconFile, " ") })) })] })) }));
|
|
58
|
-
};
|
|
59
|
-
export default Badge;
|
|
60
|
-
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/components/Badges/Badge.tsx"],"names":[],"mappings":";;AACA,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,mCAAmC;AACnC,YAAY;AACZ,aAAa;AACb,YAAY;AAEZ,IAAM,mBAAmB,GAAG,UAAC,IAAY;IACvC,IAAI,SAAS,GACX,sEAAsE,CAAC;IACzE,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;YACnC,MAAM;QACR,KAAK,IAAI;YACP,SAAS,GAAG,SAAS,GAAG,KAAK,CAAC;YAC9B,MAAM;QACR,KAAK,IAAI;YACP,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;YAC/B,MAAM;QACR;YACE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;YAC/B,MAAM;KACT;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,IAAY;IACpC,IAAI,SAAkC,CAAC;IACvC,QAAQ,IAAI,EAAE;QACZ,KAAK,IAAI;YACP,SAAS,GAAG,SAAS,CAAC;YACtB,MAAM;QACR,KAAK,IAAI;YACP,SAAS,GAAG,SAAS,CAAC;YACtB,MAAM;QACR,KAAK,IAAI;YACP,SAAS,GAAG,SAAS,CAAC;YACtB,MAAM;QACR;YACE,SAAS,GAAG,SAAS,CAAC;YACtB,MAAM;KACT;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,EAUH;QATV,IAAI,UAAA,EACJ,MAAM,YAAA;IACN,cAAc;IACd,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,uBAA0B,EAA1B,eAAe,mBAAG,cAAO,CAAC,KAAA,EAC1B,wBAA2B,EAA3B,gBAAgB,mBAAG,cAAO,CAAC,KAAA;IAE3B,OAAO,CACL,yBACE;YACE,iBAAiB;YACjB,SAAS,EAAE;gBACT,kBAAkB,CAAC,MAAM,CAAC;gBAC1B,gBAAgB,CAAC,IAAI,CAAC;gBACtB,mBAAmB,CAAC,IAAI,CAAC;gBACzB,sCAAsC;aACvC,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,OAAO,EAAE,OAAO,iBAEhB,wBAEG,QAAQ,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM,IAAI,CAC3C,sCACc,cAAc,EAC1B,SAAS,EAAC,kEAAkE,gBAE5E,KAAC,MAAM,IACL,GAAG,EACD,8DAA8D,EAEhE,IAAI,EAAE,EAAE,EACR,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,KAAK,GACH,IACN,CACP,GACG,EACN,wBACG,IAAI,IAAI,QAAQ,IAAI,IAAI,KAAK,MAAM,IAAI,CACtC,wBACE,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,UAAG,QAAQ,CAAE,iBACZ,WAAW,gBAEtB,GAAG,IACC,CACR,GACG,EAEL,SAAS,IAAI,CACZ,KAAC,UAAU,aAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,gBACvD,SAAS,IACC,CACd,EACD,wBAEG,IAAI,IAAI,QAAQ,IAAI,IAAI,KAAK,OAAO,IAAI,CACvC,8BACc,YAAY,EACxB,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,UAAG,QAAQ,MAAG,GACnB,CACT,GACG,KACF,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState, useRef, useEffect } from "react";
|
|
4
|
-
import DropdownItem from "../dropdownField/DropdownItem";
|
|
5
|
-
import InputField from "../inputField/InputField";
|
|
6
|
-
import TextAreaField from "../textAreaField/TextAreaField";
|
|
7
|
-
var AddSuggestion = function (_a) {
|
|
8
|
-
var _b = _a.isInputField, isInputField = _b === void 0 ? false : _b, label = _a.label, _c = _a.start_icon, start_icon = _c === void 0 ? "" : _c, _d = _a.end_icon, end_icon = _d === void 0 ? "" : _d, prefix = _a.prefix, suffixButton = _a.suffixButton, suffix = _a.suffix, char_count = _a.char_count, _e = _a.onSuggestionClick, onSuggestionClick = _e === void 0 ? function () { } : _e, _f = _a.height, height = _f === void 0 ? 'h-32' : _f, _g = _a.hint_text_icon, hint_text_icon = _g === void 0 ? "" : _g, hint_text = _a.hint_text, _h = _a.errorMsg, errorMsg = _h === void 0 ? "" : _h, inputProps = _a.inputProps, inputFieldInputProps = _a.inputFieldInputProps, options = _a.options;
|
|
9
|
-
var _j = useState(inputProps && typeof (inputProps.value) === "string" ? inputProps.value : ""), value = _j[0], setValue = _j[1];
|
|
10
|
-
var _k = useState(false), showDropdown = _k[0], setShowDropdown = _k[1];
|
|
11
|
-
var wrapperRef = useRef(null);
|
|
12
|
-
var _l = useState(), suggestionArr = _l[0], setSuggestionArr = _l[1];
|
|
13
|
-
var changeHandler = function (e) {
|
|
14
|
-
if (options && options.length > 0) {
|
|
15
|
-
var sug = options.filter(function (options) {
|
|
16
|
-
return options.label
|
|
17
|
-
.toLowerCase()
|
|
18
|
-
.includes(e.target.value.split(", ").pop().toLowerCase());
|
|
19
|
-
} // last keyboad input after ,
|
|
20
|
-
);
|
|
21
|
-
setValue(e.target.value);
|
|
22
|
-
setSuggestionArr(sug);
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
var handleClickOutside = function (e) {
|
|
26
|
-
if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
|
|
27
|
-
setShowDropdown(false);
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
var handleSuggestionClick = function (selectedValue) {
|
|
31
|
-
var debris = value.split(", "); //explode string into array of strings indexed by /, |. |\s /
|
|
32
|
-
debris.pop(); //pop last element off the array (which we didn't want)
|
|
33
|
-
var result = debris.join(", ");
|
|
34
|
-
var res;
|
|
35
|
-
if (result.length > 0) {
|
|
36
|
-
res = result + ", " + selectedValue;
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
res = selectedValue;
|
|
40
|
-
}
|
|
41
|
-
setValue(res);
|
|
42
|
-
onSuggestionClick();
|
|
43
|
-
};
|
|
44
|
-
// Attaching the previous event with UseEffect hook
|
|
45
|
-
useEffect(function () {
|
|
46
|
-
// Bind the event listener
|
|
47
|
-
document.addEventListener("mousedown", handleClickOutside);
|
|
48
|
-
return function () {
|
|
49
|
-
// Unbind the event listener on clean up
|
|
50
|
-
document.removeEventListener("mousedown", handleClickOutside);
|
|
51
|
-
};
|
|
52
|
-
});
|
|
53
|
-
return (_jsxs("div", __assign({ className: "input__wrapper relative" }, { children: [isInputField ?
|
|
54
|
-
_jsx(InputField, { label: label, start_icon: start_icon, end_icon: end_icon, prefix: prefix, suffixButton: suffixButton, suffix: suffix, char_count: char_count, hint_text: hint_text, hint_text_icon: hint_text_icon, errorMsg: errorMsg, inputProps: __assign(__assign({}, inputFieldInputProps), { onChange: changeHandler, value: value, onFocus: function () { return setShowDropdown(true); } }) })
|
|
55
|
-
:
|
|
56
|
-
_jsx(TextAreaField, { label: label, hint_text: hint_text, hint_text_icon: hint_text_icon, errorMsg: errorMsg, height: height, inputProps: __assign(__assign({}, inputProps), { onChange: changeHandler, value: value, onFocus: function () { return setShowDropdown(true); } }) }), showDropdown && (_jsx("div", __assign({ ref: wrapperRef, className: "absolute mt-1 min-w-max rounded-lg bg-White overflow-y-auto shadow-md z-10 max-h-80 " }, { children: suggestionArr && suggestionArr.length > 0 && (_jsx("div", { children: (suggestionArr === null || suggestionArr === void 0 ? void 0 : suggestionArr.constructor) === Array && suggestionArr.length
|
|
57
|
-
? suggestionArr.map(function (option) {
|
|
58
|
-
var restOptions = __rest(option || {}, []);
|
|
59
|
-
return (_jsx(DropdownItem, __assign({ className: "text-Primary-700" }, restOptions, { onSelect: function () {
|
|
60
|
-
return handleSuggestionClick(restOptions.label);
|
|
61
|
-
} })));
|
|
62
|
-
})
|
|
63
|
-
: null })) })))] })));
|
|
64
|
-
};
|
|
65
|
-
export default AddSuggestion;
|
|
66
|
-
//# sourceMappingURL=AddSuggestion.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AddSuggestion.js","sourceRoot":"","sources":["../../../../src/components/addSuggestion/AddSuggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import Typography from "../typography/Typography";
|
|
5
|
-
var ICON_ANGLE = 135;
|
|
6
|
-
var getSize = function (size) {
|
|
7
|
-
var s;
|
|
8
|
-
var p;
|
|
9
|
-
switch (size) {
|
|
10
|
-
case "Display xs":
|
|
11
|
-
s = "w-16 h-16";
|
|
12
|
-
p = 32;
|
|
13
|
-
break;
|
|
14
|
-
case "Text xl":
|
|
15
|
-
s = "w-14 h-14";
|
|
16
|
-
p = 28;
|
|
17
|
-
break;
|
|
18
|
-
case "Text lg":
|
|
19
|
-
s = "w-12 h-12";
|
|
20
|
-
p = 24;
|
|
21
|
-
break;
|
|
22
|
-
case "Text md":
|
|
23
|
-
s = "w-10 h-10";
|
|
24
|
-
p = 20;
|
|
25
|
-
break;
|
|
26
|
-
case "Text sm":
|
|
27
|
-
s = "w-8 h-8";
|
|
28
|
-
p = 16;
|
|
29
|
-
break;
|
|
30
|
-
case "Text xs":
|
|
31
|
-
s = "w-6 h-6";
|
|
32
|
-
p = 12;
|
|
33
|
-
break;
|
|
34
|
-
case "Text xxs":
|
|
35
|
-
s = "w-4 h-4";
|
|
36
|
-
p = 8;
|
|
37
|
-
break;
|
|
38
|
-
default:
|
|
39
|
-
s = "w-10 h-10";
|
|
40
|
-
p = 20;
|
|
41
|
-
break;
|
|
42
|
-
}
|
|
43
|
-
return { s: s, p: p };
|
|
44
|
-
};
|
|
45
|
-
var getStatusSize = function (size) {
|
|
46
|
-
var s;
|
|
47
|
-
var p;
|
|
48
|
-
switch (size) {
|
|
49
|
-
case "Display xs":
|
|
50
|
-
s = "w-5 h-5";
|
|
51
|
-
p = 10;
|
|
52
|
-
break;
|
|
53
|
-
case "Text xl":
|
|
54
|
-
s = "w-[18px] h-[18px]";
|
|
55
|
-
p = 9;
|
|
56
|
-
break;
|
|
57
|
-
case "Text lg":
|
|
58
|
-
s = "w-4 h-4";
|
|
59
|
-
p = 8;
|
|
60
|
-
break;
|
|
61
|
-
case "Text md":
|
|
62
|
-
s = "w-3.5 h-3.5";
|
|
63
|
-
p = 7;
|
|
64
|
-
break;
|
|
65
|
-
case "Text sm":
|
|
66
|
-
s = "w-3 h-3";
|
|
67
|
-
p = 6;
|
|
68
|
-
break;
|
|
69
|
-
case "Text xs":
|
|
70
|
-
s = "w-2.5 h-2.5";
|
|
71
|
-
p = 5;
|
|
72
|
-
break;
|
|
73
|
-
case "Text xxs":
|
|
74
|
-
s = "w-2 h-2";
|
|
75
|
-
p = 4;
|
|
76
|
-
break;
|
|
77
|
-
default:
|
|
78
|
-
s = "w-3.5 h-3.5";
|
|
79
|
-
p = 7;
|
|
80
|
-
break;
|
|
81
|
-
}
|
|
82
|
-
return { s: s, p: p };
|
|
83
|
-
};
|
|
84
|
-
function Status(props) {
|
|
85
|
-
var _a = props || {}, sizeClassName = _a.sizeClassName, _b = _a.statusIcon, statusIcon = _b === void 0 ? "" : _b, CompanyLogo = _a.CompanyLogo;
|
|
86
|
-
// Green Online status
|
|
87
|
-
if (statusIcon === "online") {
|
|
88
|
-
return (_jsx("div", { "data-testid": "status-online", className: "".concat(sizeClassName, " rounded-full bg-Success-500 border-White border-1") }));
|
|
89
|
-
}
|
|
90
|
-
// Offline status
|
|
91
|
-
if (statusIcon === "offline") {
|
|
92
|
-
return (_jsx("div", { "data-testid": "status-offline", className: "".concat(sizeClassName, " rounded-full bg-Gray-300 border-White border-1") }));
|
|
93
|
-
}
|
|
94
|
-
// Healthplix company logo
|
|
95
|
-
if (statusIcon === "company" && CompanyLogo) {
|
|
96
|
-
return (_jsx("div", __assign({ "data-testid": "status-company", className: "".concat(sizeClassName) }, { children: _jsx(CompanyLogo, { width: "100%", height: "100%" }) })));
|
|
97
|
-
}
|
|
98
|
-
else {
|
|
99
|
-
return _jsx("div", { "data-testid": "status-None" });
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
function Icon(props) {
|
|
103
|
-
var _a = props || {}, _b = _a.name, name = _b === void 0 ? "" : _b, url = _a.url, _c = _a.size, size = _c === void 0 ? "Text md" : _c, _d = _a.placeholder, placeholder = _d === void 0 ? false : _d, _e = _a.text, text = _e === void 0 ? false : _e;
|
|
104
|
-
//abstract user image
|
|
105
|
-
if (placeholder === true && text === false) {
|
|
106
|
-
return (_jsx("div", { "data-testid": "icon-abstract", className: "hx_person text-Primary-700" }));
|
|
107
|
-
}
|
|
108
|
-
//actual user image
|
|
109
|
-
if (url !== "" && placeholder === false && text === false) {
|
|
110
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
111
|
-
var _f = useState(false), hasError = _f[0], setHasError_1 = _f[1];
|
|
112
|
-
return hasError ? (_jsx("div", { "data-testid": "icon-abstract", className: "hx_person text-Primary-700" })) : (_jsx("img", { "data-testid": "icon-img", src: url, alt: name, className: "w-[100%] h-[100%]", onError: function () { return setHasError_1(true); } }));
|
|
113
|
-
}
|
|
114
|
-
//user Initials
|
|
115
|
-
if (name !== "" && text === true && placeholder === false) {
|
|
116
|
-
return (_jsx(Typography, __assign({ "data-testid": "icon-initial", className: "uppercase", variant: "Medium", type: size }, { children: _jsx("div", __assign({ className: "text-Primary-600" }, { children: name
|
|
117
|
-
.split(" ")
|
|
118
|
-
.map(function (n) { return n[0]; })
|
|
119
|
-
.join("") })) })));
|
|
120
|
-
}
|
|
121
|
-
else {
|
|
122
|
-
return (_jsx("div", { "data-testid": "icon-abstract", className: "hx_person text-Primary-700" }));
|
|
123
|
-
}
|
|
124
|
-
}
|
|
125
|
-
var Avatar = function (props) {
|
|
126
|
-
var _a = props || {}, _b = _a.shape, shape = _b === void 0 ? "rounded-full" : _b, _c = _a.name, name = _c === void 0 ? "" : _c, _d = _a.url, url = _d === void 0 ? "" : _d, _e = _a.size, size = _e === void 0 ? "Text md" : _e, _f = _a.placeholder, placeholder = _f === void 0 ? false : _f, _g = _a.text, text = _g === void 0 ? false : _g, CompanyLogo = _a.CompanyLogo, _h = _a.statusIcon, statusIcon = _h === void 0 ? "none" : _h;
|
|
127
|
-
var _j = getSize(size), sizeClassName = _j.s, sizePixels = _j.p;
|
|
128
|
-
var sizeStatusClassName = getStatusSize(size).s;
|
|
129
|
-
return (_jsxs("div", __assign({ className: "relative inline-block" }, { children: [_jsx("div", __assign({ className: "".concat(sizeClassName, " ").concat(shape, " flex justify-center items-center bg-Primary-50 active:ring-4 active:ring-Primary-100 overflow-hidden") }, { children: _jsx(Icon, { text: text, placeholder: placeholder, name: name, url: url, size: size }) })), _jsx("div", __assign({ className: " absolute ", style: {
|
|
130
|
-
bottom: shape !== "rounded-full" ? 0 :
|
|
131
|
-
sizePixels -
|
|
132
|
-
4 +
|
|
133
|
-
sizePixels * Math.cos((ICON_ANGLE * Math.PI) / 180),
|
|
134
|
-
left: shape !== "rounded-full" ? 2 * sizePixels * Math.sin((ICON_ANGLE * Math.PI) / 180) :
|
|
135
|
-
sizePixels -
|
|
136
|
-
4 +
|
|
137
|
-
sizePixels * Math.sin((ICON_ANGLE * Math.PI) / 180),
|
|
138
|
-
} }, { children: _jsx(Status, { statusIcon: statusIcon, sizeClassName: sizeStatusClassName, CompanyLogo: CompanyLogo }) }))] })));
|
|
139
|
-
};
|
|
140
|
-
export default Avatar;
|
|
141
|
-
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|