hplx-react-elements-dev 1.0.14 → 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.
Files changed (106) hide show
  1. package/dist/esm/{components/Badges → Badges}/Badge.d.ts +0 -0
  2. package/dist/esm/addSuggestion/AddSuggestion.d.ts +4 -0
  3. package/dist/esm/{components/avatar → avatar}/Avatar.d.ts +0 -0
  4. package/dist/esm/{components/badgeGroup → badgeGroup}/BadgeGroup.d.ts +0 -0
  5. package/dist/esm/{components/button → button}/Button.d.ts +0 -0
  6. package/dist/esm/{components/button → button}/index.d.ts +0 -0
  7. package/dist/esm/{components/buttonGroups → buttonGroups}/ButtonGroups.d.ts +0 -0
  8. package/dist/esm/{components/card → card}/Card.d.ts +0 -0
  9. package/dist/esm/{components/checkbox → checkbox}/Checkbox.d.ts +0 -0
  10. package/dist/esm/{components/checkbox → checkbox}/index.d.ts +0 -0
  11. package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroup.d.ts +0 -0
  12. package/dist/esm/{components/checkboxGroup → checkboxGroup}/CheckboxGroupItem.d.ts +0 -0
  13. package/dist/esm/{components/collapsibleCard → collapsibleCard}/CollapsibleCard.d.ts +0 -0
  14. package/dist/esm/{components/common.d.ts → common.d.ts} +0 -0
  15. package/dist/esm/{components/datePicker → datePicker}/DatePicker.d.ts +1 -0
  16. package/dist/esm/{components/dropdownField → dropdownField}/DropdownField.d.ts +0 -0
  17. package/dist/esm/{components/dropdownField → dropdownField}/DropdownItem.d.ts +0 -0
  18. package/dist/esm/index.css +1060 -0
  19. package/dist/esm/{components/index.d.ts → index.d.ts} +0 -0
  20. package/dist/esm/index.js +16665 -0
  21. package/dist/esm/{components/inputField → inputField}/InputField.d.ts +0 -0
  22. package/dist/esm/{components/inputFieldSplit → inputFieldSplit}/InputFieldSplit.d.ts +0 -0
  23. package/dist/esm/{components/messageToast → messageToast}/MessageToast.d.ts +0 -0
  24. package/dist/esm/{components/messageToast → messageToast}/Toast.d.ts +0 -0
  25. package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdown.d.ts +0 -0
  26. package/dist/esm/{components/nestedDropdown → nestedDropdown}/NestedDropdownItem.d.ts +0 -0
  27. package/dist/esm/{components/otpField → otpField}/OtpField.d.ts +0 -0
  28. package/dist/esm/{components/progressBar → progressBar}/ProgressBar.d.ts +0 -0
  29. package/dist/esm/{components/progressCircle → progressCircle}/ProgressCircle.d.ts +0 -0
  30. package/dist/esm/{components/radioBtn → radioBtn}/RadioBtn.d.ts +0 -0
  31. package/dist/esm/{components/slider → slider}/Slider.d.ts +0 -0
  32. package/dist/esm/{components/textAreaField → textAreaField}/TextAreaField.d.ts +0 -0
  33. package/dist/esm/{components/toggleSwitch → toggleSwitch}/ToggleSwitch.d.ts +0 -0
  34. package/dist/esm/{components/tooltip → tooltip}/Tooltip.d.ts +0 -0
  35. package/dist/esm/{components/types.d.ts → types.d.ts} +47 -37
  36. package/dist/esm/{components/typography → typography}/Typography.d.ts +0 -0
  37. package/package.json +31 -23
  38. package/dist/esm/components/Badges/Badge.js +0 -60
  39. package/dist/esm/components/Badges/Badge.js.map +0 -1
  40. package/dist/esm/components/addSuggestion/AddSuggestion.d.ts +0 -4
  41. package/dist/esm/components/addSuggestion/AddSuggestion.js +0 -61
  42. package/dist/esm/components/addSuggestion/AddSuggestion.js.map +0 -1
  43. package/dist/esm/components/avatar/Avatar.js +0 -141
  44. package/dist/esm/components/avatar/Avatar.js.map +0 -1
  45. package/dist/esm/components/badgeGroup/BadgeGroup.js +0 -82
  46. package/dist/esm/components/badgeGroup/BadgeGroup.js.map +0 -1
  47. package/dist/esm/components/button/Button.js +0 -90
  48. package/dist/esm/components/button/Button.js.map +0 -1
  49. package/dist/esm/components/button/index.js +0 -3
  50. package/dist/esm/components/button/index.js.map +0 -1
  51. package/dist/esm/components/buttonGroups/ButtonGroups.js +0 -51
  52. package/dist/esm/components/buttonGroups/ButtonGroups.js.map +0 -1
  53. package/dist/esm/components/card/Card.js +0 -12
  54. package/dist/esm/components/card/Card.js.map +0 -1
  55. package/dist/esm/components/checkbox/Checkbox.js +0 -42
  56. package/dist/esm/components/checkbox/Checkbox.js.map +0 -1
  57. package/dist/esm/components/checkbox/index.js +0 -3
  58. package/dist/esm/components/checkbox/index.js.map +0 -1
  59. package/dist/esm/components/checkboxGroup/CheckboxGroup.js +0 -23
  60. package/dist/esm/components/checkboxGroup/CheckboxGroup.js.map +0 -1
  61. package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js +0 -34
  62. package/dist/esm/components/checkboxGroup/CheckboxGroupItem.js.map +0 -1
  63. package/dist/esm/components/collapsibleCard/CollapsibleCard.js +0 -67
  64. package/dist/esm/components/collapsibleCard/CollapsibleCard.js.map +0 -1
  65. package/dist/esm/components/common.js +0 -172
  66. package/dist/esm/components/common.js.map +0 -1
  67. package/dist/esm/components/datePicker/DatePicker.js +0 -30
  68. package/dist/esm/components/datePicker/DatePicker.js.map +0 -1
  69. package/dist/esm/components/dropdownField/DropdownField.js +0 -29
  70. package/dist/esm/components/dropdownField/DropdownField.js.map +0 -1
  71. package/dist/esm/components/dropdownField/DropdownItem.js +0 -25
  72. package/dist/esm/components/dropdownField/DropdownItem.js.map +0 -1
  73. package/dist/esm/components/index.js +0 -28
  74. package/dist/esm/components/index.js.map +0 -1
  75. package/dist/esm/components/inputField/InputField.js +0 -14
  76. package/dist/esm/components/inputField/InputField.js.map +0 -1
  77. package/dist/esm/components/inputFieldSplit/InputFieldSplit.js +0 -19
  78. package/dist/esm/components/inputFieldSplit/InputFieldSplit.js.map +0 -1
  79. package/dist/esm/components/messageToast/MessageToast.js +0 -24
  80. package/dist/esm/components/messageToast/MessageToast.js.map +0 -1
  81. package/dist/esm/components/messageToast/Toast.js +0 -19
  82. package/dist/esm/components/messageToast/Toast.js.map +0 -1
  83. package/dist/esm/components/nestedDropdown/NestedDropdown.js +0 -111
  84. package/dist/esm/components/nestedDropdown/NestedDropdown.js.map +0 -1
  85. package/dist/esm/components/nestedDropdown/NestedDropdownItem.js +0 -25
  86. package/dist/esm/components/nestedDropdown/NestedDropdownItem.js.map +0 -1
  87. package/dist/esm/components/otpField/OtpField.js +0 -32
  88. package/dist/esm/components/otpField/OtpField.js.map +0 -1
  89. package/dist/esm/components/progressBar/ProgressBar.js +0 -28
  90. package/dist/esm/components/progressBar/ProgressBar.js.map +0 -1
  91. package/dist/esm/components/progressCircle/ProgressCircle.js +0 -78
  92. package/dist/esm/components/progressCircle/ProgressCircle.js.map +0 -1
  93. package/dist/esm/components/radioBtn/RadioBtn.js +0 -62
  94. package/dist/esm/components/radioBtn/RadioBtn.js.map +0 -1
  95. package/dist/esm/components/slider/Slider.js +0 -64
  96. package/dist/esm/components/slider/Slider.js.map +0 -1
  97. package/dist/esm/components/textAreaField/TextAreaField.js +0 -14
  98. package/dist/esm/components/textAreaField/TextAreaField.js.map +0 -1
  99. package/dist/esm/components/toggleSwitch/ToggleSwitch.js +0 -55
  100. package/dist/esm/components/toggleSwitch/ToggleSwitch.js.map +0 -1
  101. package/dist/esm/components/tooltip/Tooltip.js +0 -112
  102. package/dist/esm/components/tooltip/Tooltip.js.map +0 -1
  103. package/dist/esm/components/types.js +0 -2
  104. package/dist/esm/components/types.js.map +0 -1
  105. package/dist/esm/components/typography/Typography.js +0 -70
  106. package/dist/esm/components/typography/Typography.js.map +0 -1
