gantri-components 3.0.0-beta.67 → 3.0.0-beta.69

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.
@@ -0,0 +1,5 @@
1
+ import { ButtonMenuProps } from './button-menu.types';
2
+ export declare const ButtonMenu: {
3
+ <T extends Record<any, any>>(props: ButtonMenuProps<T>): JSX.Element;
4
+ defaultProps: Partial<ButtonMenuProps<Record<string, unknown>>>;
5
+ };
@@ -0,0 +1,2 @@
1
+ import { ButtonMenuProps } from './button-menu.types';
2
+ export declare const ButtonMenuPresets: Partial<ButtonMenuProps>;
@@ -0,0 +1 @@
1
+ export declare const StyledButtonMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -0,0 +1,13 @@
1
+ import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
2
+ import { ButtonVariant } from '../button/button.types';
3
+ export interface ButtonMenuProps<T = Record<string, unknown>> extends DropdownMenuProps<T> {
4
+ active?: boolean;
5
+ buttonClassName?: string;
6
+ buttonVariant?: ButtonVariant;
7
+ label?: string;
8
+ labelTx?: string;
9
+ labelTxValues?: Record<string, unknown>;
10
+ onClose?: () => void;
11
+ onOpen?: () => void;
12
+ triggerEvent?: 'click' | 'hover' | 'manual';
13
+ }
@@ -0,0 +1 @@
1
+ export * from './button-menu';
@@ -14,6 +14,7 @@ export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
14
14
  hideErrors?: boolean;
15
15
  icon?: ReactElement;
16
16
  items?: T[];
17
+ keepOpenAfterSelection?: boolean;
17
18
  keyProperty?: (option?: T) => string;
18
19
  labelPosition?: 'top' | 'left';
19
20
  labelText?: string;
@@ -1,5 +1,7 @@
1
1
  import { Property } from 'csstype';
2
+ import { Color } from '../../styles';
2
3
  export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
4
+ $borderColor: Color;
3
5
  $hasHeader?: boolean | undefined;
4
6
  $noShadow: boolean;
5
7
  }, never>;
@@ -1,8 +1,10 @@
1
1
  import { Property } from 'csstype';
2
2
  import { ReactNode } from 'react';
3
3
  import { Maybe } from '../../global';
