@aivenio/aquarium 1.14.0 → 1.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +162 -94
- package/dist/atoms.mjs +161 -94
- package/dist/src/atoms/Navigation/Navigation.d.ts +20 -0
- package/dist/src/atoms/Navigation/Navigation.js +49 -0
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +13 -0
- package/dist/src/atoms/PageHeader/PageHeader.js +43 -0
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/molecules/Button/Button.d.ts +1 -1
- package/dist/src/molecules/Button/Button.js +4 -4
- package/dist/src/molecules/DataList/DataList.d.ts +3 -3
- package/dist/src/molecules/DataList/DataList.js +19 -6
- package/dist/src/molecules/DataTable/DataTable.d.ts +3 -3
- package/dist/src/molecules/DataTable/DataTable.js +18 -6
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +11 -5
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +2 -1
- package/dist/src/molecules/Navigation/Navigation.d.ts +19 -0
- package/dist/src/molecules/Navigation/Navigation.js +27 -0
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +2 -0
- package/dist/src/molecules/PageHeader/PageHeader.js +10 -9
- package/dist/src/molecules/Stepper/Stepper.js +2 -1
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/table/types.d.ts +16 -1
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +24 -11
- package/dist/styles_timescaledb.css +24 -11
- package/dist/system.cjs +1570 -1395
- package/dist/system.mjs +1571 -1397
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
3
|
+
declare type DivProps = React.HTMLProps<HTMLDivElement>;
|
|
4
|
+
declare type ComposedSectionProps = {
|
|
5
|
+
Container: React.FC<DivProps>;
|
|
6
|
+
TitleContainer: React.FC<DivProps>;
|
|
7
|
+
Title: React.FC<React.ComponentProps<typeof Typography.Heading>>;
|
|
8
|
+
Subtitle: React.FC<React.ComponentProps<typeof Typography.Small>>;
|
|
9
|
+
Chips: React.FC<DivProps>;
|
|
10
|
+
Actions: React.FC<DivProps>;
|
|
11
|
+
};
|
|
12
|
+
export declare const PageHeader: React.FC<DivProps> & ComposedSectionProps;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
|
15
|
+
export const PageHeader = (_a) => {
|
|
16
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
17
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row gap-4 pb-6'), className) }, rest), children));
|
|
18
|
+
};
|
|
19
|
+
PageHeader.Container = (_a) => {
|
|
20
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
21
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-col grow gap-0'), className) }, rest), children));
|
|
22
|
+
};
|
|
23
|
+
PageHeader.TitleContainer = (_a) => {
|
|
24
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
25
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-col justify-center gap-2'), className) }, rest), children));
|
|
26
|
+
};
|
|
27
|
+
PageHeader.Title = (_a) => {
|
|
28
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
29
|
+
return (React.createElement(Typography.Heading, Object.assign({}, rest, { color: "grey-100" }), children));
|
|
30
|
+
};
|
|
31
|
+
PageHeader.Subtitle = (_a) => {
|
|
32
|
+
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
33
|
+
return (React.createElement(Typography.Small, Object.assign({}, rest, { color: "grey-70" }), children));
|
|
34
|
+
};
|
|
35
|
+
PageHeader.Chips = (_a) => {
|
|
36
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
37
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex gap-3'), className) }, rest), children));
|
|
38
|
+
};
|
|
39
|
+
PageHeader.Actions = (_a) => {
|
|
40
|
+
var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
|
|
41
|
+
return (React.createElement("div", Object.assign({ className: classNames(tw('flex flex-row gap-4 self-start'), className) }, rest), children));
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9QYWdlSGVhZGVyL1BhZ2VIZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBYXBELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEMsQ0FBQyxFQUFnQyxFQUFFLEVBQUU7UUFBcEMsRUFBRSxRQUFRLEVBQUUsU0FBUyxPQUFXLEVBQU4sSUFBSSxjQUE5Qix5QkFBZ0MsQ0FBRjtJQUFPLE9BQUEsQ0FDekcsMkNBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxFQUFFLENBQUMsMEJBQTBCLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBTSxJQUFJLEdBQzVFLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLFNBQVMsR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUMzRCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFNLElBQUksR0FDNUUsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsY0FBYyxHQUFHLENBQUMsRUFBZ0MsRUFBRSxFQUFFO1FBQXBDLEVBQUUsUUFBUSxFQUFFLFNBQVMsT0FBVyxFQUFOLElBQUksY0FBOUIseUJBQWdDLENBQUY7SUFBTyxPQUFBLENBQ2hFLDJDQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLEVBQUUsU0FBUyxDQUFDLElBQU0sSUFBSSxHQUN0RixRQUFRLENBQ0wsQ0FDUCxDQUFBO0NBQUEsQ0FBQztBQUVGLFVBQVUsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxFQUFxQixFQUFFLEVBQUU7UUFBekIsRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQW5CLFlBQXFCLENBQUY7SUFBTyxPQUFBLENBQzVDLG9CQUFDLFVBQVUsQ0FBQyxPQUFPLG9CQUFLLElBQUksSUFBRSxLQUFLLEVBQUMsVUFBVSxLQUMzQyxRQUFRLENBQ1UsQ0FDdEIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLENBQUMsRUFBcUIsRUFBRSxFQUFFO1FBQXpCLEVBQUUsUUFBUSxPQUFXLEVBQU4sSUFBSSxjQUFuQixZQUFxQixDQUFGO0lBQU8sT0FBQSxDQUMvQyxvQkFBQyxVQUFVLENBQUMsS0FBSyxvQkFBSyxJQUFJLElBQUUsS0FBSyxFQUFDLFNBQVMsS0FDeEMsUUFBUSxDQUNRLENBQ3BCLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLEtBQUssR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN2RCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsSUFBTSxJQUFJLEdBQzlELFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUFDO0FBRUYsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQWdDLEVBQUUsRUFBRTtRQUFwQyxFQUFFLFFBQVEsRUFBRSxTQUFTLE9BQVcsRUFBTixJQUFJLGNBQTlCLHlCQUFnQyxDQUFGO0lBQU8sT0FBQSxDQUN6RCwyQ0FBSyxTQUFTLEVBQUUsVUFBVSxDQUFDLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxJQUFNLElBQUksR0FDbEYsUUFBUSxDQUNMLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
|
@@ -7,6 +7,7 @@ export * from './DropdownMenu/DropdownMenu';
|
|
|
7
7
|
export * from './InputGroup/InputGroup';
|
|
8
8
|
export * from './Link/Link';
|
|
9
9
|
export * from './Modal/Modal';
|
|
10
|
+
export * from './Navigation/Navigation';
|
|
10
11
|
export * from './Popover/Popover';
|
|
11
12
|
export * from './PopoverDialog/PopoverDialog';
|
|
12
13
|
export * from './RadioButton/RadioButton';
|
package/dist/src/atoms/index.js
CHANGED
|
@@ -7,6 +7,7 @@ export * from './DropdownMenu/DropdownMenu';
|
|
|
7
7
|
export * from './InputGroup/InputGroup';
|
|
8
8
|
export * from './Link/Link';
|
|
9
9
|
export * from './Modal/Modal';
|
|
10
|
+
export * from './Navigation/Navigation';
|
|
10
11
|
export * from './Popover/Popover';
|
|
11
12
|
export * from './PopoverDialog/PopoverDialog';
|
|
12
13
|
export * from './RadioButton/RadioButton';
|
|
@@ -14,4 +15,4 @@ export * from './Select/Select';
|
|
|
14
15
|
export * from './Stepper/Stepper';
|
|
15
16
|
export * from './Switch/Switch';
|
|
16
17
|
export * from './Table/Table';
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvYXRvbXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHlCQUF5QixDQUFDO0FBQ3hDLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsZUFBZSxDQUFDIn0=
|
|
@@ -80,7 +80,7 @@ export declare const TextButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<
|
|
|
80
80
|
*/
|
|
81
81
|
UNSAFE_className?: string | undefined;
|
|
82
82
|
'aria-label'?: string | undefined;
|
|
83
|
-
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "kind">, "hidden" | "color" | "style" | "
|
|
83
|
+
} & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>>, "dense" | "kind" | "aria-label" | "onFocus" | "onClick" | "loading" | "UNSAFE_className" | keyof BaseActionType | "fullWidth"> & React.RefAttributes<HTMLButtonElement>, "dense" | "icon" | "kind" | "loading" | "iconPlacement" | "fullWidth">, "hidden" | "color" | "style" | "translate" | "tooltip" | "disabled" | "prefix" | "form" | "slot" | "title" | "children" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "type" | "value" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "UNSAFE_className" | "tooltipPlacement"> & React.RefAttributes<HTMLButtonElement>>;
|
|
84
84
|
export declare const IconButton: React.ForwardRefExoticComponent<Pick<Omit<Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onClick"> & BaseActionType & {
|
|
85
85
|
kind?: ButtonKind | undefined;
|
|
86
86
|
fullWidth?: boolean | undefined;
|
|
@@ -65,10 +65,10 @@ export const asButton = (Component, isDropdownButton) => {
|
|
|
65
65
|
};
|
|
66
66
|
const buttonComponent = (React.createElement(Component, Object.assign({ ref: ref }, props, { className: classNames(UNSAFE_className, !isIconOnlyButton && COLOR_CLASSNAMES[kind],
|
|
67
67
|
// adding inline-block here for the case of using it with anchor tag
|
|
68
|
-
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative', {
|
|
68
|
+
tw('inline-block border-0 rounded-sm transition whitespace-nowrap focus:outline-none relative text-center', {
|
|
69
69
|
'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
|
|
70
70
|
'typography-default-strong': !dense && !isIconOnlyButton && kind !== 'text',
|
|
71
|
-
'typography-small-strong': dense && !isIconOnlyButton,
|
|
71
|
+
'typography-small-strong': dense && !isIconOnlyButton && kind !== 'text',
|
|
72
72
|
'py-3 px-4': !dense && isButton,
|
|
73
73
|
'py-2 px-3': dense && isButton,
|
|
74
74
|
'py-3': !dense && isGhost,
|
|
@@ -92,7 +92,7 @@ export const GhostButton = React.forwardRef((props, ref) => (React.createElement
|
|
|
92
92
|
GhostButton.displayName = 'GhostButton';
|
|
93
93
|
export const SecondaryGhostButton = React.forwardRef((props, ref) => (React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "secondary-ghost" }))));
|
|
94
94
|
SecondaryGhostButton.displayName = 'SecondaryGhostButton';
|
|
95
|
-
export const TextButton = React.forwardRef((props, ref) =>
|
|
95
|
+
export const TextButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "text" })));
|
|
96
96
|
TextButton.displayName = 'TextButton';
|
|
97
97
|
// TODO: would be nice to freeze children prop for <IconButton>
|
|
98
98
|
export const IconButton = React.forwardRef((props, ref) => React.createElement(Button, Object.assign({ ref: ref }, props, { kind: "ghost", loading: false, fullWidth: false })));
|
|
@@ -105,4 +105,4 @@ export const PrimaryDropdownButton = React.forwardRef((props, ref) => (React.cre
|
|
|
105
105
|
PrimaryDropdownButton.displayName = 'PrimaryDropdownButton';
|
|
106
106
|
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
|
107
107
|
SecondaryDropdownButton.displayName = 'SecondaryDropdownButton';
|
|
108
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
108
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sT0FBTyxNQUFNLG1CQUFtQixDQUFDO0FBZ0J4QyxNQUFNLGdCQUFnQixHQUFvQztJQUN4RCxTQUFTLEVBQUUsRUFBRSxDQUNYLG9MQUFvTCxDQUNyTDtJQUNELFdBQVcsRUFBRSxFQUFFLENBQ2IsK0dBQStHLEVBQy9HLDRFQUE0RSxFQUM1RSxzR0FBc0csQ0FDdkc7SUFDRCxPQUFPLEVBQUUsZ0JBQWdCO0lBQ3pCLE1BQU0sRUFBRSxnQkFBZ0I7SUFDeEIsaUJBQWlCLEVBQUUsRUFBRSxDQUNuQixzR0FBc0csQ0FDdkc7Q0FDRixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQXlFLENBQUMsRUFDNUYsSUFBSSxHQUFHLE1BQU0sRUFDYixJQUFJLEdBQUcsU0FBUyxHQUNqQixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsVUFBVSxJQUNULElBQUksRUFBRSxPQUFPLEVBQ2IsS0FBSyxFQUFFLElBQUksRUFDWCxNQUFNLEVBQUUsSUFBSSxFQUNaLEtBQUssRUFBRSxJQUFJLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FB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
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { type DataListColumn, type DataTableRow } from '../../../src/utils/table/types';
|
|
2
|
+
import { type DataListColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
|
3
3
|
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = {
|
|
4
4
|
/**
|
|
5
5
|
* Array of column definitions that correspond to the data rows.
|
|
@@ -15,5 +15,5 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
|
15
15
|
* @default true
|
|
16
16
|
*/
|
|
17
17
|
sticky?: boolean;
|
|
18
|
-
}
|
|
19
|
-
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, }: DataListProps<C, R>) => JSX.Element;
|
|
18
|
+
} & DataTableMenuProps<R>;
|
|
19
|
+
export declare const DataList: <C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, onAction, }: DataListProps<C, R>) => JSX.Element;
|
|
@@ -1,24 +1,37 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import
|
|
2
|
+
import compact from 'lodash/compact';
|
|
3
|
+
import isFunction from 'lodash/isFunction';
|
|
4
|
+
import { IconButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
|
3
5
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
6
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
4
7
|
import { Template } from '../../../src/molecules/Template/Template';
|
|
5
8
|
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
|
6
9
|
import { Item } from '../../../src/atoms/Table/Table';
|
|
7
10
|
import { List } from '../../../src/molecules';
|
|
8
11
|
import { renameProperty } from '../../../src/utils/object';
|
|
9
|
-
import { cellProps, columnIsFieldColumn } from '../../../src/utils/table/types';
|
|
12
|
+
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
|
10
13
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
11
14
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
|
12
|
-
|
|
15
|
+
import more from '../../../src/icons/more';
|
|
16
|
+
export const DataList = ({ columns, rows, sticky, menu, onAction, }) => {
|
|
13
17
|
const [sort, updateSort] = useTableSort();
|
|
14
18
|
const sortedRows = sortRowsBy(rows, sort);
|
|
15
|
-
const templateColumns =
|
|
19
|
+
const templateColumns = compact([
|
|
20
|
+
...columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; }),
|
|
21
|
+
menu ? 'auto' : undefined,
|
|
22
|
+
]);
|
|
16
23
|
return (React.createElement(Template, { columns: templateColumns },
|
|
17
24
|
columns.map((column) => (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), sticky: sticky }, cellProps(column)), column.headerName)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), column.headerName))),
|
|
25
|
+
menu && React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": "Context menu" }),
|
|
18
26
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(DataListBase.Row, { key: row.id },
|
|
19
27
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
20
28
|
React.createElement(StatusChip, Object.assign({ dense: true }, column.status(row, index, sortedRows))))) : column.type === 'action' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
21
29
|
React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
|
22
|
-
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) })
|
|
30
|
+
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) }),
|
|
31
|
+
menu && (React.createElement(DataListBase.Cell, { align: "right" },
|
|
32
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
|
33
|
+
React.createElement(DropdownMenu.Trigger, null,
|
|
34
|
+
React.createElement(IconButton, { "aria-label": "menu", icon: more })),
|
|
35
|
+
isFunction(menu) ? menu(row, index) : menu))))) })));
|
|
23
36
|
};
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxlQUFlLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3ZFLE9BQU8sRUFBZSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBSUwsU0FBUyxFQUNULG1CQUFtQixHQUNwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFbkQsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFxQmxDLE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBRyxDQUFzRCxFQUM1RSxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sRUFDTixJQUFJLEVBQ0osUUFBUSxHQUNZLEVBQWUsRUFBRTtJQUNyQyxNQUFNLENBQUMsSUFBSSxFQUFFLFVB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
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { type TableProps } from '../../../src/molecules/Table/Table';
|
|
3
|
-
import { type DataTableColumn, type DataTableRow } from '../../../src/utils/table/types';
|
|
3
|
+
import { type DataTableColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
|
4
4
|
export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataTableRow> = {
|
|
5
5
|
/**
|
|
6
6
|
* Array of column definitions that correspond to the data rows.
|
|
@@ -25,5 +25,5 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
|
25
25
|
* @default true
|
|
26
26
|
*/
|
|
27
27
|
sticky?: boolean;
|
|
28
|
-
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'>;
|
|
29
|
-
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
|
28
|
+
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'> & DataTableMenuProps<R>;
|
|
29
|
+
export declare const DataTable: <C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, onAction, ...rest }: DataTableProps<C, R>) => JSX.Element;
|
|
@@ -10,18 +10,22 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
|
-
import
|
|
13
|
+
import compact from 'lodash/compact';
|
|
14
|
+
import isFunction from 'lodash/isFunction';
|
|
15
|
+
import { IconButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
|
14
16
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
17
|
+
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
15
18
|
import { Table } from '../../../src/molecules/Table/Table';
|
|
16
19
|
import { Item } from '../../../src/atoms/Table/Table';
|
|
17
20
|
import { List } from '../../../src/molecules';
|
|
18
21
|
import { renameProperty } from '../../../src/utils/object';
|
|
19
|
-
import { cellProps, columnIsFieldColumn } from '../../../src/utils/table/types';
|
|
22
|
+
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
|
20
23
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
21
24
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
|
22
25
|
import { tw } from '../../../src/utils/tailwind';
|
|
26
|
+
import more from '../../../src/icons/more';
|
|
23
27
|
export const DataTable = (_a) => {
|
|
24
|
-
var { columns, rows, noWrap = false, layout = 'auto', sticky } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky"]);
|
|
28
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "onAction"]);
|
|
25
29
|
const [sort, updateSort] = useTableSort();
|
|
26
30
|
const sortedRows = sortRowsBy(rows, sort);
|
|
27
31
|
return (React.createElement(Table, Object.assign({}, rest, { className: tw({
|
|
@@ -29,7 +33,10 @@ export const DataTable = (_a) => {
|
|
|
29
33
|
'table-auto': layout === 'auto',
|
|
30
34
|
'table-fixed': layout === 'fixed',
|
|
31
35
|
}) }),
|
|
32
|
-
React.createElement(Table.Head, { sticky: sticky },
|
|
36
|
+
React.createElement(Table.Head, { sticky: sticky }, compact([
|
|
37
|
+
...columns.map((column) => (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }, cellProps(column)), !column.headerInvisible && column.headerName)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }), !column.headerInvisible && column.headerName))),
|
|
38
|
+
menu ? React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label": "Context menu" }) : null,
|
|
39
|
+
])),
|
|
33
40
|
React.createElement(Table.Body, null,
|
|
34
41
|
React.createElement(List, { items: sortedRows, renderItem: (row, index) => (React.createElement(Table.Row, { key: row.id },
|
|
35
42
|
React.createElement(List, { items: columns, renderItem: (column) => column.type === 'status' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
@@ -37,6 +44,11 @@ export const DataTable = (_a) => {
|
|
|
37
44
|
React.createElement(SecondaryButton, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(Table.Cell, Object.assign({}, cellProps(column)),
|
|
38
45
|
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column)), column.formatter
|
|
39
46
|
? column.formatter(row[column.field], row, index, sortedRows)
|
|
40
|
-
: row[column.field])) })
|
|
47
|
+
: row[column.field])) }),
|
|
48
|
+
menu && (React.createElement(Table.Cell, { align: "right" },
|
|
49
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
|
50
|
+
React.createElement(DropdownMenu.Trigger, null,
|
|
51
|
+
React.createElement(IconButton, { "aria-label": "menu", icon: more })),
|
|
52
|
+
isFunction(menu) ? menu(row, index) : menu))))) }))));
|
|
41
53
|
};
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsVUFBVSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFtQixLQUFLLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUVuRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUlMLFNBQVMsRUFDVCxtQkFBbUIsR0FDcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQWlDbEMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXVELEVBU3pELEVBQWUsRUFBRTtRQVR3QyxFQUM5RSxPQUFPLEVBQ1AsSUFBSSxFQUNKLE1BQU0sR0FBRyxLQUFLLEVBQ2QsTUFBTSxHQUFHLE1BQU0sRUFDZixN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
|
|
@@ -42,13 +42,13 @@ export declare type DropdownMenuSectionProps = {
|
|
|
42
42
|
title?: string;
|
|
43
43
|
children: DropdownMenuItemComponent | DropdownMenuItemComponent[];
|
|
44
44
|
};
|
|
45
|
-
declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
|
|
46
|
-
declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
|
|
47
|
-
declare type DropdownMenuItemsProps = {
|
|
45
|
+
export declare type DropdownMenuSectionComponent = React.ReactElement<DropdownMenuSectionProps>;
|
|
46
|
+
export declare type DropdownMenuChildComponent = DropdownMenuItemComponent | DropdownMenuSectionComponent;
|
|
47
|
+
export declare type DropdownMenuItemsProps = {
|
|
48
48
|
children: DropdownMenuChildComponent | DropdownMenuChildComponent[];
|
|
49
49
|
};
|
|
50
|
-
declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
|
|
51
|
-
declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
|
|
50
|
+
export declare type DropdownMenuItemsComponent = React.ReactElement<DropdownMenuItemsProps>;
|
|
51
|
+
export declare type DropdownMenuChildren = [DropdownMenuTriggerComponent, DropdownMenuItemsComponent];
|
|
52
52
|
export declare type DropdownMenuProps = {
|
|
53
53
|
/**
|
|
54
54
|
* Callback function that will be called when an item is selected.
|
|
@@ -109,7 +109,13 @@ export declare type DropdownMenuProps = {
|
|
|
109
109
|
searchable?: false;
|
|
110
110
|
emptyState?: never;
|
|
111
111
|
} | {
|
|
112
|
+
/**
|
|
113
|
+
* If true, menu will contain search box that can be used to filter menu entries.
|
|
114
|
+
*/
|
|
112
115
|
searchable: true;
|
|
116
|
+
/**
|
|
117
|
+
* When search filter does not match to any items, this element will be displayed instead.
|
|
118
|
+
*/
|
|
113
119
|
emptyState?: React.ReactNode;
|
|
114
120
|
});
|
|
115
121
|
export declare const DropdownMenu: React.FC<DropdownMenuProps> & {
|
|
@@ -36,6 +36,7 @@ export const DropdownMenu = (_a) => {
|
|
|
36
36
|
state.isOpen && (React.createElement(PopoverOverlay, { triggerRef: triggerRef, state: state, placement: placement, focusable: false },
|
|
37
37
|
React.createElement(MenuWrapper, Object.assign({ onAction: onAction, selectionMode: selectionMode, selection: selection, onSelectionChange: onSelectionChange, searchable: searchable, emptyState: emptyState, minWidth: minWidth, maxWidth: maxWidth, header: header, footer: footer }, menuProps), items.props.children)))));
|
|
38
38
|
};
|
|
39
|
+
DropdownMenu.displayName = 'DropdownMenu';
|
|
39
40
|
const MenuTrigger = () => null;
|
|
40
41
|
const MenuItems = () => null;
|
|
41
42
|
DropdownMenu.Trigger = MenuTrigger;
|
|
@@ -136,4 +137,4 @@ const getDisabledItemKeys = (children) => {
|
|
|
136
137
|
});
|
|
137
138
|
return keys.flat().filter((key) => key !== null);
|
|
138
139
|
};
|
|
139
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFZbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV0RSxPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQW9KM0MsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUtyQixDQUFDLEVBY0osRUFBRSxF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
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type IconProps } from '../../../src/molecules/Icon/Icon';
|
|
3
|
+
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
|
4
|
+
export declare const Navigation: {
|
|
5
|
+
(props: React.ComponentProps<typeof NavigationBase>): JSX.Element;
|
|
6
|
+
Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => JSX.Element;
|
|
7
|
+
Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
8
|
+
Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
9
|
+
Header: React.FC<React.HTMLProps<HTMLLIElement>>;
|
|
10
|
+
Section: React.FC<React.HTMLProps<HTMLUListElement>>;
|
|
11
|
+
};
|
|
12
|
+
declare type ItemProps = {
|
|
13
|
+
/**
|
|
14
|
+
* Optional icon for item. If provided, it will be displayed on the left side of the text.
|
|
15
|
+
*/
|
|
16
|
+
icon?: IconProps['icon'];
|
|
17
|
+
};
|
|
18
|
+
declare const Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => JSX.Element;
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React from 'react';
|
|
13
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
|
14
|
+
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
|
15
|
+
export const Navigation = (props) => React.createElement(NavigationBase, Object.assign({}, props));
|
|
16
|
+
const Item = (_a) => {
|
|
17
|
+
var { children, icon } = _a, rest = __rest(_a, ["children", "icon"]);
|
|
18
|
+
return (React.createElement(NavigationBase.Item, Object.assign({}, rest),
|
|
19
|
+
icon && React.createElement(InlineIcon, { icon: icon }),
|
|
20
|
+
children));
|
|
21
|
+
};
|
|
22
|
+
Navigation.Item = Item;
|
|
23
|
+
Navigation.Divider = NavigationBase.Divider;
|
|
24
|
+
Navigation.Footer = NavigationBase.Footer;
|
|
25
|
+
Navigation.Header = NavigationBase.Header;
|
|
26
|
+
Navigation.Section = NavigationBase.Section;
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXJFLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBa0QsRUFBRSxFQUFFLENBQUMsb0JBQUMsY0FBYyxvQkFBSyxLQUFLLEVBQUksQ0FBQztBQVNoSCxNQUFNLElBQUksR0FBRyxDQUFDLEVBQXlGLEVBQUUsRUFBRTtRQUE3RixFQUFFLFFBQVEsRUFBRSxJQUFJLE9BQXlFLEVBQXBFLElBQUksY0FBekIsb0JBQTJCLENBQUY7SUFBcUUsT0FBQSxDQUMxRyxvQkFBQyxjQUFjLENBQUMsSUFBSSxvQkFBSyxJQUFJO1FBQzFCLElBQUksSUFBSSxvQkFBQyxVQUFVLElBQUMsSUFBSSxFQUFFLElBQUksR0FBSTtRQUNsQyxRQUFRLENBQ1csQ0FDdkIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDO0FBQzFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMifQ==
|
|
@@ -4,6 +4,8 @@ import { type AsyncActionType } from '../../../types/ActionType';
|
|
|
4
4
|
export declare type PageHeaderProps = {
|
|
5
5
|
/** Short and concise page title. */
|
|
6
6
|
title: string;
|
|
7
|
+
/** Optional subtitle for the page. */
|
|
8
|
+
subtitle?: React.ReactNode;
|
|
7
9
|
/**
|
|
8
10
|
* Optional image src which will be displayed on the left-side
|
|
9
11
|
* of the title. Image size will be set to 56px x 56px.
|
|
@@ -16,18 +16,19 @@ import { Breadcrumbs } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
|
16
16
|
import { PrimaryButton, SecondaryButton } from '../../../src/molecules/Button/Button';
|
|
17
17
|
import { Chip } from '../../../src/molecules/Chip/Chip';
|
|
18
18
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
|
19
|
-
import {
|
|
19
|
+
import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
|
|
20
20
|
import { tw } from '../../../src/utils/tailwind';
|
|
21
|
-
export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
|
22
|
-
return (React.createElement(
|
|
23
|
-
React.createElement(
|
|
21
|
+
export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
|
22
|
+
return (React.createElement(BasePageHeader, null,
|
|
23
|
+
React.createElement(BasePageHeader.Container, null,
|
|
24
24
|
breadcrumbs && React.createElement(Breadcrumbs, null, breadcrumbs),
|
|
25
25
|
React.createElement(Flexbox, { gap: "5" },
|
|
26
26
|
image && React.createElement("img", { src: image, alt: imageAlt, className: tw('w-[56px] h-[56px]') }),
|
|
27
|
-
React.createElement(
|
|
28
|
-
React.createElement(
|
|
29
|
-
chips.length > 0 && (React.createElement(
|
|
30
|
-
|
|
27
|
+
React.createElement(BasePageHeader.TitleContainer, null,
|
|
28
|
+
React.createElement(BasePageHeader.Title, null, title),
|
|
29
|
+
chips.length > 0 && (React.createElement(BasePageHeader.Chips, null, chips.map((chip) => (React.createElement(Chip, { key: chip, dense: true, text: chip }))))),
|
|
30
|
+
subtitle && React.createElement(BasePageHeader.Subtitle, null, subtitle)))),
|
|
31
|
+
(secondaryActions || primaryAction) && (React.createElement(BasePageHeader.Actions, null,
|
|
31
32
|
secondaryActions &&
|
|
32
33
|
castArray(secondaryActions)
|
|
33
34
|
.filter(Boolean)
|
|
@@ -37,4 +38,4 @@ export const PageHeader = ({ title, image, imageAlt, primaryAction, secondaryAct
|
|
|
37
38
|
}),
|
|
38
39
|
primaryAction && (React.createElement(PrimaryButton, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
|
39
40
|
};
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUN6QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUF5QixXQUFXLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUEyQ3hDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBOEIsQ0FBQyxFQUNwRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEVBQ1IsYUFBYSxFQUNiLGdCQUFnQixFQUNoQixLQUFLLEdBQUcsRUFBRSxFQUNWLFdBQVcsR0FDWixFQUFFLEVBQUU7SUFDSCxPQUFPLENBQ0wsb0JBQUMsY0FBYztRQUNiLG9CQUFDLGNBQWMsQ0FBQyxTQUFTO1lBQ3RCLFdBQVcsSUFBSSxvQkFBQyxXQUFXLFFBQUUsV0FBVyxDQUFlO1lBQ3hELG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRztnQkFDYixLQUFLLElBQUksNkJBQUssR0FBRyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsbUJBQW1CLENBQUMsR0FBSTtnQkFDaEYsb0JBQUMsY0FBYyxDQUFDLGNBQWM7b0JBQzVCLG9CQUFDLGNBQWMsQ0FBQyxLQUFLLFFBQUUsS0FBSyxDQUF3QjtvQkFDbkQsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FDbkIsb0JBQUMsY0FBYyxDQUFDLEtBQUssUUFDbEIsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsQ0FDbkIsb0JBQUMsSUFBSSxJQUFDLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxRQUFDLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDdEMsQ0FBQyxDQUNtQixDQUN4QjtvQkFDQSxRQUFRLElBQUksb0JBQUMsY0FBYyxDQUFDLFFBQVEsUUFBRSxRQUFRLENBQTJCLENBQzVDLENBQ3hCLENBQ2U7UUFDMUIsQ0FBQyxnQkFBZ0IsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUN0QyxvQkFBQyxjQUFjLENBQUMsT0FBTztZQUNwQixnQkFBZ0I7Z0JBQ2YsU0FBUyxDQUFDLGdCQUFnQixDQUFDO3FCQUN4QixNQUFNLENBQUMsT0FBTyxDQUFDO3FCQUNmLEdBQUcsQ0FBQyxDQUFDLEVBQW1CLEVBQUUsRUFBRTt3QkFBdkIsRUFBRSxJQUFJLE9BQWEsRUFBUixNQUFNLGNBQWpCLFFBQW1CLENBQUY7b0JBQU8sT0FBQSxDQUM1QixvQkFBQyxlQUFlLGtCQUFDLEdBQUcsRUFBRSxJQUFJLElBQU0sTUFBTSxHQUNuQyxJQUFJLENBQ1csQ0FDbkIsQ0FBQTtpQkFBQSxDQUFDO1lBQ0wsYUFBYSxJQUFJLENBQ2hCLG9CQUFDLGFBQWEsa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDcEUsYUFBYSxDQUFDLElBQUksQ0FDTCxDQUNqQixDQUNzQixDQUMxQixDQUNjLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -19,7 +19,8 @@ export const Stepper = ({ children, activeIndex, dense }) => {
|
|
|
19
19
|
}
|
|
20
20
|
}))));
|
|
21
21
|
};
|
|
22
|
+
Stepper.displayName = 'Stepper';
|
|
22
23
|
const Step = () => null;
|
|
23
24
|
Step.displayName = 'Stepper.Step';
|
|
24
25
|
Stepper.Step = Step;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RlcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU3RlcHBlci9TdGVwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxPQUFPLElBQUksV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFbkUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQWtCOUMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFtRCxDQUFDLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQzFHLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzdDLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLElBQUMsSUFBSSxFQUFDLE1BQU07UUFDdEIsb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxLQUFLLElBQ3JCLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsRUFBRTtZQUM3QyxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsRUFBRTtnQkFDakMsT0FBTyxJQUFJLEtBQUssQ0FBQywrREFBK0QsQ0FBQyxDQUFDO2FBQ25GO2lCQUFNO2dCQUNMLE1BQU0sS0FBSyxHQUFHLEtBQUssR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUM7Z0JBQ2hHLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxLQUFLLGtCQUFnQixLQUFLLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsVUFBVTtvQkFDL0YsS0FBSyxHQUFHLENBQUMsSUFBSSxLQUFLLElBQUksS0FBSyxJQUFJLENBQzlCLG9CQUFDLFdBQVcsQ0FBQyxrQkFBa0IsSUFBQyxLQUFLLEVBQUUsS0FBSzt3QkFDMUMsb0JBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUUsS0FBSyxLQUFLLFdBQVcsSUFBSSxLQUFLLEtBQUssUUFBUSxHQUFJLENBQ3JFLENBQ2xDO29CQUNELG9CQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssSUFDbkQsS0FBSyxHQUFHLENBQUMsQ0FDaUI7b0JBQzVCLEtBQUssQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUNKLENBQ3BCLENBQUM7YUFDSDtRQUNILENBQUMsQ0FBQyxDQUNPLENBQ0MsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsT0FBTyxDQUFDLFdBQVcsR0FBRyxTQUFTLENBQUM7QUFNaEMsTUFBTSxJQUFJLEdBQXdCLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQztBQUM3QyxJQUFJLENBQUMsV0FBVyxHQUFHLGNBQWMsQ0FBQztBQUVsQyxPQUFPLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyJ9
|