@cloudoperators/juno-ui-components 3.0.1 → 3.1.1
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/README.md +5 -5
- package/build/index.js +9881 -9854
- package/build/juno-ui-components.css +1 -1
- package/build/src/components/Button/Button.stories.d.ts +35 -401
- package/build/src/components/Button/Button.stories.d.ts.map +1 -1
- package/build/src/components/ComboBox/ComboBox.component.d.ts +0 -2
- package/build/src/components/ComboBox/ComboBox.component.d.ts.map +1 -1
- package/build/src/components/ComboBox/ComboBox.stories.d.ts +24 -216
- package/build/src/components/ComboBox/ComboBox.stories.d.ts.map +1 -1
- package/build/src/components/Form/Form.stories.d.ts +3 -16
- package/build/src/components/Form/Form.stories.d.ts.map +1 -1
- package/build/src/components/Grid/Grid.stories.d.ts +6 -48
- package/build/src/components/Grid/Grid.stories.d.ts.map +1 -1
- package/build/src/components/GridColumn/GridColumn.stories.d.ts +5 -21
- package/build/src/components/GridColumn/GridColumn.stories.d.ts.map +1 -1
- package/build/src/components/Icon/Icon.stories.d.ts +63 -358
- package/build/src/components/Icon/Icon.stories.d.ts.map +1 -1
- package/build/src/components/NativeSelect/NativeSelect.stories.d.ts +41 -9
- package/build/src/components/NativeSelect/NativeSelect.stories.d.ts.map +1 -1
- package/build/src/components/Navigation/Navigation.component.d.ts.map +1 -1
- package/build/src/components/Pagination/Pagination.stories.d.ts +8 -45
- package/build/src/components/Pagination/Pagination.stories.d.ts.map +1 -1
- package/build/src/components/Panel/Panel.stories.d.ts +4 -21
- package/build/src/components/Panel/Panel.stories.d.ts.map +1 -1
- package/build/src/components/PanelBody/PanelBody.stories.d.ts +3 -26
- package/build/src/components/PanelBody/PanelBody.stories.d.ts.map +1 -1
- package/build/src/components/PanelFooter/PanelFooter.stories.d.ts +3 -3
- package/build/src/components/PanelFooter/PanelFooter.stories.d.ts.map +1 -1
- package/build/src/components/PopupMenu/PopupMenu.component.d.ts +8 -10
- package/build/src/components/PopupMenu/PopupMenu.component.d.ts.map +1 -1
- package/build/src/components/PopupMenu/PopupMenu.stories.d.ts +6 -13
- package/build/src/components/PopupMenu/PopupMenu.stories.d.ts.map +1 -1
- package/build/src/components/PopupMenu/index.d.ts +1 -1
- package/build/src/components/PopupMenu/index.d.ts.map +1 -1
- package/build/src/components/PortalProvider/PortalProvider.Portal.component.d.ts +1 -4
- package/build/src/components/PortalProvider/PortalProvider.Portal.component.d.ts.map +1 -1
- package/build/src/components/PortalProvider/PortalProvider.component.d.ts +1 -4
- package/build/src/components/PortalProvider/PortalProvider.component.d.ts.map +1 -1
- package/build/src/components/PortalProvider/PortalProvider.stories.d.ts +2 -8
- package/build/src/components/PortalProvider/PortalProvider.stories.d.ts.map +1 -1
- package/build/src/components/Select/Select.component.d.ts.map +1 -1
- package/build/src/components/Select/Select.stories.d.ts +41 -341
- package/build/src/components/Select/Select.stories.d.ts.map +1 -1
- package/build/src/components/TextInput/TextInput.stories.d.ts +23 -105
- package/build/src/components/TextInput/TextInput.stories.d.ts.map +1 -1
- package/build/src/components/Textarea/Textarea.stories.d.ts +17 -76
- package/build/src/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/build/src/components/Tooltip/Tooltip.component.d.ts +4 -45
- package/build/src/components/Tooltip/Tooltip.component.d.ts.map +1 -1
- package/build/src/components/Tooltip/useTooltip.d.ts +19 -42
- package/build/src/components/Tooltip/useTooltip.d.ts.map +1 -1
- package/build/src/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
- package/build/src/hooks/useLocalStorage.d.ts +1 -1
- package/build/src/hooks/useLocalStorage.d.ts.map +1 -1
- package/build/src/index.d.ts +2 -2
- package/build/src/index.d.ts.map +1 -1
- package/package.json +25 -26
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PanelFooter.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelFooter/PanelFooter.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"PanelFooter.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PanelFooter/PanelFooter.stories.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAKhD,OAAO,EAAe,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;wBAsBlE,IAAI;AAlBT,wBAkBS;AAmBT,eAAO,MAAM,MAAM,EAAE;IACnB,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAA;IACjC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,MAAM,CAAA;aACd,CAAA;SACF,CAAA;KACF,CAAA;IACD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAc9B,CAAA"}
|
|
@@ -26,7 +26,7 @@ export interface PopupMenuToggleProps extends React.ComponentProps<typeof Headle
|
|
|
26
26
|
className?: string;
|
|
27
27
|
}
|
|
28
28
|
type HeadlessMenuItemsProps = React.ComponentPropsWithRef<React.ElementType>;
|
|
29
|
-
export interface
|
|
29
|
+
export interface PopupMenuOptionsProps extends HeadlessMenuItemsProps {
|
|
30
30
|
as?: React.ElementType;
|
|
31
31
|
className?: string;
|
|
32
32
|
children?: ReactNode;
|
|
@@ -58,14 +58,12 @@ declare const PopupMenuContext: React.Context<PopupMenuContextType | null>;
|
|
|
58
58
|
export declare const usePopupMenuContext: () => PopupMenuContextType;
|
|
59
59
|
export { PopupMenuContext };
|
|
60
60
|
/** A Popup Menu component that wraps Headless UI Menu. The Menu will be rendered into a Juno Portal, so using Juno's PortalProvider (which is already included when using Juno's AppShell) is mandatory. */
|
|
61
|
-
declare const PopupMenu: React.FC<PopupMenuProps
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
};
|
|
69
|
-
declare const PopupMenuMenu: React.FC<PopupMenuMenuProps>;
|
|
61
|
+
declare const PopupMenu: React.FC<PopupMenuProps>;
|
|
62
|
+
export declare const PopupMenuToggle: React.FC<PopupMenuToggleProps>;
|
|
63
|
+
export declare const PopupMenuOptions: React.FC<PopupMenuOptionsProps>;
|
|
64
|
+
export declare const PopupMenuItem: React.FC<PopupMenuItemProps>;
|
|
65
|
+
export declare const PopupMenuSection: React.FC<PopupMenuSectionProps>;
|
|
66
|
+
export declare const PopupMenuSectionHeading: React.FC<PopupMenuSectionHeadingProps>;
|
|
67
|
+
export declare const PopupMenuSectionSeparator: React.FC<PopupMenuSectionSeparatorProps>;
|
|
70
68
|
export { PopupMenu };
|
|
71
69
|
//# sourceMappingURL=PopupMenu.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAA0D,SAAS,EAAE,MAAM,OAAO,CAAA;AAChG,OAAO,EAAE,IAAI,IAAI,YAAY,
|
|
1
|
+
{"version":3,"file":"PopupMenu.component.d.ts","sourceRoot":"","sources":["../../../../src/components/PopupMenu/PopupMenu.component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,19 +2,12 @@ import { default as React } from 'react';
|
|
|
2
2
|
type StoryDefinition = () => React.ReactNode;
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: React.FC<import('./PopupMenu.component').PopupMenuProps
|
|
6
|
-
Toggle: React.FC<import('./PopupMenu.component').PopupMenuToggleProps>;
|
|
7
|
-
Menu: React.FC<import('./PopupMenu.component').PopupMenuMenuProps>;
|
|
8
|
-
Item: React.FC<import('./PopupMenu.component').PopupMenuItemProps>;
|
|
9
|
-
Section: React.FC<import('./PopupMenu.component').PopupMenuSectionProps>;
|
|
10
|
-
SectionHeading: React.FC<import('./PopupMenu.component').PopupMenuSectionHeadingProps>;
|
|
11
|
-
SectionSeparator: React.FC<import('./PopupMenu.component').PopupMenuSectionSeparatorProps>;
|
|
12
|
-
};
|
|
5
|
+
component: React.FC<import('./PopupMenu.component').PopupMenuProps>;
|
|
13
6
|
subcomponents: {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
PopupMenuToggle: React.FC<import('./PopupMenu.component').PopupMenuToggleProps>;
|
|
8
|
+
PopupMenuOptions: React.FC<import('./PopupMenu.component').PopupMenuOptionsProps>;
|
|
9
|
+
PopupMenuItem: React.FC<import('./PopupMenu.component').PopupMenuItemProps>;
|
|
10
|
+
PopupMenuSection: React.FC<import('./PopupMenu.component').PopupMenuSectionProps>;
|
|
18
11
|
};
|
|
19
12
|
argTypes: {
|
|
20
13
|
children: {
|
|
@@ -85,7 +78,7 @@ export declare const WithMenuChild: {
|
|
|
85
78
|
onOpen: import('@storybook/addon-actions').HandlerFunction;
|
|
86
79
|
};
|
|
87
80
|
};
|
|
88
|
-
export declare const
|
|
81
|
+
export declare const WithChildrenAsLinks: {
|
|
89
82
|
parameters: {
|
|
90
83
|
docs: {
|
|
91
84
|
description: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopupMenu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PopupMenu/PopupMenu.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"PopupMenu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PopupMenu/PopupMenu.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,KAAK,eAAe,GAAG,MAAM,KAAK,CAAC,SAAS,CAAA;;;;;;;;;;;;;;;;;;;;;yBAerB,eAAe;;AAbtC,wBAcC;AA8CD,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAiBnB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYlB,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;CAYjC,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAmBzB,CAAA;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;CAiB/B,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;CAkBrC,CAAA;AAED,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CA2BpC,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAmBpB,CAAA;AAED,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;CAoBrC,CAAA;AAED,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;CAoBvC,CAAA;AAED,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;CAoB3C,CAAA;AAED,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;CAsB5C,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { PopupMenu, usePopupMenuContext } from './PopupMenu.component';
|
|
1
|
+
export { PopupMenu, PopupMenuOptions, PopupMenuToggle, PopupMenuItem, PopupMenuSection, PopupMenuSectionHeading, PopupMenuSectionSeparator, usePopupMenuContext, } from './PopupMenu.component';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PopupMenu/index.ts"],"names":[],"mappings":"AAKA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PopupMenu/index.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,uBAAuB,EACvB,yBAAyB,EACzB,mBAAmB,GACpB,MAAM,uBAAuB,CAAA"}
|
|
@@ -6,10 +6,7 @@ import { default as React } from 'react';
|
|
|
6
6
|
* </PortalProvider.Portal>
|
|
7
7
|
* ```
|
|
8
8
|
*/
|
|
9
|
-
export declare const Portal:
|
|
10
|
-
({ children }: PortalProviderPortalProps): React.ReactPortal | null;
|
|
11
|
-
displayName: string;
|
|
12
|
-
};
|
|
9
|
+
export declare const Portal: React.FC<PortalProviderPortalProps>;
|
|
13
10
|
export interface PortalProviderPortalProps {
|
|
14
11
|
/** The children to mount in a portal. Typically, these will be menus, modal dialogs, etc. */
|
|
15
12
|
children?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.Portal.component.d.ts","sourceRoot":"","sources":["../../../../src/components/PortalProvider/PortalProvider.Portal.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAS9D;;;;;;GAMG;AACH,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"PortalProvider.Portal.component.d.ts","sourceRoot":"","sources":["../../../../src/components/PortalProvider/PortalProvider.Portal.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAS9D;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoBtD,CAAA;AAID,MAAM,WAAW,yBAAyB;IACxC,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
|
|
@@ -18,10 +18,7 @@ export declare function usePortalRef(): HTMLDivElement | null;
|
|
|
18
18
|
*/
|
|
19
19
|
export declare const PortalProvider: {
|
|
20
20
|
({ children, className, id }: PortalProviderProps): React.JSX.Element;
|
|
21
|
-
Portal:
|
|
22
|
-
({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): React.ReactPortal | null;
|
|
23
|
-
displayName: string;
|
|
24
|
-
};
|
|
21
|
+
Portal: React.FC<import('./PortalProvider.Portal.component').PortalProviderPortalProps>;
|
|
25
22
|
};
|
|
26
23
|
export interface PortalProviderProps {
|
|
27
24
|
/** Optionally a class name can be passed to the portal container which is the container where portals are created by PortalProvider */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.component.d.ts","sourceRoot":"","sources":["../../../../src/components/PortalProvider/PortalProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiE,MAAM,OAAO,CAAA;AAKrF,UAAU,iBAAiB;IACzB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,aAAa,8CAA0D,CAAA;AAUpF;;;;;;;GAOG;AACH,wBAAgB,YAAY,0BAoC3B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc;kCAA+D,mBAAmB
|
|
1
|
+
{"version":3,"file":"PortalProvider.component.d.ts","sourceRoot":"","sources":["../../../../src/components/PortalProvider/PortalProvider.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAiE,MAAM,OAAO,CAAA;AAKrF,UAAU,iBAAiB;IACzB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,aAAa,8CAA0D,CAAA;AAUpF;;;;;;;GAOG;AACH,wBAAgB,YAAY,0BAoC3B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc;kCAA+D,mBAAmB;;CAiB5G,CAAA;AAKD,MAAM,WAAW,mBAAmB;IAClC,uIAAuI;IACvI,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gIAAgI;IAChI,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kGAAkG;IAClG,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B"}
|
|
@@ -4,16 +4,10 @@ declare const _default: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: {
|
|
6
6
|
({ children, className, id }: PortalProviderProps): React.JSX.Element;
|
|
7
|
-
Portal:
|
|
8
|
-
({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): React.ReactPortal | null;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
7
|
+
Portal: React.FC<import('./PortalProvider.Portal.component').PortalProviderPortalProps>;
|
|
11
8
|
};
|
|
12
9
|
subcomponents: {
|
|
13
|
-
"PortalProvider.Portal":
|
|
14
|
-
({ children }: import('./PortalProvider.Portal.component').PortalProviderPortalProps): React.ReactPortal | null;
|
|
15
|
-
displayName: string;
|
|
16
|
-
};
|
|
10
|
+
"PortalProvider.Portal": React.FC<import('./PortalProvider.Portal.component').PortalProviderPortalProps>;
|
|
17
11
|
};
|
|
18
12
|
tags: string[];
|
|
19
13
|
argTypes: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PortalProvider.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PortalProvider/PortalProvider.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgC,mBAAmB,EAAE,MAAM,4BAA4B,CAAA
|
|
1
|
+
{"version":3,"file":"PortalProvider.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/PortalProvider/PortalProvider.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgC,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;;;;;;;;;;;;;;;;;AAG9F,wBAUC;AASD,UAAU,aAAc,SAAQ,mBAAmB;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAGD,eAAO,MAAM,mBAAmB;oCAFS,aAAa;;;;CAWrD,CAAA;AAED,eAAO,MAAM,QAAQ;oCAboB,aAAa;;;;CAuBrD,CAAA;AAED,eAAO,MAAM,eAAe;oCAzBa,aAAa;;;;CAsCrD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAA;AAoB5F,OAAO,eAAe,CAAA;AAuDtB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,eAAe,EAAE,OAAO,CAAA;IAExB,sBAAsB,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;CACpF,CAAA;AACD,eAAO,MAAM,aAAa,+CAA2D,CAAA;AAErF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IAClG,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sGAAsG;IACtG,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2KAA2K;IAC3K,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAChC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,uHAAuH;IACvH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4FAA4F;IAC5F,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4KAA4K;IAC5K,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6DAA6D;IAE7D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IACvD,oCAAoC;IACpC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,wKAAwK;IAExK,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5D,qFAAqF;IACrF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2IAA2I;IAC3I,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,8GAA8G;IAC9G,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,+JAA+J;IAC/J,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IAClC;2KACuK;IACvK,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAA;IAC9D,wMAAwM;IACxM,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,6KAA6K;IAC7K,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED;;;EAGE;AACF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAqSxC,CAAA"}
|
|
@@ -1,355 +1,55 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { SelectProps } from './Select.component';
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
export
|
|
30
|
-
export declare const
|
|
31
|
-
|
|
32
|
-
children: React.ReactNode;
|
|
33
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
34
|
-
}) => React.JSX.Element;
|
|
35
|
-
args: {
|
|
36
|
-
children: React.JSX.Element[];
|
|
37
|
-
};
|
|
38
|
-
};
|
|
39
|
-
export declare const Primary: {
|
|
40
|
-
render: ({ children, ...args }: {
|
|
41
|
-
children: React.ReactNode;
|
|
42
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
43
|
-
}) => React.JSX.Element;
|
|
44
|
-
args: {
|
|
45
|
-
variant: string;
|
|
46
|
-
children: React.JSX.Element[];
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
export declare const PrimaryDanger: {
|
|
50
|
-
render: ({ children, ...args }: {
|
|
51
|
-
children: React.ReactNode;
|
|
52
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
53
|
-
}) => React.JSX.Element;
|
|
54
|
-
args: {
|
|
55
|
-
variant: string;
|
|
56
|
-
children: React.JSX.Element[];
|
|
57
|
-
};
|
|
58
|
-
};
|
|
59
|
-
export declare const Subdued: {
|
|
60
|
-
render: ({ children, ...args }: {
|
|
61
|
-
children: React.ReactNode;
|
|
62
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
63
|
-
}) => React.JSX.Element;
|
|
64
|
-
args: {
|
|
65
|
-
variant: string;
|
|
66
|
-
children: React.JSX.Element[];
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
export declare const WithPlaceholder: {
|
|
70
|
-
render: ({ children, ...args }: {
|
|
71
|
-
children: React.ReactNode;
|
|
72
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
73
|
-
}) => React.JSX.Element;
|
|
74
|
-
args: {
|
|
75
|
-
placeholder: string;
|
|
76
|
-
children: React.JSX.Element[];
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
export declare const WithLabel: {
|
|
80
|
-
render: ({ children, ...args }: {
|
|
81
|
-
children: React.ReactNode;
|
|
82
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
83
|
-
}) => React.JSX.Element;
|
|
84
|
-
args: {
|
|
85
|
-
label: string;
|
|
86
|
-
children: React.JSX.Element[];
|
|
87
|
-
};
|
|
88
|
-
};
|
|
89
|
-
export declare const RequiredWithLabel: {
|
|
90
|
-
render: ({ children, ...args }: {
|
|
91
|
-
children: React.ReactNode;
|
|
92
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
93
|
-
}) => React.JSX.Element;
|
|
94
|
-
args: {
|
|
95
|
-
label: string;
|
|
96
|
-
required: boolean;
|
|
97
|
-
children: React.JSX.Element[];
|
|
98
|
-
};
|
|
99
|
-
};
|
|
100
|
-
export declare const Disabled: {
|
|
101
|
-
render: ({ children, ...args }: {
|
|
102
|
-
children: React.ReactNode;
|
|
103
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
104
|
-
}) => React.JSX.Element;
|
|
105
|
-
args: {
|
|
106
|
-
disabled: boolean;
|
|
107
|
-
children: React.JSX.Element[];
|
|
108
|
-
};
|
|
109
|
-
};
|
|
110
|
-
export declare const DisabledOption: {
|
|
111
|
-
render: ({ children, ...args }: {
|
|
112
|
-
children: React.ReactNode;
|
|
113
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
114
|
-
}) => React.JSX.Element;
|
|
115
|
-
args: {
|
|
116
|
-
helptext: string;
|
|
117
|
-
children: React.JSX.Element[];
|
|
118
|
-
};
|
|
119
|
-
};
|
|
120
|
-
export declare const Valid: {
|
|
121
|
-
render: ({ children, ...args }: {
|
|
122
|
-
children: React.ReactNode;
|
|
123
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
124
|
-
}) => React.JSX.Element;
|
|
125
|
-
args: {
|
|
126
|
-
valid: boolean;
|
|
127
|
-
children: React.JSX.Element[];
|
|
128
|
-
};
|
|
129
|
-
};
|
|
130
|
-
export declare const Invalid: {
|
|
131
|
-
render: ({ children, ...args }: {
|
|
132
|
-
children: React.ReactNode;
|
|
133
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
134
|
-
}) => React.JSX.Element;
|
|
135
|
-
args: {
|
|
136
|
-
invalid: boolean;
|
|
137
|
-
children: React.JSX.Element[];
|
|
138
|
-
};
|
|
139
|
-
};
|
|
140
|
-
export declare const WithHelptext: {
|
|
141
|
-
render: ({ children, ...args }: {
|
|
142
|
-
children: React.ReactNode;
|
|
143
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
144
|
-
}) => React.JSX.Element;
|
|
145
|
-
args: {
|
|
146
|
-
helptext: string;
|
|
147
|
-
children: React.JSX.Element[];
|
|
148
|
-
};
|
|
149
|
-
};
|
|
150
|
-
export declare const WithHelptextAsNode: {
|
|
151
|
-
render: ({ children, ...args }: {
|
|
152
|
-
children: React.ReactNode;
|
|
153
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
154
|
-
}) => React.JSX.Element;
|
|
155
|
-
args: {
|
|
156
|
-
helptext: React.JSX.Element;
|
|
157
|
-
children: React.JSX.Element[];
|
|
158
|
-
};
|
|
159
|
-
};
|
|
160
|
-
export declare const WithErrortext: {
|
|
161
|
-
render: ({ children, ...args }: {
|
|
162
|
-
children: React.ReactNode;
|
|
163
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
164
|
-
}) => React.JSX.Element;
|
|
165
|
-
args: {
|
|
166
|
-
errortext: string;
|
|
167
|
-
children: React.JSX.Element[];
|
|
168
|
-
};
|
|
169
|
-
};
|
|
170
|
-
export declare const WithSuccesstext: {
|
|
171
|
-
render: ({ children, ...args }: {
|
|
172
|
-
children: React.ReactNode;
|
|
173
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
174
|
-
}) => React.JSX.Element;
|
|
175
|
-
args: {
|
|
176
|
-
successtext: string;
|
|
177
|
-
children: React.JSX.Element[];
|
|
178
|
-
};
|
|
179
|
-
};
|
|
180
|
-
export declare const Error: {
|
|
181
|
-
render: ({ children, ...args }: {
|
|
182
|
-
children: React.ReactNode;
|
|
183
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
184
|
-
}) => React.JSX.Element;
|
|
185
|
-
args: {
|
|
186
|
-
error: boolean;
|
|
187
|
-
children: React.JSX.Element[];
|
|
188
|
-
};
|
|
189
|
-
};
|
|
190
|
-
export declare const Loading: {
|
|
191
|
-
render: ({ children, ...args }: {
|
|
192
|
-
children: React.ReactNode;
|
|
193
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
194
|
-
}) => React.JSX.Element;
|
|
195
|
-
args: {
|
|
196
|
-
loading: boolean;
|
|
197
|
-
children: React.JSX.Element[];
|
|
198
|
-
};
|
|
199
|
-
};
|
|
200
|
-
export declare const ManyOptions: {
|
|
201
|
-
render: ({ children, ...args }: {
|
|
202
|
-
children: React.ReactNode;
|
|
203
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
204
|
-
}) => React.JSX.Element;
|
|
205
|
-
args: {
|
|
206
|
-
children: React.JSX.Element[];
|
|
207
|
-
};
|
|
208
|
-
};
|
|
209
|
-
export declare const EmptyOption: {
|
|
210
|
-
render: ({ children, ...args }: {
|
|
211
|
-
children: React.ReactNode;
|
|
212
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
213
|
-
}) => React.JSX.Element;
|
|
214
|
-
args: {
|
|
215
|
-
children: React.JSX.Element[];
|
|
216
|
-
};
|
|
217
|
-
};
|
|
218
|
-
export declare const OptionsWithLabels: {
|
|
219
|
-
render: ({ children, ...args }: {
|
|
220
|
-
children: React.ReactNode;
|
|
221
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
222
|
-
}) => React.JSX.Element;
|
|
223
|
-
args: {
|
|
224
|
-
placeholder: string;
|
|
225
|
-
children: React.JSX.Element[];
|
|
226
|
-
};
|
|
227
|
-
parameters: {
|
|
228
|
-
docs: {
|
|
229
|
-
description: {
|
|
230
|
-
story: string;
|
|
231
|
-
};
|
|
232
|
-
};
|
|
233
|
-
};
|
|
234
|
-
};
|
|
235
|
-
export declare const UncontrolledSelectWithDefaultValue: {
|
|
236
|
-
render: ({ children, ...args }: {
|
|
237
|
-
children: React.ReactNode;
|
|
238
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
239
|
-
}) => React.JSX.Element;
|
|
240
|
-
args: {
|
|
241
|
-
defaultValue: string;
|
|
242
|
-
children: React.JSX.Element[];
|
|
243
|
-
};
|
|
244
|
-
};
|
|
245
|
-
export declare const ControlledSelect: {
|
|
246
|
-
render: ({ value, children, ...args }: React.JSX.IntrinsicAttributes & SelectProps) => React.JSX.Element;
|
|
247
|
-
args: {
|
|
248
|
-
value: string;
|
|
249
|
-
children: React.JSX.Element[];
|
|
250
|
-
};
|
|
251
|
-
};
|
|
2
|
+
import { Select, SelectProps } from './Select.component';
|
|
3
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
4
|
+
declare const meta: Meta<typeof Select>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof Select>;
|
|
7
|
+
interface BottomPositionProps extends SelectProps {
|
|
8
|
+
parentStyles: React.CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare const Default: Story;
|
|
11
|
+
export declare const Primary: Story;
|
|
12
|
+
export declare const PrimaryDanger: Story;
|
|
13
|
+
export declare const Subdued: Story;
|
|
14
|
+
export declare const WithPlaceholder: Story;
|
|
15
|
+
export declare const WithLabel: Story;
|
|
16
|
+
export declare const RequiredWithLabel: Story;
|
|
17
|
+
export declare const Disabled: Story;
|
|
18
|
+
export declare const DisabledOption: Story;
|
|
19
|
+
export declare const Valid: Story;
|
|
20
|
+
export declare const Invalid: Story;
|
|
21
|
+
export declare const WithHelptext: Story;
|
|
22
|
+
export declare const WithHelptextAsNode: Story;
|
|
23
|
+
export declare const WithErrortext: Story;
|
|
24
|
+
export declare const WithSuccesstext: Story;
|
|
25
|
+
export declare const Error: Story;
|
|
26
|
+
export declare const Loading: Story;
|
|
27
|
+
export declare const ManyOptions: Story;
|
|
28
|
+
export declare const EmptyOption: Story;
|
|
29
|
+
export declare const OptionsWithLabels: Story;
|
|
30
|
+
export declare const UncontrolledSelectWithDefaultValue: Story;
|
|
31
|
+
export declare const ControlledSelect: Story;
|
|
252
32
|
/**
|
|
253
33
|
* If you used the Select as a controlled component (by passing the `value` prop) and if your SelectOptions
|
|
254
34
|
* have labels, then you'll have to pass the `valueLabel` of the selected option as well.
|
|
255
35
|
* */
|
|
256
|
-
export declare const ControlledSelectWithOptionLabels:
|
|
257
|
-
|
|
258
|
-
args: {
|
|
259
|
-
value: string;
|
|
260
|
-
valueLabel: string;
|
|
261
|
-
children: React.JSX.Element[];
|
|
262
|
-
};
|
|
263
|
-
};
|
|
264
|
-
export declare const UncontrolledSelect: {
|
|
265
|
-
render: ({ children, ...args }: {
|
|
266
|
-
children: React.ReactNode;
|
|
267
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
268
|
-
}) => React.JSX.Element;
|
|
269
|
-
args: {
|
|
270
|
-
defaultValue: string;
|
|
271
|
-
children: React.JSX.Element[];
|
|
272
|
-
};
|
|
273
|
-
};
|
|
36
|
+
export declare const ControlledSelectWithOptionLabels: Story;
|
|
37
|
+
export declare const UncontrolledSelect: Story;
|
|
274
38
|
/**
|
|
275
39
|
* Similar to the controlled Select, if you used the Select as an uncontrolled component (by passing the `defaultValue` prop) and if your SelectOptions
|
|
276
40
|
* have labels, then you'll have to pass the `valueLabel` of the selected option as well.
|
|
277
41
|
*/
|
|
278
|
-
export declare const UncontrolledSelectWithOptionLabels:
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
282
|
-
}) => React.JSX.Element;
|
|
283
|
-
args: {
|
|
284
|
-
defaultValue: string;
|
|
285
|
-
valueLabel: string;
|
|
286
|
-
children: React.JSX.Element[];
|
|
287
|
-
};
|
|
288
|
-
};
|
|
289
|
-
export declare const TruncatedOptions: {
|
|
290
|
-
render: ({ children, ...args }: SelectProps) => React.JSX.Element;
|
|
291
|
-
args: {
|
|
292
|
-
truncateOptions: boolean;
|
|
293
|
-
children: React.JSX.Element[];
|
|
294
|
-
};
|
|
295
|
-
};
|
|
296
|
-
export declare const NonTruncatedOptions: {
|
|
297
|
-
render: ({ children, ...args }: SelectProps) => React.JSX.Element;
|
|
298
|
-
args: {
|
|
299
|
-
children: React.JSX.Element[];
|
|
300
|
-
};
|
|
301
|
-
};
|
|
42
|
+
export declare const UncontrolledSelectWithOptionLabels: Story;
|
|
43
|
+
export declare const TruncatedOptions: Story;
|
|
44
|
+
export declare const NonTruncatedOptions: Story;
|
|
302
45
|
/**
|
|
303
46
|
* As an alernative to using a `value`-prop, strings as children can be passed. Though we don't recommend this approach
|
|
304
47
|
* as it will likely be deprecated or changed in the future.
|
|
305
48
|
* */
|
|
306
|
-
export declare const WithChildrenOnly:
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
children: React.JSX.Element[];
|
|
313
|
-
};
|
|
314
|
-
};
|
|
315
|
-
export declare const MultiSelect: {
|
|
316
|
-
render: ({ children, ...args }: {
|
|
317
|
-
children: React.ReactNode;
|
|
318
|
-
args: React.JSX.IntrinsicAttributes & SelectProps;
|
|
319
|
-
}) => React.JSX.Element;
|
|
320
|
-
args: {
|
|
321
|
-
multiple: boolean;
|
|
322
|
-
children: React.JSX.Element[];
|
|
323
|
-
};
|
|
324
|
-
};
|
|
325
|
-
export declare const MultiSelectWithValue: {
|
|
326
|
-
render: ({ value, children, ...args }: React.JSX.IntrinsicAttributes & SelectProps) => React.JSX.Element;
|
|
327
|
-
args: {
|
|
328
|
-
multiple: boolean;
|
|
329
|
-
value: string[];
|
|
330
|
-
children: React.JSX.Element[];
|
|
331
|
-
};
|
|
332
|
-
};
|
|
333
|
-
export declare const MultiSelectWithOptionValuesAndLabels: {
|
|
334
|
-
render: ({ value, children, ...args }: React.JSX.IntrinsicAttributes & SelectProps) => React.JSX.Element;
|
|
335
|
-
args: {
|
|
336
|
-
multiple: boolean;
|
|
337
|
-
placeholder: string;
|
|
338
|
-
children: React.JSX.Element[];
|
|
339
|
-
};
|
|
340
|
-
};
|
|
341
|
-
export declare const BottomPositionedSelect: {
|
|
342
|
-
render: ({ parentStyles, children, ...args }: {
|
|
343
|
-
parentStyles: React.CSSProperties;
|
|
344
|
-
children: React.ReactNode;
|
|
345
|
-
args: any;
|
|
346
|
-
}) => React.JSX.Element;
|
|
347
|
-
args: {
|
|
348
|
-
parentStyles: {
|
|
349
|
-
position: string;
|
|
350
|
-
bottom: string;
|
|
351
|
-
};
|
|
352
|
-
children: React.JSX.Element[];
|
|
353
|
-
};
|
|
354
|
-
};
|
|
49
|
+
export declare const WithChildrenOnly: Story;
|
|
50
|
+
export declare const MultiSelect: Story;
|
|
51
|
+
export declare const MultiSelectWithValue: Story;
|
|
52
|
+
export declare const MultiSelectWithOptionValuesAndLabels: Story;
|
|
53
|
+
type BottomPositionStory = StoryObj<BottomPositionProps>;
|
|
54
|
+
export declare const BottomPositionedSelect: BottomPositionStory;
|
|
355
55
|
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAIxD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAKtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiC7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA8BpC,UAAU,mBAAoB,SAAQ,WAAW;IAC/C,YAAY,EAAE,KAAK,CAAC,aAAa,CAAA;CAClC;AASD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAY/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAW1B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAW3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAqB/B,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,KAUhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAED;;;KAGK;AACL,eAAO,MAAM,gCAAgC,EAAE,KAY9C,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAWhC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kCAAkC,EAAE,KAYhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED;;;KAGK;AACL,eAAO,MAAM,gBAAgB,EAAE,KAY9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAalC,CAAA;AAED,eAAO,MAAM,oCAAoC,EAAE,KAWlD,CAAA;AAGD,KAAK,mBAAmB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;AAExD,eAAO,MAAM,sBAAsB,EAAE,mBAcpC,CAAA"}
|