4
+ import { Color } from '../../styles';
4
5
  export interface DropdownMenuProps<T = Record<string, unknown>> {
5
6
  autoSelectFirst?: boolean;
7
+ borderColor?: Color;
6
8
  className?: string;
7
9
  header?: ReactNode;
8
10
  idProperty?: keyof T;
@@ -10,6 +12,7 @@ export interface DropdownMenuProps<T = Record<string, unknown>> {
10
12
  items: T[];
11
13
  /** Sets the alignment of the dropdown items. */
12
14
  justifyContent?: Property.JustifyContent;
15
+ keepOpenAfterSelection?: boolean;
13
16
  keyProperty?: (item?: T) => string;
14
17
  labelProperty?: keyof T | ((item?: T) => string);
15
18
  labelPropertyTx?: (item?: T) => string;
@@ -6,6 +6,10 @@ export interface FilterButtonProps {
6
6
  applyButtonTx?: string;
7
7
  count?: number;
8
8
  hideFilterTextInMobile?: boolean;
9
+ iconLocation?: 'left' | 'right';
10
+ label?: string;
11
+ labelTx?: string;
12
+ labelTxValues?: Record<string, unknown>;
9
13
  modalNoTopSpacing?: boolean;
10
14
  modalTitle?: string;
11
15
  modalTitleTx?: string;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgArrowDiag: React.NamedExoticComponent<object>;
3
+ export default SvgArrowDiag;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgArrowDiag24: React.NamedExoticComponent<object>;
3
+ export default SvgArrowDiag24;
@@ -14,6 +14,8 @@ export { default as ArrowChevronRight } from './ArrowChevronRight';
14
14
  export { default as ArrowChevronRight24 } from './ArrowChevronRight24';
15
15
  export { default as ArrowChevronUp } from './ArrowChevronUp';
16
16
  export { default as ArrowChevronUp24 } from './ArrowChevronUp24';
17
+ export { default as ArrowDiag } from './ArrowDiag';
18
+ export { default as ArrowDiag24 } from './ArrowDiag24';
17
19
  export { default as ArrowDown } from './ArrowDown';
18
20
  export { default as ArrowDown24 } from './ArrowDown24';
19
21
  export { default as ArrowDownload } from './ArrowDownload';
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgLogoAppleText24: React.NamedExoticComponent<object>;
3
+ export default SvgLogoAppleText24;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const SvgLogoGoogleText24: React.NamedExoticComponent<object>;
3
+ export default SvgLogoGoogleText24;
@@ -2,12 +2,14 @@ export { default as LogoAffirm } from './LogoAffirm';
2
2
  export { default as LogoAffirmColored } from './LogoAffirmColored';
3
3
  export { default as LogoApple } from './LogoApple';
4
4
  export { default as LogoAppleText } from './LogoAppleText';
5
+ export { default as LogoAppleText24 } from './LogoAppleText24';
5
6
  export { default as LogoBehance } from './LogoBehance';
6
7
  export { default as LogoFacebook } from './LogoFacebook';
7
8
  export { default as LogoGantri } from './LogoGantri';
8
9
  export { default as LogoGithub } from './LogoGithub';
9
10
  export { default as LogoGoogle } from './LogoGoogle';
10
11
  export { default as LogoGoogleText } from './LogoGoogleText';
12
+ export { default as LogoGoogleText24 } from './LogoGoogleText24';
11
13
  export { default as LogoInstagram } from './LogoInstagram';
12
14
  export { default as LogoLinkedin } from './LogoLinkedin';
13
15
  export { default as LogoPinterest } from './LogoPinterest';
@@ -1,2 +1,2 @@
1
- export declare const IconsList: readonly ["actions:funnel", "actions:funnel_24", "actions:funnel_filled", "actions:funnel_filled_24", "actions:gear", "actions:gear_24", "actions:life_buoy", "actions:life_buoy_24", "actions:link", "actions:link_24", "actions:star", "actions:star_24", "actions:star_filled", "actions:star_filled_24", "actions:star_half", "actions:star_half_24", "actions:thumbs_up", "actions:thumbs_up_24", "actions:trash_can", "actions:trash_can_24", "alert:bell", "alert:bell_24", "alert:bell_filled", "alert:bell_filled_24", "alert:i_circle", "alert:i_circle_24", "alert:lightning_bolt", "alert:lightning_bolt_24", "alert:lightning_bolt_filled", "alert:lightning_bolt_filled_24", "alert:question_mark_circle", "alert:question_mark_circle_24", "alert:warning_triangle", "alert:warning_triangle_24", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_down_24", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_left_24", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_right_24", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_double_up_24", "arrows:arrow_chevron_down", "arrows:arrow_chevron_down_24", "arrows:arrow_chevron_left", "arrows:arrow_chevron_left_24", "arrows:arrow_chevron_right", "arrows:arrow_chevron_right_24", "arrows:arrow_chevron_up", "arrows:arrow_chevron_up_24", "arrows:arrow_down", "arrows:arrow_down_24", "arrows:arrow_download", "arrows:arrow_download_24", "arrows:arrow_external", "arrows:arrow_external_24", "arrows:arrow_left", "arrows:arrow_left_24", "arrows:arrow_line_down", "arrows:arrow_line_down_24", "arrows:arrow_line_left", "arrows:arrow_line_left_24", "arrows:arrow_line_right", "arrows:arrow_line_right_24", "arrows:arrow_line_up", "arrows:arrow_line_up_24", "arrows:arrow_return", "arrows:arrow_right", "arrows:arrow_right_24", "arrows:arrow_rotate_two", "arrows:arrow_rotate_two_24", "arrows:arrow_triangle_down", "arrows:arrow_triangle_down_24", "arrows:arrow_triangle_left", "arrows:arrow_triangle_left_24", "arrows:arrow_triangle_right", "arrows:arrow_triangle_right_24", "arrows:arrow_triangle_up", "arrows:arrow_triangle_up_24", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_24", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_down_filled_24", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_filled_24", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_triangle_updown_top_filled_24", "arrows:arrow_up", "arrows:arrow_up_24", "arrows:arrow_updown", "arrows:arrow_updown_24", "arrows:arrow_updown_filled", "arrows:arrow_updown_filled_24", "arrows:arrow_upload", "arrows:arrow_upload_24", "data:chart_bar", "data:chart_bar_24", "docs:document_blank", "docs:document_blank_24", "docs:document_lines", "docs:document_lines_24", "docs:pencil", "docs:pencil_24", "location:house", "location:house_24", "location:location_california", "location:location_california_24", "location:location_pin", "location:location_pin_24", "logos:logo_affirm", "logos:logo_affirm_colored", "logos:logo_apple", "logos:logo_apple_text", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_google_text", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_tiktok", "logos:logo_twitter", "logos:logo_yotpo", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_24", "media:photo_filled", "media:photo_filled_24", "payment:cash", "payment:cash_24", "payment:credit_card", "payment:credit_card_24", "payment:gift_box", "payment:gift_box_24", "payment:gift_card", "payment:gift_card_24", "payment:shopping_bag", "payment:shopping_bag_24", "people:people", "people:people_24", "people:person", "people:person_24", "people:person_outline", "people:person_outline_24", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "ui-control:award_ribbon", "ui-control:check_mark", "ui-control:check_mark_24", "ui-control:check_mark_circle_filled", "ui-control:check_mark_circle_filled_24", "ui-control:drag", "ui-control:email", "ui-control:email_24", "ui-control:exclamation_circle_filled", "ui-control:exclamation_circle_filled_24", "ui-control:globe", "ui-control:globe_24", "ui-control:grid", "ui-control:grid_24", "ui-control:left_quote", "ui-control:lines_three", "ui-control:lines_three_24", "ui-control:lines_three_vertical", "ui-control:lines_three_vertical_24", "ui-control:lines_two", "ui-control:lines_two_24", "ui-control:lines_two_dots", "ui-control:lines_two_dots_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:minus_circle_filled", "ui-control:minus_circle_filled_24", "ui-control:pause", "ui-control:pause_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "ui-control:sound_off", "ui-control:sound_off_24", "ui-control:sound_on", "ui-control:three_dots_cluster", "ui-control:three_dots_cluster_24", "ui-control:three_dots_horizontal", "ui-control:three_dots_horizontal_24", "ui-control:x", "ui-control:x_24", "ui-control:x_small", "ui-control:x_small_24", "view:eye_open", "view:eye_open_24", "view:magnifying_glass", "view:magnifying_glass_24", "view:magnifying_glass_filled", "view:magnifying_glass_filled_24", "work:assemble", "work:assemble_24", "work:basket_filled", "work:basket_filled_24", "work:box", "work:box_24", "work:broom", "work:broom_24", "work:corner", "work:corner_24", "work:cube_outline", "work:cube_outline_24", "work:leaf", "work:leaf_24", "work:light_bulb", "work:light_bulb_24", "work:mask", "work:mask_24", "work:no_entry", "work:no_entry_24", "work:p_circle", "work:p_circle_24", "work:print_nozzle", "work:print_nozzle_24", "work:rfid_signal", "work:rfid_signal_24", "work:sand_painted", "work:sand_painted_24", "work:sand_paper", "work:sand_paper_24", "work:sand_primed", "work:sand_primed_24", "work:sd_card_filled_exclamation", "work:sd_card_filled_exclamation_24", "work:sd_card_outline", "work:sd_card_outline_24", "work:spool", "work:spool_24", "work:sun", "work:sun_24", "work:tape", "work:tape_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:triangle_ruler_filled", "work:tumbler", "work:tumbler_24", "work:water_drop", "work:water_drop_24", "work:water_drop_dotted", "work:water_drop_dotted_24", "work:wrench", "work:wrench_24"];
1
+ export declare const IconsList: readonly ["actions:funnel", "actions:funnel_24", "actions:funnel_filled", "actions:funnel_filled_24", "actions:gear", "actions:gear_24", "actions:life_buoy", "actions:life_buoy_24", "actions:link", "actions:link_24", "actions:star", "actions:star_24", "actions:star_filled", "actions:star_filled_24", "actions:star_half", "actions:star_half_24", "actions:thumbs_up", "actions:thumbs_up_24", "actions:trash_can", "actions:trash_can_24", "alert:bell", "alert:bell_24", "alert:bell_filled", "alert:bell_filled_24", "alert:i_circle", "alert:i_circle_24", "alert:lightning_bolt", "alert:lightning_bolt_24", "alert:lightning_bolt_filled", "alert:lightning_bolt_filled_24", "alert:question_mark_circle", "alert:question_mark_circle_24", "alert:warning_triangle", "alert:warning_triangle_24", "animated:loader", "arrows:arrow_chevron_double_down", "arrows:arrow_chevron_double_down_24", "arrows:arrow_chevron_double_left", "arrows:arrow_chevron_double_left_24", "arrows:arrow_chevron_double_right", "arrows:arrow_chevron_double_right_24", "arrows:arrow_chevron_double_up", "arrows:arrow_chevron_double_up_24", "arrows:arrow_chevron_down", "arrows:arrow_chevron_down_24", "arrows:arrow_chevron_left", "arrows:arrow_chevron_left_24", "arrows:arrow_chevron_right", "arrows:arrow_chevron_right_24", "arrows:arrow_chevron_up", "arrows:arrow_chevron_up_24", "arrows:arrow_diag", "arrows:arrow_diag_24", "arrows:arrow_down", "arrows:arrow_down_24", "arrows:arrow_download", "arrows:arrow_download_24", "arrows:arrow_external", "arrows:arrow_external_24", "arrows:arrow_left", "arrows:arrow_left_24", "arrows:arrow_line_down", "arrows:arrow_line_down_24", "arrows:arrow_line_left", "arrows:arrow_line_left_24", "arrows:arrow_line_right", "arrows:arrow_line_right_24", "arrows:arrow_line_up", "arrows:arrow_line_up_24", "arrows:arrow_return", "arrows:arrow_right", "arrows:arrow_right_24", "arrows:arrow_rotate_two", "arrows:arrow_rotate_two_24", "arrows:arrow_triangle_down", "arrows:arrow_triangle_down_24", "arrows:arrow_triangle_left", "arrows:arrow_triangle_left_24", "arrows:arrow_triangle_right", "arrows:arrow_triangle_right_24", "arrows:arrow_triangle_up", "arrows:arrow_triangle_up_24", "arrows:arrow_triangle_updown", "arrows:arrow_triangle_updown_24", "arrows:arrow_triangle_updown_down_filled", "arrows:arrow_triangle_updown_down_filled_24", "arrows:arrow_triangle_updown_filled", "arrows:arrow_triangle_updown_filled_24", "arrows:arrow_triangle_updown_top_filled", "arrows:arrow_triangle_updown_top_filled_24", "arrows:arrow_up", "arrows:arrow_up_24", "arrows:arrow_updown", "arrows:arrow_updown_24", "arrows:arrow_updown_filled", "arrows:arrow_updown_filled_24", "arrows:arrow_upload", "arrows:arrow_upload_24", "data:chart_bar", "data:chart_bar_24", "docs:document_blank", "docs:document_blank_24", "docs:document_lines", "docs:document_lines_24", "docs:pencil", "docs:pencil_24", "location:house", "location:house_24", "location:location_california", "location:location_california_24", "location:location_pin", "location:location_pin_24", "logos:logo_affirm", "logos:logo_affirm_colored", "logos:logo_apple", "logos:logo_apple_text", "logos:logo_apple_text_24", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "logos:logo_google_text", "logos:logo_google_text_24", "logos:logo_instagram", "logos:logo_linkedin", "logos:logo_pinterest", "logos:logo_tiktok", "logos:logo_twitter", "logos:logo_yotpo", "logos:logo_youtube", "machine:difficulty_easy", "machine:difficulty_hard", "machine:difficulty_moderate", "machine:difficulty_multiple", "machine:laptop", "media:photo", "media:photo_24", "media:photo_filled", "media:photo_filled_24", "payment:cash", "payment:cash_24", "payment:credit_card", "payment:credit_card_24", "payment:gift_box", "payment:gift_box_24", "payment:gift_card", "payment:gift_card_24", "payment:shopping_bag", "payment:shopping_bag_24", "people:people", "people:people_24", "people:person", "people:person_24", "people:person_outline", "people:person_outline_24", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "ui-control:award_ribbon", "ui-control:check_mark", "ui-control:check_mark_24", "ui-control:check_mark_circle_filled", "ui-control:check_mark_circle_filled_24", "ui-control:drag", "ui-control:email", "ui-control:email_24", "ui-control:exclamation_circle_filled", "ui-control:exclamation_circle_filled_24", "ui-control:globe", "ui-control:globe_24", "ui-control:grid", "ui-control:grid_24", "ui-control:left_quote", "ui-control:lines_three", "ui-control:lines_three_24", "ui-control:lines_three_vertical", "ui-control:lines_three_vertical_24", "ui-control:lines_two", "ui-control:lines_two_24", "ui-control:lines_two_dots", "ui-control:lines_two_dots_24", "ui-control:minus", "ui-control:minus_24", "ui-control:minus_circle", "ui-control:minus_circle_24", "ui-control:minus_circle_filled", "ui-control:minus_circle_filled_24", "ui-control:pause", "ui-control:pause_24", "ui-control:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "ui-control:sound_off", "ui-control:sound_off_24", "ui-control:sound_on", "ui-control:three_dots_cluster", "ui-control:three_dots_cluster_24", "ui-control:three_dots_horizontal", "ui-control:three_dots_horizontal_24", "ui-control:x", "ui-control:x_24", "ui-control:x_small", "ui-control:x_small_24", "view:eye_open", "view:eye_open_24", "view:magnifying_glass", "view:magnifying_glass_24", "view:magnifying_glass_filled", "view:magnifying_glass_filled_24", "work:assemble", "work:assemble_24", "work:basket_filled", "work:basket_filled_24", "work:box", "work:box_24", "work:broom", "work:broom_24", "work:corner", "work:corner_24", "work:cube_outline", "work:cube_outline_24", "work:leaf", "work:leaf_24", "work:light_bulb", "work:light_bulb_24", "work:mask", "work:mask_24", "work:no_entry", "work:no_entry_24", "work:p_circle", "work:p_circle_24", "work:print_nozzle", "work:print_nozzle_24", "work:rfid_signal", "work:rfid_signal_24", "work:sand_painted", "work:sand_painted_24", "work:sand_paper", "work:sand_paper_24", "work:sand_primed", "work:sand_primed_24", "work:sd_card_filled_exclamation", "work:sd_card_filled_exclamation_24", "work:sd_card_outline", "work:sd_card_outline_24", "work:spool", "work:spool_24", "work:sun", "work:sun_24", "work:tape", "work:tape_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:triangle_ruler_filled", "work:tumbler", "work:tumbler_24", "work:water_drop", "work:water_drop_24", "work:water_drop_dotted", "work:water_drop_dotted_24", "work:wrench", "work:wrench_24"];
2
2
  export type IconType = typeof IconsList[number];
@@ -3,6 +3,7 @@ export * from './badge';
3
3
  export * from './box';
4
4
  export * from './breadcrumbs';
5
5
  export * from './button';
6
+ export * from './button-menu';
6
7
  export * from './cell';
7
8
  export * from './checkbox';
8
9
  export * from './circular-progress';
@@ -1,3 +1,4 @@
1
1
  export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
2
  export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const StyledBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const StyledContentBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -26,6 +26,7 @@ export interface OverlayProps {
26
26
  parentContainer?: HTMLElement;
27
27
  position?: OverlayPosition;
28
28
  prerenderContent?: boolean;
29
+ showBackdropOnManualMode?: boolean;
29
30
  triggerEvent?: 'click' | 'hover' | 'manual';
30
31
  }
31
32
  export interface UseOverlayParams {