@instructure/ui-tray 11.6.0 → 11.6.1-snapshot-129
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -288
- package/es/Tray/{index.js → v1/index.js} +2 -2
- package/es/Tray/v2/index.js +221 -0
- package/es/Tray/v2/props.js +26 -0
- package/es/Tray/v2/styles.js +131 -0
- package/es/{index.js → exports/a.js} +1 -1
- package/{src/index.ts → es/exports/b.js} +1 -3
- package/lib/Tray/v1/index.js +226 -0
- package/lib/Tray/{index.js → v2/index.js} +3 -4
- package/lib/Tray/v2/props.js +31 -0
- package/lib/Tray/v2/styles.js +137 -0
- package/lib/{index.js → exports/a.js} +2 -2
- package/lib/exports/b.js +12 -0
- package/package.json +43 -21
- package/src/Tray/{index.tsx → v1/index.tsx} +2 -2
- package/src/Tray/v2/README.md +100 -0
- package/src/Tray/v2/index.tsx +249 -0
- package/src/Tray/v2/props.ts +206 -0
- package/src/Tray/v2/styles.ts +158 -0
- package/src/exports/a.ts +26 -0
- package/src/exports/b.ts +26 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Tray/v1/index.d.ts.map +1 -0
- package/types/Tray/v1/props.d.ts.map +1 -0
- package/types/Tray/v1/styles.d.ts.map +1 -0
- package/types/Tray/v1/theme.d.ts.map +1 -0
- package/types/Tray/v2/index.d.ts +77 -0
- package/types/Tray/v2/index.d.ts.map +1 -0
- package/types/Tray/v2/props.d.ts +133 -0
- package/types/Tray/v2/props.d.ts.map +1 -0
- package/types/Tray/v2/styles.d.ts +20 -0
- package/types/Tray/v2/styles.d.ts.map +1 -0
- package/types/exports/a.d.ts +3 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +3 -0
- package/types/exports/b.d.ts.map +1 -0
- package/types/Tray/index.d.ts.map +0 -1
- package/types/Tray/props.d.ts.map +0 -1
- package/types/Tray/styles.d.ts.map +0 -1
- package/types/Tray/theme.d.ts.map +0 -1
- package/types/index.d.ts +0 -3
- package/types/index.d.ts.map +0 -1
- /package/es/Tray/{props.js → v1/props.js} +0 -0
- /package/es/Tray/{styles.js → v1/styles.js} +0 -0
- /package/es/Tray/{theme.js → v1/theme.js} +0 -0
- /package/lib/Tray/{props.js → v1/props.js} +0 -0
- /package/lib/Tray/{styles.js → v1/styles.js} +0 -0
- /package/lib/Tray/{theme.js → v1/theme.js} +0 -0
- /package/src/Tray/{README.md → v1/README.md} +0 -0
- /package/src/Tray/{props.ts → v1/props.ts} +0 -0
- /package/src/Tray/{styles.ts → v1/styles.ts} +0 -0
- /package/src/Tray/{theme.ts → v1/theme.ts} +0 -0
- /package/types/Tray/{index.d.ts → v1/index.d.ts} +0 -0
- /package/types/Tray/{props.d.ts → v1/props.d.ts} +0 -0
- /package/types/Tray/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/Tray/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tray/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAK/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAK5D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;sBAkBd,CAAA;uBAMK,CAAC;2EAWiB,CAAC;;;;;;;yBAkCb,CAAC;;;wBAgBG,CAAC;;;;;;;;SArFa;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IACD,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,SAAS,oCAAsB;IAE/B,KAAK,EAAE,SAAS,CAAA;gBAEJ,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS;IAa9D,IAAI,SAAS,kFAIZ;IAED,IAAI,SAAS,qCAYZ;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;IAED,wBAAwB,GAAI,QAAQ,cAAc,UAEjD;IAED,IAAI,OAAO,mBAGV;IAED,IAAI,OAAO,CAAC,EAAE,gBAAA,EAEb;IAED,gBAAgB,GAAI,SAAS,UAAU,UAItC;IAED,MAAM;CAuGP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tray/v1/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tray/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SA6GF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Tray/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SAqB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { Dialog } from '@instructure/ui-dialog';
|
|
3
|
+
import type { PortalNode } from '@instructure/ui-portal';
|
|
4
|
+
import type { TransitionType } from '@instructure/ui-motion';
|
|
5
|
+
import type { TrayProps, TrayState } from './props';
|
|
6
|
+
/**
|
|
7
|
+
---
|
|
8
|
+
category: components
|
|
9
|
+
---
|
|
10
|
+
**/
|
|
11
|
+
declare class Tray extends Component<TrayProps> {
|
|
12
|
+
static readonly componentId = "Tray";
|
|
13
|
+
static allowedProps: readonly (keyof {
|
|
14
|
+
label: string;
|
|
15
|
+
size?: "x-small" | "small" | "regular" | "medium" | "large";
|
|
16
|
+
placement?: "top" | "bottom" | "start" | "end" | "center";
|
|
17
|
+
open?: boolean;
|
|
18
|
+
defaultFocusElement?: import("@instructure/shared-types").UIElement;
|
|
19
|
+
contentRef?: (el: HTMLSpanElement | null) => void;
|
|
20
|
+
shouldContainFocus?: boolean;
|
|
21
|
+
shouldReturnFocus?: boolean;
|
|
22
|
+
shouldCloseOnDocumentClick?: boolean;
|
|
23
|
+
onOpen?: (type?: TransitionType) => void;
|
|
24
|
+
onClose?: (type?: TransitionType) => void;
|
|
25
|
+
onDismiss?: (event: React.UIEvent | React.FocusEvent, documentClick?: boolean) => void;
|
|
26
|
+
mountNode?: Element | (() => Element | null) | null;
|
|
27
|
+
insertAt?: "bottom" | "top";
|
|
28
|
+
liveRegion?: import("@instructure/shared-types").LiveRegion;
|
|
29
|
+
onTransition?: (toState: import("@instructure/ui-motion").BaseTransitionStatesType, fromState: import("@instructure/ui-motion").BaseTransitionStatesType) => void;
|
|
30
|
+
onEnter?: () => void;
|
|
31
|
+
onEntering?: () => void;
|
|
32
|
+
onEntered?: (type?: TransitionType) => void;
|
|
33
|
+
onExit?: () => void;
|
|
34
|
+
onExiting?: () => void;
|
|
35
|
+
onExited?: (type?: TransitionType) => void;
|
|
36
|
+
transitionOnMount?: boolean;
|
|
37
|
+
transitionEnter?: boolean;
|
|
38
|
+
transitionExit?: boolean;
|
|
39
|
+
border?: boolean;
|
|
40
|
+
shadow?: boolean;
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
enableMask?: boolean;
|
|
43
|
+
})[];
|
|
44
|
+
static defaultProps: {
|
|
45
|
+
defaultFocusElement: null;
|
|
46
|
+
open: boolean;
|
|
47
|
+
insertAt: string;
|
|
48
|
+
shouldCloseOnDocumentClick: boolean;
|
|
49
|
+
shouldContainFocus: boolean;
|
|
50
|
+
shouldReturnFocus: boolean;
|
|
51
|
+
size: string;
|
|
52
|
+
placement: string;
|
|
53
|
+
transitionOnMount: boolean;
|
|
54
|
+
transitionEnter: boolean;
|
|
55
|
+
transitionExit: boolean;
|
|
56
|
+
shadow: boolean;
|
|
57
|
+
border: boolean;
|
|
58
|
+
enableMask: boolean;
|
|
59
|
+
};
|
|
60
|
+
ref: Element | null;
|
|
61
|
+
dialogRef: import("react").RefObject<Dialog>;
|
|
62
|
+
state: TrayState;
|
|
63
|
+
constructor(props: TrayProps);
|
|
64
|
+
componentDidMount(): void;
|
|
65
|
+
componentDidUpdate(prevProps: TrayProps, _prevState: TrayState): void;
|
|
66
|
+
get placement(): "center" | import("@instructure/ui-position").PlacementPropValues | undefined;
|
|
67
|
+
get direction(): "up" | "down" | "right" | "left";
|
|
68
|
+
get transition(): TransitionType;
|
|
69
|
+
handleTransitionComplete: (_type?: TransitionType) => void;
|
|
70
|
+
get DOMNode(): Element | null;
|
|
71
|
+
set DOMNode(el: Element | null);
|
|
72
|
+
handlePortalOpen: (DOMNode: PortalNode) => void;
|
|
73
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
74
|
+
}
|
|
75
|
+
export default Tray;
|
|
76
|
+
export { Tray };
|
|
77
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tray/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAK/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI5D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;sBAuBZ,CAAC;uBAKN,CAAA;2EASE,CAAF;;;;;;;yBAoCA,CAAC;;;wBAkBH,CAAC;;;;;;;;SA3FiC;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IACD,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,SAAS,oCAAsB;IAE/B,KAAK,EAAE,SAAS,CAAA;gBAEJ,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS;IAa9D,IAAI,SAAS,kFAIZ;IAED,IAAI,SAAS,qCAYZ;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;IAED,wBAAwB,GAAI,QAAQ,cAAc,UAEjD;IAED,IAAI,OAAO,mBAGV;IAED,IAAI,OAAO,CAAC,EAAE,gBAAA,EAEb;IAED,gBAAgB,GAAI,SAAS,UAAU,UAItC;IAED,MAAM;CAuGP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
+
import type { OtherHTMLAttributes, TrayTheme, LiveRegion, UIElement } from '@instructure/shared-types';
|
|
4
|
+
import type { TextDirectionContextConsumerProps } from '@instructure/ui-i18n';
|
|
5
|
+
import type { TransitionType, BaseTransitionStatesType } from '@instructure/ui-motion';
|
|
6
|
+
type TrayOwnProps = {
|
|
7
|
+
label: string;
|
|
8
|
+
/**
|
|
9
|
+
* The size (width) of the `<Tray />` when placement is `start` or `end`
|
|
10
|
+
*/
|
|
11
|
+
size?: 'x-small' | 'small' | 'regular' | 'medium' | 'large';
|
|
12
|
+
/**
|
|
13
|
+
* Placement to determine where the `<Tray />` should display in the viewport
|
|
14
|
+
*/
|
|
15
|
+
placement?: 'top' | 'bottom' | 'start' | 'end' | 'center';
|
|
16
|
+
/**
|
|
17
|
+
* Whether or not the `<Tray />` is open
|
|
18
|
+
*/
|
|
19
|
+
open?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* An element or a function returning an element to focus by default
|
|
22
|
+
*/
|
|
23
|
+
defaultFocusElement?: UIElement;
|
|
24
|
+
/**
|
|
25
|
+
*
|
|
26
|
+
* A function that returns a reference to the content element
|
|
27
|
+
*/
|
|
28
|
+
contentRef?: (el: HTMLSpanElement | null) => void;
|
|
29
|
+
/**
|
|
30
|
+
* Whether focus should be contained within the `<Tray/>` when it is open
|
|
31
|
+
*/
|
|
32
|
+
shouldContainFocus?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Whether focus should be restored when the `<Tray/>` is closed
|
|
35
|
+
*/
|
|
36
|
+
shouldReturnFocus?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Should the `<Tray />` hide when clicks occur outside the content
|
|
39
|
+
*/
|
|
40
|
+
shouldCloseOnDocumentClick?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Callback fired when `<Tray />` content has been mounted in the DOM
|
|
43
|
+
*/
|
|
44
|
+
onOpen?: (type?: TransitionType) => void;
|
|
45
|
+
/**
|
|
46
|
+
* Callback fired when `<Tray />` has been unmounted from the DOM
|
|
47
|
+
*/
|
|
48
|
+
onClose?: (type?: TransitionType) => void;
|
|
49
|
+
/**
|
|
50
|
+
* Callback fired when the `<Tray />` is requesting to be closed
|
|
51
|
+
*/
|
|
52
|
+
onDismiss?: (event: React.UIEvent | React.FocusEvent, documentClick?: boolean) => void;
|
|
53
|
+
/**
|
|
54
|
+
* An element or a function returning an element to use as the mount node
|
|
55
|
+
* for the `<Tray />` (defaults to `document.body`)
|
|
56
|
+
*/
|
|
57
|
+
mountNode?: Element | (() => Element | null) | null;
|
|
58
|
+
/**
|
|
59
|
+
* Insert the element at the 'top' of the mountNode or at the 'bottom'
|
|
60
|
+
*/
|
|
61
|
+
insertAt?: 'bottom' | 'top';
|
|
62
|
+
/**
|
|
63
|
+
* An element, function returning an element, or array of elements that will not be hidden from
|
|
64
|
+
* the screen reader when the `<Tray />` is open
|
|
65
|
+
*/
|
|
66
|
+
liveRegion?: LiveRegion;
|
|
67
|
+
/**
|
|
68
|
+
* Callback fired when the <Tray /> transitions in/out
|
|
69
|
+
*/
|
|
70
|
+
onTransition?: (toState: BaseTransitionStatesType, fromState: BaseTransitionStatesType) => void;
|
|
71
|
+
/**
|
|
72
|
+
* Callback fired before the <Tray /> transitions in
|
|
73
|
+
*/
|
|
74
|
+
onEnter?: () => void;
|
|
75
|
+
/**
|
|
76
|
+
* Callback fired as the <Tray /> begins to transition in
|
|
77
|
+
*/
|
|
78
|
+
onEntering?: () => void;
|
|
79
|
+
/**
|
|
80
|
+
* Callback fired after the <Tray /> finishes transitioning in
|
|
81
|
+
*/
|
|
82
|
+
onEntered?: (type?: TransitionType) => void;
|
|
83
|
+
/**
|
|
84
|
+
* Callback fired right before the <Tray /> transitions out
|
|
85
|
+
*/
|
|
86
|
+
onExit?: () => void;
|
|
87
|
+
/**
|
|
88
|
+
* Callback fired as the <Tray /> begins to transition out
|
|
89
|
+
*/
|
|
90
|
+
onExiting?: () => void;
|
|
91
|
+
/**
|
|
92
|
+
* Callback fired after the <Tray /> finishes transitioning out
|
|
93
|
+
*/
|
|
94
|
+
onExited?: (type?: TransitionType) => void;
|
|
95
|
+
/**
|
|
96
|
+
* Run the enter animation when the component mounts, if it is initially
|
|
97
|
+
* shown
|
|
98
|
+
*/
|
|
99
|
+
transitionOnMount?: boolean;
|
|
100
|
+
/**
|
|
101
|
+
* Run the enter animation
|
|
102
|
+
*/
|
|
103
|
+
transitionEnter?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Run the exit animation
|
|
106
|
+
*/
|
|
107
|
+
transitionExit?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* Should the `<Tray />` have a border
|
|
110
|
+
*/
|
|
111
|
+
border?: boolean;
|
|
112
|
+
/**
|
|
113
|
+
* Should the `<Tray />` have a box shadow
|
|
114
|
+
*/
|
|
115
|
+
shadow?: boolean;
|
|
116
|
+
children?: React.ReactNode;
|
|
117
|
+
/**
|
|
118
|
+
* Add Mask overlay to the `<Tray />`
|
|
119
|
+
*/
|
|
120
|
+
enableMask?: boolean;
|
|
121
|
+
};
|
|
122
|
+
type PropKeys = keyof TrayOwnProps;
|
|
123
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
124
|
+
type TrayProps = TrayOwnProps & TextDirectionContextConsumerProps & WithStyleProps<TrayTheme, TrayStyle> & OtherHTMLAttributes<TrayOwnProps>;
|
|
125
|
+
type TrayStyle = ComponentStyle<'tray' | 'content'>;
|
|
126
|
+
declare const allowedProps: AllowedPropKeys;
|
|
127
|
+
type TrayState = {
|
|
128
|
+
transitioning: boolean;
|
|
129
|
+
open: boolean;
|
|
130
|
+
};
|
|
131
|
+
export type { TrayProps, TrayStyle, TrayState };
|
|
132
|
+
export { allowedProps };
|
|
133
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tray/v2/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { TrayProps, TrayStyle } from './props';
|
|
3
|
+
type StyleParams = {
|
|
4
|
+
border: TrayProps['border'];
|
|
5
|
+
shadow: TrayProps['shadow'];
|
|
6
|
+
size: TrayProps['size'];
|
|
7
|
+
placement: TrayProps['placement'];
|
|
8
|
+
};
|
|
9
|
+
/**
|
|
10
|
+
* ---
|
|
11
|
+
* private: true
|
|
12
|
+
* ---
|
|
13
|
+
* Generates the style object from the theme and provided additional information
|
|
14
|
+
* @param {Object} componentTheme The theme variable object.
|
|
15
|
+
* @param {Object} params the props and passed through data of the component, the style is applied to
|
|
16
|
+
* @return {Object} The final style object, which will be used in the component
|
|
17
|
+
*/
|
|
18
|
+
declare const generateStyle: (componentTheme: NewComponentTypes["Tray"], params: StyleParams) => TrayStyle;
|
|
19
|
+
export default generateStyle;
|
|
20
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Tray/v2/styles.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC3B,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACvB,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;CAClC,CAAA;AACD;;;;;;;;GAQG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,iBAAiB,CAAC,MAAM,CAAC,EACzC,QAAQ,WAAW,KAClB,SA8GF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tray/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAK/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAK5D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,UAAS;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;sBAmBnB,CAAC;uBAOG,CAAJ;2EASqD,CAAC;;;;;;;yBAqCtD,CAAA;;;wBAcE,CAAJ;;;;;;;;SAtFoC;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;MAelB;IACD,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAC1B,SAAS,oCAAsB;IAE/B,KAAK,EAAE,SAAS,CAAA;gBAEJ,KAAK,EAAE,SAAS;IAQ5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS;IAa9D,IAAI,SAAS,kFAIZ;IAED,IAAI,SAAS,qCAYZ;IAED,IAAI,UAAU,IAAI,cAAc,CAE/B;IAED,wBAAwB,GAAI,QAAQ,cAAc,UAEjD;IAED,IAAI,OAAO,mBAGV;IAED,IAAI,OAAO,CAAC,EAAE,gBAAA,EAEb;IAED,gBAAgB,GAAI,SAAS,UAAU,UAItC;IAED,MAAM;CAuGP;AAED,eAAe,IAAI,CAAA;AACnB,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Tray/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EACV,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,SAAS,EACV,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,sBAAsB,CAAA;AAC7E,OAAO,KAAK,EACV,cAAc,EACd,wBAAwB,EACzB,MAAM,wBAAwB,CAAA;AAE/B,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC3D;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACzD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAA;IAC/B;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAA;IACjD;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,UAAU,EACvC,aAAa,CAAC,EAAE,OAAO,KACpB,IAAI,CAAA;IACT;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA;IACnD;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,wBAAwB,EACjC,SAAS,EAAE,wBAAwB,KAChC,IAAI,CAAA;IACT;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,cAAc,KAAK,IAAI,CAAA;IAC1C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,YAAY,CAAA;AAElC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,SAAS,GAAG,YAAY,GAC3B,iCAAiC,GACjC,cAAc,CAAC,SAAS,EAAE,SAAS,CAAC,GACpC,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnC,KAAK,SAAS,GAAG,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;AACnD,QAAA,MAAM,YAAY,EAAE,eA8BnB,CAAA;AACD,KAAK,SAAS,GAAG;IAAE,aAAa,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,OAAO,CAAA;CAAE,CAAA;AAC1D,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Tray/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,GACjB,gBAAgB,SAAS,EACzB,OAAO,SAAS,KACf,SA6GF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Tray/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAErD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,GAAI,OAAO,KAAK,KAAG,SAqB9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
package/types/index.d.ts
DELETED
package/types/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|