@@ -31,7 +31,7 @@ export interface InputFieldSplitProps {
31
31
  };
32
32
  inputProps: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
33
33
  }
34
- declare type otpSizeType = "lg" | "md" | "sm";
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
- declare type badgesizeType = "sm" | "md" | "lg";
54
- declare type badgeiconType = "Left" | "Right" | "Only";
55
- declare type badgecolourType = "Gray" | "Primary" | "Error" | "Warning" | "Success" | "BlueGray" | "Default" | "Blue" | "Indigo" | "Purple" | "Pink" | "Rose" | "Orange";
56
- declare type iconFileType = "hx_close" | "avatar";
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
- declare type typographyVariantType = "Regular" | "Medium" | "Semibold" | "Bold";
68
- declare type typographyTextType = "Display 2xl" | "Display xl" | "Display lg" | "Display md" | "Display sm" | "Display xs" | "Text xl" | "Text lg" | "Text md" | "Text sm" | "Text xs";
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
- declare type progressBarLabelType = "Right" | "Bottom" | "None" | "Top floating" | "Bottom floating";
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
- declare type progressCircleSizeType = "xxs" | "xs" | "sm" | "md" | "lg";
79
- declare type progressCircleShapeType = "Half circle" | "Circle";
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
- declare type hierarchyType = "Primary" | "Secondary" | "Secondary-Grey" | "Tertiary" | "Tertiary-Grey" | "Link-Colour" | "Link-Grey";
88
- declare type buttonSizeType = "sm" | "md" | "lg" | "xl" | "2xl";
89
- declare type iconType = "No" | "Left" | "Right" | "Only";
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 declare type checkboxSizeType = "sm" | "md";
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
- declare type ButtonGroupOptionType = {
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
- declare type tooltipPosition = "Top" | "Top end" | "Top start" | "Bottom" | "Left" | "Right";
118
- declare type toolTipTheme = "dark" | "light";
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
- declare type statusIcon = "online" | "company" | "offline" | "none";
127
- declare type AvatarSize = "Display xs" | "Text xl" | "Text lg" | "Text md" | "Text sm" | "Text xs" | "Text xxs";
128
- declare type AvatarShape = "rounded" | "rounded-md" | "rounded-lg" | "rounded-full";
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
- declare type AvatarGroupSize = "Text md" | "Text sm" | "Text xs";
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
- declare type CollapseDirection = "up" | "down" | "left" | "right";
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 declare type RadioBtnSizeType = "sm" | "md";
189
- export declare type RadioBtnType = "checkmark" | "dot";
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 declare type ToggleSwitchThemeType = "Dark" | "Light";
199
- export declare type ToggleSwitchSizeType = "sm" | "md";
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
- declare type CheckboxGroupSize = "sm" | "md";
211
- declare type CheckboxGroupType = "Icon Simple" | "Icon Card" | "Avatar" | "Payment icon" | "Radio button" | "Checkbox";
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 declare type SliderType = "0" | "25" | "50" | "75" | "100";
230
- export declare type SliderProgressType = "sm" | "md";
231
- export declare type SliderLabelType = "topFloating" | "bottomFloating" | "labelBottom" | "noLabel";
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
- declare type badgeGroupthemeType = "Light" | "Medium" | "Dark";
239
- declare type badgeGroupType = "Leading" | "Trailing";
240
- declare type badgeGroupsizeType = "md" | "lg";
241
- declare type BadgeGroupiconfileType = "hx_arrow-right";
242
- declare type badgeGroupcolourType = "Gray" | "Primary" | "Error" | "Warning" | "Success";
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 declare type messageToastType = "Error" | "Success";
254
+ export type messageToastType = "Error" | "Success";
255
255
  export interface messageToastProps {
256
256
  toastList: any;
257
257
  }
@@ -285,10 +285,20 @@ export interface NestedDropdownItemsProps {
285
285
  }
286
286
  export interface AddSuggestionProps {
287
287
  label?: string;
288
+ isInputField?: boolean;
289
+ height?: string;
290
+ prefix?: ReactNode;
291
+ suffixButton?: ReactNode;
292
+ suffix?: ReactNode;
293
+ start_icon?: string;
294
+ end_icon?: string;
288
295
  hint_text?: string;
289
296
  hint_text_icon?: string;
297
+ char_count?: string;
290
298
  errorMsg?: string;
291
299
  inputProps?: React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
300
+ inputFieldInputProps?: React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
301
+ onSuggestionClick?: () => void;
292
302
  options?: Array<DropdownItemsProps>;
293
303
  }
294
304
  export {};
package/package.json CHANGED
@@ -9,9 +9,10 @@
9
9
  "frontend",
10
10
  "healthplix"
11
11
  ],
