@newtonschool/grauity 3.1.3-beta.0 → 3.1.3
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/index.d.ts +25 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/main.cjs +1 -1
- package/dist/main.cjs.map +1 -1
- package/dist/module.mjs +1 -1
- package/dist/module.mjs.map +1 -1
- package/dist/ui/elements/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/ui/elements/DropdownMenu/DropdownMenu.styles.d.ts +1 -0
- package/dist/ui/elements/DropdownMenu/DropdownMenu.styles.d.ts.map +1 -1
- package/dist/ui/elements/DropdownMenu/types.d.ts +12 -0
- package/dist/ui/elements/DropdownMenu/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/Combobox/Combobox.d.ts +7 -0
- package/dist/ui/elements/Form/Combobox/Combobox.d.ts.map +1 -1
- package/dist/ui/elements/Form/Combobox/types.d.ts +1 -1
- package/dist/ui/elements/Form/Combobox/types.d.ts.map +1 -1
- package/dist/ui/elements/Form/Combobox/utils.d.ts +33 -0
- package/dist/ui/elements/Form/Combobox/utils.d.ts.map +1 -0
- package/dist/ui/elements/Form/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/ui/elements/Form/Dropdown/utils.d.ts +0 -10
- package/dist/ui/elements/Form/Dropdown/utils.d.ts.map +1 -1
- package/dist/ui/elements/Overlay/Overlay.d.ts.map +1 -1
- package/dist/ui/elements/Overlay/Overlay.styles.d.ts.map +1 -1
- package/dist/ui/elements/Overlay/types.d.ts +7 -0
- package/dist/ui/elements/Overlay/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AAkBf,OAAO,EAIH,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAQjB,QAAA,MAAM,YAAY,0FA6VjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -9,6 +9,7 @@ export declare const StyledDropdownOptionsContainer: import("styled-components/d
|
|
|
9
9
|
export declare const StyledDropdownMenuSearchBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
10
10
|
export declare const StyledDropdownMenuSubHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
11
11
|
export declare const StyledDropdownMenuDivider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
|
+
export declare const StyledDropdownMenuEmptyState: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
13
|
export declare const StyledDropdownMenuOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
13
14
|
export declare const StyledDropdownMenuOptionContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
14
15
|
export declare const StyledDropdownMenuOptionLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EACH,wCAAwC,EACxC,uBAAuB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"DropdownMenu.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.styles.ts"],"names":[],"mappings":";AAOA,OAAO,EACH,wCAAwC,EACxC,uBAAuB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,yaAkB9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,6NAWpC,CAAC;AACF,eAAO,MAAM,6BAA6B,6NAOzC,CAAC;AACF,eAAO,MAAM,+BAA+B,6NAO3C,CAAC;AAEF,eAAO,MAAM,sBAAsB,6NAUlC,CAAC;AAEF,eAAO,MAAM,8BAA8B,6NAM1C,CAAC;AAEF,eAAO,MAAM,2BAA2B,6NAWvC,CAAC;AAEF,eAAO,MAAM,2BAA2B,6NAiBvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,6NAOrC,CAAC;AAEF,eAAO,MAAM,4BAA4B,6NAKxC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yOAmCpC,CAAC;AACF,eAAO,MAAM,+BAA+B,6NAM3C,CAAC;AACF,eAAO,MAAM,6BAA6B,6NAWzC,CAAC;AACF,eAAO,MAAM,mCAAmC,6QAkB/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,6NASpC,CAAC"}
|
|
@@ -170,6 +170,12 @@ export interface DropdownMenuProps {
|
|
|
170
170
|
* @default '300px'
|
|
171
171
|
*/
|
|
172
172
|
width?: string;
|
|
173
|
+
/**
|
|
174
|
+
* The maximum height of the dropdown menu. By default, the dropdown menu will have a
|
|
175
|
+
* maximum height of 500px.
|
|
176
|
+
* @default '500px'
|
|
177
|
+
*/
|
|
178
|
+
maxHeight?: string;
|
|
173
179
|
/**
|
|
174
180
|
* Whether the dropdown should call the onChange callback on selecting an
|
|
175
181
|
* option in multiple mode
|
|
@@ -183,9 +189,15 @@ export interface DropdownMenuProps {
|
|
|
183
189
|
* The id for the Dropdown Menu.
|
|
184
190
|
*/
|
|
185
191
|
id?: string;
|
|
192
|
+
/**
|
|
193
|
+
* Message to be displayed when there are no options available in the dropdown menu.
|
|
194
|
+
* @default 'No options available'
|
|
195
|
+
*/
|
|
196
|
+
emptyStateMessage?: string;
|
|
186
197
|
}
|
|
187
198
|
export interface StyledDropdownMenuProps extends StyledDivProps {
|
|
188
199
|
$width: string;
|
|
200
|
+
$maxHeight?: string;
|
|
189
201
|
}
|
|
190
202
|
export interface StyledDropdownMenuOptionDescriptionProps extends StyledDivProps {
|
|
191
203
|
$disabled?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,oBAAY,YAAY;IACpB,UAAU,cAAc;IACxB,OAAO,YAAY;IACnB,MAAM,WAAW;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1C,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC;CAC9B,CAAC;AACF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GACnB,sBAAsB,GACtB,oBAAoB,GACpB,mBAAmB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAC9B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC;IAE7B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;;;;;;OAiBG;IACH,KAAK,EAAE,aAAa,EAAE,CAAC;IAEvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,KAAK,IAAI,CAAC;IAExE;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAE9B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE7B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IAEpD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;;OAOG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,11 @@
|
|
|
1
1
|
import { ComboboxProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Comobobox component allows users to select single or multiple items
|
|
4
|
+
* from a filtered list of options, where the list is dynamically updated
|
|
5
|
+
* based on user input.
|
|
6
|
+
*
|
|
7
|
+
* The selected items are displayed as Tag components, and are dismissible.
|
|
8
|
+
*/
|
|
2
9
|
declare const Combobox: (props: ComboboxProps) => JSX.Element;
|
|
3
10
|
export default Combobox;
|
|
4
11
|
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Combobox/Combobox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Combobox/Combobox.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC;;;;;;GAMG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAoLrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -65,7 +65,7 @@ export interface ComboboxTriggerInternalProps extends ComboboxTriggerProps {
|
|
|
65
65
|
dropdownMenuId?: string;
|
|
66
66
|
multiple?: boolean;
|
|
67
67
|
}
|
|
68
|
-
export interface ComboboxProps extends ComboboxTriggerProps, Omit<DropdownMenuProps, 'searchable'> {
|
|
68
|
+
export interface ComboboxProps extends ComboboxTriggerProps, Omit<DropdownMenuProps, 'searchable' | 'onSearchInputChange'> {
|
|
69
69
|
menuProps?: {
|
|
70
70
|
/**
|
|
71
71
|
* The width of the dropdown menu.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,WAAW,oBAAoB;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErC,MAAM,WAAW,oBAAoB;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,GAAG,aAAa,EAAE,CAAC;IAE3B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAE3C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;CACzC;AAED,MAAM,WAAW,4BAA6B,SAAQ,oBAAoB;IACtE,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,CAAC,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IAC5D,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,aACb,SAAQ,oBAAoB,EACxB,IAAI,CAAC,iBAAiB,EAAE,YAAY,GAAG,qBAAqB,CAAC;IACjE,SAAS,CAAC,EAAE;QACR;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;;WAGG;QACH,SAAS,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IAEF;;;;;;;OAOG;IACH,iCAAiC,CAAC,EAAE,iBAAiB,CAAC,mCAAmC,CAAC,CAAC;IAE3F;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,GAAG,mBAAmB,EAAE,KAAK,IAAI,CAAC;CAC1E;AAED,MAAM,WAAW,0BAA2B,SAAQ,cAAc;IAC9D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,GAAG,aAAa,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Calculates the layout: position, height and other styles for a Combobox menu (DropdownMenu)
|
|
4
|
+
* based on the position of the trigger element, and the space available in the viewport.
|
|
5
|
+
*
|
|
6
|
+
* @param triggerRef - A ref to the HTMLDivElement or HTMLButtonElement that triggers the dropdown menu.
|
|
7
|
+
* @param maximumMenuHeight - The maximum height of the dropdown menu, defaults to '500px'.
|
|
8
|
+
* @returns An object containing the position object, height and styles for the dropdown menu.
|
|
9
|
+
*/
|
|
10
|
+
export declare function calculateDropdownMenuLayoutForCombobox(triggerRef: React.RefObject<HTMLButtonElement | HTMLDivElement>, maximumMenuHeight?: number): {
|
|
11
|
+
position: {
|
|
12
|
+
top: number;
|
|
13
|
+
left: number;
|
|
14
|
+
bottom?: undefined;
|
|
15
|
+
};
|
|
16
|
+
maxHeight: number;
|
|
17
|
+
style: {
|
|
18
|
+
display?: undefined;
|
|
19
|
+
alignItems?: undefined;
|
|
20
|
+
};
|
|
21
|
+
} | {
|
|
22
|
+
position: {
|
|
23
|
+
bottom: number;
|
|
24
|
+
left: number;
|
|
25
|
+
top?: undefined;
|
|
26
|
+
};
|
|
27
|
+
maxHeight: number;
|
|
28
|
+
style: {
|
|
29
|
+
display: string;
|
|
30
|
+
alignItems: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Combobox/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;GAOG;AACH,wBAAgB,sCAAsC,CAClD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,cAAc,CAAC,EAC/D,iBAAiB,GAAE,MAAiC;;;;;;;;;;;;;;;;;;;;;;EAsCvD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Dropdown/Dropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAgGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { BaseItemOptionProps, BaseItemProps } from '../../DropdownMenu';
|
|
3
2
|
/**
|
|
4
3
|
* Calculates the position for a dropdown menu based on the position of a trigger element.
|
|
5
4
|
*
|
|
@@ -11,13 +10,4 @@ export declare function calculateDropdownMenuPosition(triggerRef: React.RefObjec
|
|
|
11
10
|
top: number;
|
|
12
11
|
left: number;
|
|
13
12
|
};
|
|
14
|
-
/**
|
|
15
|
-
* Retrieves selected options from the provided items and current value
|
|
16
|
-
* based on whether the field is in multiple select mode or not.
|
|
17
|
-
*/
|
|
18
|
-
export declare const getSelectedOptionsFromValues: ({ value, multiple, items, }: {
|
|
19
|
-
value: BaseItemOptionProps | BaseItemOptionProps[];
|
|
20
|
-
items: BaseItemProps[];
|
|
21
|
-
multiple: boolean;
|
|
22
|
-
}) => BaseItemOptionProps | BaseItemOptionProps[];
|
|
23
13
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Dropdown/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Form/Dropdown/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,cAAc,CAAC,EAC/D,UAAU,EAAE,MAAM;;;EASrB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAS7D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAS7D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,qFAoFX,CAAC;AAEH,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlay.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Overlay/Overlay.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,eAAO,MAAM,aAAa,oaA0BzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"Overlay.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Overlay/Overlay.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExE,eAAO,MAAM,aAAa,oaA0BzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,8PAmBhC,CAAC;AAEF,eAAO,MAAM,4BAA4B,6NAGxC,CAAC"}
|
|
@@ -49,7 +49,13 @@ export interface OverlayProps {
|
|
|
49
49
|
position?: {
|
|
50
50
|
top?: number;
|
|
51
51
|
left?: number;
|
|
52
|
+
bottom?: number;
|
|
52
53
|
};
|
|
54
|
+
/**
|
|
55
|
+
* Additional styles to be passed to the overlay
|
|
56
|
+
* @default {}
|
|
57
|
+
*/
|
|
58
|
+
style?: React.CSSProperties;
|
|
53
59
|
/**
|
|
54
60
|
* Should focus on the first element in the overlay
|
|
55
61
|
* @default true
|
|
@@ -63,6 +69,7 @@ export interface StyledOverlayProps extends StyledDivProps {
|
|
|
63
69
|
}
|
|
64
70
|
export interface StyledOverlayContentProps extends StyledDivProps {
|
|
65
71
|
$top: number;
|
|
72
|
+
$bottom: number;
|
|
66
73
|
$left: number;
|
|
67
74
|
$shouldCenterContent?: boolean;
|
|
68
75
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Overlay/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE;QACP,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACtD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC"}
|