@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.
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AAgBf,OAAO,EAIH,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAQjB,QAAA,MAAM,YAAY,0FAkVjB,CAAC;AAEF,eAAe,YAAY,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,yaAiB9B,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,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"}
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":"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"}
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;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;OAOG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAE5C;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,wCACb,SAAQ,cAAc;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}
@@ -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":"AAkBA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA4KrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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;IAEH,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,CAAC;IACzC,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"}
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":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAMxC,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAgGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
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,OAAO,EACH,mBAAmB,EACnB,aAAa,EAEhB,MAAM,oBAAoB,CAAC;AAG5B;;;;;;GAMG;AACH,wBAAgB,6BAA6B,CACzC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,cAAc,CAAC,EAC/D,UAAU,EAAE,MAAM;;;EASrB;AAED;;;GAGG;AACH,eAAO,MAAM,4BAA4B;WAK9B,mBAAmB,GAAG,mBAAmB,EAAE;WAC3C,aAAa,EAAE;cACZ,OAAO;iDAmBpB,CAAC"}
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,qFAgFX,CAAC;AAEH,eAAe,OAAO,CAAC"}
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,8PAchC,CAAC;AAEF,eAAO,MAAM,4BAA4B,6NAGxC,CAAC"}
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;KACjB,CAAC;IAEF;;;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,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC"}
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@newtonschool/grauity",
3
- "version": "3.1.3-beta.0",
3
+ "version": "3.1.3",
4
4
  "description": "Design System for Newton School",
5
5
  "keywords": [
6
6
  "Newton School",