12
- "version": "1.0.14",
13
- "main": "dist/esm/components/index.js",
14
- "module": "dist/esm/components/index.d.ts",
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
- "@babel/polyfill": "^7.12.1",
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 npm run build:esm && npm run build:cjs",
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,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { AddSuggestionProps } from "../types";
3
- declare const AddSuggestion: ({ label, hint_text_icon, hint_text, errorMsg, inputProps, options }: AddSuggestionProps) => JSX.Element;
4
- export default AddSuggestion;
@@ -1,61 +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 TextAreaField from "../textAreaField/TextAreaField";
6
- var AddSuggestion = function (_a) {
7
- var label = _a.label, _b = _a.hint_text_icon, hint_text_icon = _b === void 0 ? "" : _b, hint_text = _a.hint_text, _c = _a.errorMsg, errorMsg = _c === void 0 ? "" : _c, inputProps = _a.inputProps, options = _a.options;
8
- var _d = useState(""), value = _d[0], setValue = _d[1];
9
- var _e = useState(false), showDropdown = _e[0], setShowDropdown = _e[1];
10
- var wrapperRef = useRef(null);
11
- var _f = useState(), suggestionArr = _f[0], setSuggestionArr = _f[1];
12
- var changeHandler = function (e) {
13
- if (options && options.length > 0) {
14
- var sug = options.filter(function (options) {
15
- return options.label
16
- .toLowerCase()
17
- .includes(e.target.value.split(", ").pop().toLowerCase());
18
- } // last keyboad input after ,
19
- );
20
- setValue(e.target.value);
21
- setSuggestionArr(sug);
22
- }
23
- };
24
- var handleClickOutside = function (e) {
25
- if (wrapperRef.current && !wrapperRef.current.contains(e.target)) {
26
- setShowDropdown(false);
27
- }
28
- };
29
- var handleSuggestionClick = function (selectedValue) {
30
- var debris = value.split(", "); //explode string into array of strings indexed by /, |. |\s /
31
- debris.pop(); //pop last element off the array (which we didn't want)
32
- var result = debris.join(", ");
33
- var res;
34
- if (result.length > 0) {
35
- res = result + ", " + selectedValue;
36
- }
37
- else {
38
- res = selectedValue;
39
- }
40
- setValue(res);
41
- };
42
- // Attaching the previous event with UseEffect hook
43
- useEffect(function () {
44
- // Bind the event listener
45
- document.addEventListener("mousedown", handleClickOutside);
46
- return function () {
47
- // Unbind the event listener on clean up
48
- document.removeEventListener("mousedown", handleClickOutside);
49
- };
50
- });
51
- return (_jsxs("div", __assign({ className: "input__wrapper relative" }, { children: [_jsx(TextAreaField, { label: label, hint_text: hint_text, hint_text_icon: hint_text_icon, errorMsg: errorMsg, 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
52
- ? suggestionArr.map(function (option) {
53
- var restOptions = __rest(option || {}, []);
54
- return (_jsx(DropdownItem, __assign({ className: "text-Primary-700" }, restOptions, { onSelect: function () {
55
- return handleSuggestionClick(restOptions.label);
56
- } })));
57
- })
58
- : null })) })))] })));
59
- };
60
- export default AddSuggestion;
61
- //# 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":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,IAAM,UAAU,GAAG,GAAG,CAAC;AAEvB,IAAM,OAAO,GAAG,UAAC,IAAY;IAC3B,IAAI,CAAS,CAAC;IACd,IAAI,CAAS,CAAC;IACd,QAAQ,IAAI,EAAE;QACZ,KAAK,YAAY;YACf,CAAC,GAAG,WAAW,CAAC;YAChB,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,WAAW,CAAC;YAChB,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,WAAW,CAAC;YAChB,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,WAAW,CAAC;YAChB,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,UAAU;YACb,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR;YACE,CAAC,GAAG,WAAW,CAAC;YAChB,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;KACT;IACD,OAAO,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,CAAC;AAClB,CAAC,CAAC;AACF,IAAM,aAAa,GAAG,UAAC,IAAY;IACjC,IAAI,CAAS,CAAC;IACd,IAAI,CAAS,CAAC;IACd,QAAQ,IAAI,EAAE;QACZ,KAAK,YAAY;YACf,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,EAAE,CAAC;YACP,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,mBAAmB,CAAC;YACxB,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,aAAa,CAAC;YAClB,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR,KAAK,SAAS;YACZ,CAAC,GAAG,aAAa,CAAC;YAClB,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR,KAAK,UAAU;YACb,CAAC,GAAG,SAAS,CAAC;YACd,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;QACR;YACE,CAAC,GAAG,aAAa,CAAC;YAClB,CAAC,GAAG,CAAC,CAAC;YACN,MAAM;KACT;IACD,OAAO,EAAE,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,CAAC;AAClB,CAAC,CAAC;AAEF,SAAS,MAAM,CAAC,KAIf;IACO,IAAA,KAAkD,KAAK,IAAI,EAAE,EAA3D,aAAa,mBAAA,EAAE,kBAAe,EAAf,UAAU,mBAAG,EAAE,KAAA,EAAE,WAAW,iBAAgB,CAAC;IACpE,sBAAsB;IACtB,IAAI,UAAU,KAAK,QAAQ,EAAE;QAC3B,OAAO,CACL,6BACc,eAAe,EAC3B,SAAS,EAAE,UAAG,aAAa,uDAAoD,GAC/E,CACH,CAAC;KACH;IACD,kBAAkB;IAClB,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,OAAO,CACL,6BACc,gBAAgB,EAC5B,SAAS,EAAE,UAAG,aAAa,oDAAiD,GAC5E,CACH,CAAC;KACH;IACD,0BAA0B;IAC1B,IAAI,UAAU,KAAK,SAAS,IAAI,WAAW,EAAE;QAC3C,OAAO,CACL,sCAAiB,gBAAgB,EAAC,SAAS,EAAE,UAAG,aAAa,CAAE,gBAC7D,KAAC,WAAW,IAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,IAC1C,CACP,CAAC;KACH;SAAM;QACL,OAAO,6BAAiB,aAAa,GAAG,CAAC;KAC1C;AACH,CAAC;AACD,SAAS,IAAI,CAAC,KAMb;IACO,IAAA,KAMF,KAAK,IAAI,EAAE,EALb,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,GAAG,SAAA,EACH,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KACC,CAAC;IAEhB,qBAAqB;IACrB,IAAI,WAAW,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE;QAC1C,OAAO,CACL,6BACc,eAAe,EAC3B,SAAS,EAAE,4BAA4B,GAClC,CACR,CAAC;KACH;IACD,mBAAmB;IACnB,IAAI,GAAG,KAAK,EAAE,IAAI,WAAW,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,EAAE;QACzD,sDAAsD;QAChD,IAAA,KAA0B,QAAQ,CAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,aAAW,QAAmB,CAAC;QAEhD,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,6BACc,eAAe,EAC3B,SAAS,EAAE,4BAA4B,GACvC,CACH,CAAC,CAAC,CAAC,CACF,6BACc,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,IAAI,EACT,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,cAAM,OAAA,aAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,GAChC,CACH,CAAC;KACH;IAED,eAAe;IACf,IAAI,IAAI,KAAK,EAAE,IAAI,IAAI,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,EAAE;QACzD,OAAO,CACL,KAAC,UAAU,4BACG,cAAc,EAC1B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,gBAEV,uBAAK,SAAS,EAAC,kBAAkB,gBAC9B,IAAI;qBACF,KAAK,CAAC,GAAG,CAAC;qBACV,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,CAAC,EAAJ,CAAI,CAAC;qBAChB,IAAI,CAAC,EAAE,CAAC,IACP,IACK,CACd,CAAC;KACH;SAAM;QACL,OAAO,CACL,6BACc,eAAe,EAC3B,SAAS,EAAE,4BAA4B,GAClC,CACR,CAAC;KACH;AACH,CAAC;AAED,IAAM,MAAM,GAAG,UAAC,KAAkB;IAC1B,IAAA,KASF,KAAK,IAAI,EAAE,EARb,aAAqB,EAArB,KAAK,mBAAE,cAAc,KAAA,EACrB,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,WAAQ,EAAR,GAAG,mBAAG,EAAE,KAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,WAAW,iBAAA,EACX,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KACN,CAAC;IACV,IAAA,KAAsC,OAAO,CAAC,IAAI,CAAC,EAA9C,aAAa,OAAA,EAAK,UAAU,OAAkB,CAAC;IAClD,IAAG,mBAAmB,GAAK,aAAa,CAAC,IAAI,CAAC,EAAxB,CAAyB;IAEvD,OAAO,CACL,wBAAK,SAAS,EAAC,uBAAuB,iBACpC,uBACE,SAAS,EAAE,UAAG,aAAa,cAAI,KAAK,0GAAuG,gBAE3I,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,IACE,EACN,uBACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE;oBACL,MAAM,EAAC,KAAK,KAAG,cAAc,CAAA,CAAC,CAAC,CAAC,CAAC,CAAC;wBAChC,UAAU;4BACV,CAAC;4BACD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;oBACrD,IAAI,EAAC,KAAK,KAAG,cAAc,CAAA,CAAC,CAAC,CAAC,GAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAE,CAAC;wBACnF,UAAU;4BACV,CAAC;4BACD,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC;iBACtD,gBAED,KAAC,MAAM,IACL,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,mBAAmB,EAClC,WAAW,EAAE,WAAW,GACxB,IACE,KACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}