gantri-components 2.0.0-beta.5 → 2.0.0-beta.7
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/components/aspect-ratio/aspect-ratio.styles.d.ts +3 -2
- package/dist/components/box/box.types.d.ts +1 -1
- package/dist/components/button/button.types.d.ts +4 -4
- package/dist/components/checkbox/checkbox.types.d.ts +1 -1
- package/dist/components/circular-progress/circular-progress.types.d.ts +1 -1
- package/dist/components/color-picker/color-picker.types.d.ts +1 -1
- package/dist/components/confirmation-modal/useConfirmationModal.d.ts +2 -2
- package/dist/components/dropdown/dropdown.types.d.ts +2 -2
- package/dist/components/icon/icon.type.d.ts +1 -1
- package/dist/components/icon/icon.types.d.ts +1 -1
- package/dist/components/image/image.helpers.d.ts +1 -1
- package/dist/components/image/image.types.d.ts +8 -8
- package/dist/components/modal/modal-context.d.ts +1 -1
- package/dist/components/modal/useModal.d.ts +2 -2
- package/dist/components/overlay/helpers/placement-js/placement-js.d.ts +2 -2
- package/dist/components/overlay/overlay.types.d.ts +1 -1
- package/dist/components/radio/radio.types.d.ts +1 -1
- package/dist/components/tabs/tabs.content.d.ts +1 -1
- package/dist/components/text-field/text-field.types.d.ts +1 -1
- package/dist/components/toggle/toggle.types.d.ts +1 -1
- package/dist/components/tooltip/tooltip.types.d.ts +6 -6
- package/dist/components/typography/typography.types.d.ts +4 -4
- package/dist/global/typings/common.d.ts +4 -4
- package/dist/helpers/get-file-url/get-file-url.types.d.ts +1 -1
- package/dist/helpers/get-folder-structure/get-folder-structure.types.d.ts +1 -1
- package/dist/helpers/get-folder-structure/globals.types.d.ts +3 -3
- package/dist/helpers/get-folder-structure/helpers/get-designers-path/get-designers-path.types.d.ts +2 -2
- package/dist/helpers/get-folder-structure/helpers/get-designs-path/get-designs-path.types.d.ts +2 -2
- package/dist/helpers/get-folder-structure/helpers/get-downloads-path/get-downloads-path.types.d.ts +2 -2
- package/dist/helpers/get-folder-structure/helpers/get-floating-parts-path/get-floating-parts-path.types.d.ts +2 -2
- package/dist/helpers/get-folder-structure/helpers/get-inventory-purchases-path/get-inventory-purchases-path.types.d.ts +2 -2
- package/dist/helpers/get-folder-structure/helpers/get-products-path/get-products-path.types.d.ts +2 -2
- package/dist/helpers/get-folder-structure/helpers/get-users-path/get-users-path.types.d.ts +2 -2
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/styles/theme.d.ts +6 -4
- package/dist/test-utils/render-with-providers.d.ts +3 -3
- package/dist/types/common.d.ts +1 -1
- package/dist/types/resolution-aware-prop.type.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Property } from 'csstype';
|
|
2
|
+
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
2
3
|
import { AspectRatioProps } from './aspect-ratio.types';
|
|
3
|
-
export declare const populateAspectRatioStyles: (aspectRatio: ResolutionAwareProp<string>, height?:
|
|
4
|
+
export declare const populateAspectRatioStyles: (aspectRatio: ResolutionAwareProp<string>, height?: ResolutionAwareProp<Property.Height>) => import("styled-components").FlattenSimpleInterpolation;
|
|
4
5
|
export declare const StyledAspectRatio: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Partial<AspectRatioProps>, never>;
|
|
5
6
|
export declare const StyledAspectRatioContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -2,7 +2,7 @@ import { HTMLAttributes } from 'react';
|
|
|
2
2
|
import { Globals, Property } from 'csstype';
|
|
3
3
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
4
4
|
import { Color } from '../../styles';
|
|
5
|
-
export
|
|
5
|
+
export type BoxDimension = 's1' | 's2' | 's3' | 's4' | 's5' | 's6' | Globals | string;
|
|
6
6
|
export interface BaseProps extends HTMLAttributes<any> {
|
|
7
7
|
children?: any;
|
|
8
8
|
className?: string;
|
|
@@ -3,10 +3,10 @@ import { Property } from 'csstype';
|
|
|
3
3
|
import { BaseProps } from '../box/box.types';
|
|
4
4
|
import { TextVariant } from '../typography';
|
|
5
5
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
6
|
+
export type ButtonVariant = 'default' | 'primary' | 'secondary' | 'action';
|
|
7
|
+
export type ButtonColor = 'primary' | 'primaryAlt' | 'black' | 'alert' | 'secondary' | 'secondaryAlt' | 'blue' | 'green' | 'contrast';
|
|
8
|
+
export type ButtonWidth = 'sm' | 'md' | 'lg' | string;
|
|
9
|
+
export type ButtonSize = 'extraLarge' | 'large' | 'small' | 'mini' | string;
|
|
10
10
|
export interface ButtonProps extends BaseProps {
|
|
11
11
|
alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
|
|
12
12
|
borderRadius?: ResolutionAwareProp<Property.BorderRadius>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { JSXElementConstructor } from 'react';
|
|
2
2
|
import { TextVariant } from '../typography';
|
|
3
3
|
import { FieldChangeEvent } from '../text-field';
|
|
4
|
-
export
|
|
4
|
+
export type CheckboxVariant = 'primary' | 'alert';
|
|
5
5
|
export interface CheckboxProps<T = boolean> {
|
|
6
6
|
/** Overrides `labelTx` and `labelText` props to render `Component` inside a `label` element. */
|
|
7
7
|
Component?: JSXElementConstructor<{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Property } from 'csstype';
|
|
2
|
-
export
|
|
2
|
+
export type CircularProgressBaseSize = 'small' | 'medium' | 'large';
|
|
3
3
|
export interface CircularProgressProps {
|
|
4
4
|
size?: CircularProgressBaseSize | Property.Height;
|
|
5
5
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ChangeEvent } from 'react';
|
|
2
2
|
import { ProductColorCode } from '../../styles/theme';
|
|
3
|
-
export
|
|
3
|
+
export type ColorPickerVariant = 'large' | 'small';
|
|
4
4
|
export interface ColorPickerProps extends Partial<ColorPickerDefaultProps> {
|
|
5
5
|
labelText?: string;
|
|
6
6
|
labelTx?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { UseConfirmationModalProps } from './useConfirmationModal.types';
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
type ShowModal = () => void;
|
|
3
|
+
type HideModal = () => void;
|
|
4
4
|
export declare const useConfirmationModal: (props: UseConfirmationModalProps, dependencies?: unknown[]) => [ShowModal, HideModal];
|
|
5
5
|
export {};
|
|
@@ -3,7 +3,7 @@ import { Property } from 'csstype';
|
|
|
3
3
|
import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
|
|
4
4
|
import { ErrorMessageType } from '../text-field';
|
|
5
5
|
import { Maybe } from '../../global';
|
|
6
|
-
export
|
|
6
|
+
export type DropdownVariant = 'inline' | 'external';
|
|
7
7
|
export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
|
|
8
8
|
borderless?: boolean;
|
|
9
9
|
className?: string;
|
|
@@ -49,7 +49,7 @@ export interface BlurChangeEvent extends Pick<FocusEvent<HTMLDivElement>, Exclud
|
|
|
49
49
|
name: string;
|
|
50
50
|
};
|
|
51
51
|
}
|
|
52
|
-
export
|
|
52
|
+
export type DefaultDropdownRecord<T extends number | string = string> = {
|
|
53
53
|
label: string;
|
|
54
54
|
value: T;
|
|
55
55
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const IconsList: readonly ["actions:funnel", "actions:funnel_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: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_apple", "logos:logo_behance", "logos:logo_facebook", "logos:logo_gantri", "logos:logo_github", "logos:logo_google", "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", "time:calendar", "time:calendar_24", "time:clock", "time:clock_24", "time:clock_filled", "time:clock_filled_24", "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: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_two", "ui-control:lines_two_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:play", "ui-control:plus", "ui-control:plus_24", "ui-control:plus_circle", "ui-control:plus_circle_24", "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", "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: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_paper", "work:sand_paper_24", "work:sun", "work:sun_24", "work:triangle_ruler", "work:triangle_ruler_24", "work:water_drop", "work:water_drop_24", "work:wrench", "work:wrench_24"];
|
|
2
|
-
export
|
|
2
|
+
export type IconType = typeof IconsList[number];
|
|
@@ -16,4 +16,4 @@ export interface IconProps extends SVGProps<any> {
|
|
|
16
16
|
top?: Property.Top;
|
|
17
17
|
width?: ResolutionAwareProp<Property.Width<string | any>>;
|
|
18
18
|
}
|
|
19
|
-
export
|
|
19
|
+
export type IconDefaultProps = Required<Pick<IconProps, 'color' | 'cursor' | 'opacity' | 'size'>>;
|
|
@@ -3,5 +3,5 @@ import { AspectRatio, Dpr, ImageDimension, ImageProps, ImageSource, Transformati
|
|
|
3
3
|
import { ResolutionAwarePropBase } from '../../types/resolution-aware-prop.type';
|
|
4
4
|
import { Optional } from '../../types/common';
|
|
5
5
|
export declare const extractSizePropertyValue: (prop: Optional<ImageDimension>) => Optional<ImageDimension>;
|
|
6
|
-
export declare const generateCloudinaryUrl: (source: ImageSource, imageName?: string
|
|
6
|
+
export declare const generateCloudinaryUrl: (source: ImageSource, imageName?: string, aspectRatio?: AspectRatio, width?: Optional<ImageDimension>, height?: Optional<ImageDimension>, mode?: Optional<TransformationMode>, quality?: Optional<TransformationQuality>, dpr?: Optional<Dpr>, type?: Optional<TransformationType>, gravity?: Optional<IGravity>) => string;
|
|
7
7
|
export declare const generateImages: (params: Partial<ImageProps>, type?: TransformationType) => string | ResolutionAwarePropBase<string>;
|
|
@@ -4,10 +4,10 @@ import { IGravity } from '@cloudinary/url-gen/qualifiers/gravity/GravityQualifie
|
|
|
4
4
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
5
5
|
import { Color } from '../../styles';
|
|
6
6
|
import { Optional } from '../../types/common';
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
7
|
+
export type AspectRatio = 'unset' | string | number;
|
|
8
|
+
export type ImageDimension = string | number | 'unset';
|
|
9
|
+
export type Dpr = number | 'auto';
|
|
10
|
+
export type ImageTransformationsVariant = 'f' | 'h' | 'q' | 'ffh' | 'hff' | 'hhf';
|
|
11
11
|
export interface ImageProps {
|
|
12
12
|
alt: string;
|
|
13
13
|
className?: string;
|
|
@@ -54,11 +54,11 @@ export interface Transformations {
|
|
|
54
54
|
quality?: TransformationQuality;
|
|
55
55
|
width?: ImageDimension;
|
|
56
56
|
}
|
|
57
|
-
export
|
|
58
|
-
export
|
|
59
|
-
export
|
|
57
|
+
export type ImageSource = 'static' | 'dynamic' | 'absolute';
|
|
58
|
+
export type TransformationMode = 'scale' | 'limitFit' | 'limitFill' | 'limitPad' | 'fill' | 'fit' | 'crop' | 'pad' | 'imaggaCrop' | 'imaggaScale' | 'minimumFit' | 'minimumPad' | 'fillPad';
|
|
59
|
+
export type TransformationQuality = 'auto' | 'autoBest' | 'autoEco' | 'autoGood' | 'autoLow' | 'jpegmini' | 'jpegminiBest' | 'jpegminiHigh' | 'jpegminiMedium';
|
|
60
60
|
export interface StyledImageContainerProps extends Pick<ImageProps, 'containerAspectRatio' | 'width' | 'height' | 'fallbackColor' | 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'> {
|
|
61
61
|
}
|
|
62
62
|
export interface StyledImageProps extends Pick<ImageProps, 'objectFit' | 'objectPosition'> {
|
|
63
63
|
}
|
|
64
|
-
export
|
|
64
|
+
export type TransformationType = 'image' | 'video';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponent } from 'react';
|
|
2
2
|
import { ModalProps } from './modal.types';
|
|
3
|
-
export
|
|
3
|
+
export type ModalType = FunctionComponent<ModalProps>;
|
|
4
4
|
export interface ModalContextType {
|
|
5
5
|
hideModal(key: string): void;
|
|
6
6
|
showModal(key: string, component: ModalType): void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DependencyList } from 'react';
|
|
2
2
|
import { ModalType } from './modal-context';
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
type ShowModal = () => void;
|
|
4
|
+
type HideModal = () => void;
|
|
5
5
|
export declare const useModal: (component: ModalType, inputs?: DependencyList) => [ShowModal, HideModal];
|
|
6
6
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export
|
|
1
|
+
export type Options = {
|
|
2
2
|
bound?: boolean;
|
|
3
3
|
cap?: boolean;
|
|
4
4
|
flip?: boolean;
|
|
5
5
|
placement?: Placement;
|
|
6
6
|
};
|
|
7
|
-
|
|
7
|
+
type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
|
|
8
8
|
export declare function placement(anchor: HTMLElement, overlay: HTMLElement, options: Options): void;
|
|
9
9
|
export {};
|
|
@@ -30,4 +30,4 @@ export interface UseOverlayParams {
|
|
|
30
30
|
content: ReactNode;
|
|
31
31
|
position?: OverlayPosition;
|
|
32
32
|
}
|
|
33
|
-
export
|
|
33
|
+
export type OverlayPosition = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ChangeEvent, CSSProperties, FocusEvent, HTMLInputTypeAttribute, KeyboardEventHandler, MouseEvent, ReactElement } from 'react';
|
|
2
2
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
3
3
|
import { BoxDimension } from '../box/box.types';
|
|
4
|
-
export
|
|
4
|
+
export type ErrorMessageType = string | {
|
|
5
5
|
tx: string;
|
|
6
6
|
values?: {
|
|
7
7
|
[key: string]: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
|
|
2
2
|
import { TextVariant } from '../typography';
|
|
3
3
|
import { ErrorMessageType } from '../text-field';
|
|
4
|
-
export
|
|
4
|
+
export type ToggleVariant = 'primary' | 'alert';
|
|
5
5
|
export interface ToggleProps extends Pick<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'onChange' | 'onBlur' | 'onFocus'> {
|
|
6
6
|
checked?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { CSSProperties } from 'styled-components';
|
|
3
3
|
import { OverlayProps } from '../overlay/overlay.types';
|
|
4
|
-
export
|
|
5
|
-
|
|
4
|
+
export type TooltipProps = TooltipBaseProps & TriggerEventProps;
|
|
5
|
+
type TooltipBaseProps = Partial<TooltipDefaultProps> & {
|
|
6
6
|
/**
|
|
7
7
|
* If specified, it will take preference over title/description
|
|
8
8
|
* */
|
|
@@ -12,18 +12,18 @@ declare type TooltipBaseProps = Partial<TooltipDefaultProps> & {
|
|
|
12
12
|
title?: string;
|
|
13
13
|
titleTx?: string;
|
|
14
14
|
};
|
|
15
|
-
export
|
|
15
|
+
export type TooltipDefaultProps = Required<Pick<OverlayProps, 'position'>> & TriggerEventProps & {
|
|
16
16
|
overlayContainerStyles: CSSProperties;
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
type TriggerEventProps = WithManualTriggerEvent | WithoutManualTriggerEvent;
|
|
19
|
+
type WithManualTriggerEvent = {
|
|
20
20
|
onClose?: OverlayProps['onClose'];
|
|
21
21
|
onOpen?: OverlayProps['onOpen'];
|
|
22
22
|
/** Used when `triggerEvent === 'manual'` */
|
|
23
23
|
open: boolean;
|
|
24
24
|
triggerEvent: Extract<OverlayProps['triggerEvent'], 'manual'>;
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
type WithoutManualTriggerEvent = {
|
|
27
27
|
onClose?: OverlayProps['onClose'];
|
|
28
28
|
onOpen?: OverlayProps['onOpen'];
|
|
29
29
|
open?: never;
|
|
@@ -2,10 +2,10 @@ import { Property } from 'csstype';
|
|
|
2
2
|
import { DefaultTheme } from 'styled-components';
|
|
3
3
|
import { AriaAttributes, CSSProperties } from 'react';
|
|
4
4
|
import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
5
|
+
export type TextAlign = 'string' | 'left' | 'center' | 'right' | 'unset';
|
|
6
|
+
export type TypographyColor = keyof DefaultTheme['colors']['typography'];
|
|
7
|
+
export type TextVariant = 'p0' | 'p1' | 'p2' | 'p3' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'hero' | string;
|
|
8
|
+
export type TextStyle = 'regular' | 'bold';
|
|
9
9
|
export interface TypographyProps extends Partial<TypographyDefaultProps>, AriaAttributes {
|
|
10
10
|
align?: ResolutionAwareProp<string>;
|
|
11
11
|
alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type Maybe<T> = T | null;
|
|
2
|
+
export type Exact<T extends {
|
|
3
3
|
[key: string]: unknown;
|
|
4
4
|
}> = {
|
|
5
5
|
[K in keyof T]: T[K];
|
|
6
6
|
};
|
|
7
|
-
export
|
|
7
|
+
export type MakeOptional<T, K extends keyof T> = Omit<T, K> & {
|
|
8
8
|
[SubKey in K]?: Maybe<T[SubKey]>;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type MakeMaybe<T, K extends keyof T> = Omit<T, K> & {
|
|
11
11
|
[SubKey in K]: Maybe<T[SubKey]>;
|
|
12
12
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { GetFolderStructureArgs } from '../get-folder-structure/get-folder-structure.types';
|
|
2
2
|
import { DirectoryName } from '../get-folder-structure/globals.types';
|
|
3
|
-
export
|
|
3
|
+
export type GetFileUrlArgs<Directory extends DirectoryName> = GetFolderStructureArgs<Directory> & {
|
|
4
4
|
fileName: string;
|
|
5
5
|
};
|
|
@@ -6,4 +6,4 @@ import { GetInventoryPurchasesArgs, InventoryPurchasesFileType } from './helpers
|
|
|
6
6
|
import { DownloadsFileType, GetDownloadsArgs } from './helpers/get-downloads-path/get-downloads-path.types';
|
|
7
7
|
import { GetUsersArgs, UsersFileType } from './helpers/get-users-path/get-users-path.types';
|
|
8
8
|
import { DesignsFileType, GetDesignsArgs } from './helpers/get-designs-path/get-designs-path.types';
|
|
9
|
-
export
|
|
9
|
+
export type GetFolderStructureArgs<Directory extends DirectoryName> = Directory extends 'products' ? GetProductsArgs<ProductsFileType> : Directory extends 'designers' ? GetDesignersArgs<DesignersFileType> : Directory extends 'floating-parts' ? GetFloatingPartsArgs<FloatingPartsFileType> : Directory extends 'inventory-purchases' ? GetInventoryPurchasesArgs<InventoryPurchasesFileType> : Directory extends 'downloads' ? GetDownloadsArgs<DownloadsFileType> : Directory extends 'users' ? GetUsersArgs<UsersFileType> : Directory extends 'designs' ? GetDesignsArgs<DesignsFileType> : never;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
1
|
+
export type DirectoryName = 'designers' | 'designs' | 'downloads' | 'floating-parts' | 'inventory-purchases' | 'parts' | 'products' | 'stocks' | 'users';
|
|
2
|
+
export type TemplateVersion = 'draft' | string;
|
|
3
|
+
export type Environment = 'local' | 'develop' | 'staging' | 'production';
|
package/dist/helpers/get-folder-structure/helpers/get-designers-path/get-designers-path.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type DesignersFileType = 'collection-pages-lifestyle-imagery' | 'collection-pages-value-props' | 'collection-pages' | 'editorial-imagery' | 'handouts' | 'headshot' | 'hero-imagery' | 'logo' | 'process-imagery' | 'quote-imagery';
|
|
3
3
|
interface DesignersRootLevel {
|
|
4
4
|
/** User ID, NOT designer ID! */
|
|
5
5
|
userId: number;
|
|
@@ -13,5 +13,5 @@ interface DesignersArgs<FileType extends DesignersFileType, Identifiers extends
|
|
|
13
13
|
fileType: FileType;
|
|
14
14
|
identifiers: Identifiers;
|
|
15
15
|
}
|
|
16
|
-
export
|
|
16
|
+
export type GetDesignersArgs<FileType extends DesignersFileType> = FileType extends 'editorial-imagery' | 'handouts' | 'headshot' | 'hero-imagery' | 'logo' | 'process-imagery' | 'quote-imagery' ? DesignersArgs<FileType, DesignersRootLevel> : FileType extends 'collection-pages-lifestyle-imagery' | 'collection-pages-value-props' | 'collection-pages' ? DesignersArgs<FileType, DesignersCollectionPagesLevel> : never;
|
|
17
17
|
export {};
|
package/dist/helpers/get-folder-structure/helpers/get-designs-path/get-designs-path.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type DesignsFileType = 'concept-sketches' | 'concept-interior-fit' | 'model-assembly' | 'model-parts' | 'prototype-renders' | 'final-renders' | 'messages';
|
|
3
3
|
interface DesignsRootLevel {
|
|
4
4
|
designId: number;
|
|
5
5
|
}
|
|
@@ -9,5 +9,5 @@ interface DesignsArgs<FileType extends DesignsFileType, Identifiers extends Reco
|
|
|
9
9
|
fileType: FileType;
|
|
10
10
|
identifiers: Identifiers;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type GetDesignsArgs<FileType extends DesignsFileType> = FileType extends 'concept-sketches' | 'concept-interior-fit' | 'model-assembly' | 'model-parts' | 'prototype-renders' | 'final-renders' | 'messages' ? DesignsArgs<FileType, DesignsRootLevel> : never;
|
|
13
13
|
export {};
|
package/dist/helpers/get-folder-structure/helpers/get-downloads-path/get-downloads-path.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type DownloadsFileType = 'download';
|
|
3
3
|
interface DownloadsRootLevel {
|
|
4
4
|
downloadId: number;
|
|
5
5
|
}
|
|
@@ -9,5 +9,5 @@ interface DownloadsArgs<Identifiers extends Record<string, any>> {
|
|
|
9
9
|
fileType: DownloadsFileType;
|
|
10
10
|
identifiers: Identifiers;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type GetDownloadsArgs<FileType extends DownloadsFileType> = FileType extends 'download' ? DownloadsArgs<DownloadsRootLevel> : never;
|
|
13
13
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type FloatingPartsFileType = 'part-files' | 'instructions';
|
|
3
3
|
interface FloatingPartsRootLevel {
|
|
4
4
|
partId: number;
|
|
5
5
|
}
|
|
@@ -9,5 +9,5 @@ interface FloatingPartsArgs<FileType extends FloatingPartsFileType, Identifiers
|
|
|
9
9
|
fileType: FileType;
|
|
10
10
|
identifiers: Identifiers;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type GetFloatingPartsArgs<FileType extends FloatingPartsFileType> = FileType extends 'part-files' | 'instructions' ? FloatingPartsArgs<FileType, FloatingPartsRootLevel> : never;
|
|
13
13
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type InventoryPurchasesFileType = 'purchase';
|
|
3
3
|
interface InventoryPurchasesRootLevel {
|
|
4
4
|
inventoryId: number;
|
|
5
5
|
purchaseDate: number | Date;
|
|
@@ -11,5 +11,5 @@ interface InventoryPurchasesArgs<Identifiers extends Record<string, any>> {
|
|
|
11
11
|
fileType: InventoryPurchasesFileType;
|
|
12
12
|
identifiers: Identifiers;
|
|
13
13
|
}
|
|
14
|
-
export
|
|
14
|
+
export type GetInventoryPurchasesArgs<FileType extends InventoryPurchasesFileType> = FileType extends 'purchase' ? InventoryPurchasesArgs<InventoryPurchasesRootLevel> : never;
|
|
15
15
|
export {};
|
package/dist/helpers/get-folder-structure/helpers/get-products-path/get-products-path.types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment, TemplateVersion } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type ProductsFileType = 'bulb-change-instructions' | 'dimming-photos' | 'handouts' | 'instructions' | 'lifestyle-photos' | 'model' | 'part-files' | 'product-photos' | 'scale-photo' | 'value-props';
|
|
3
3
|
interface ProductsRootLevel {
|
|
4
4
|
productId: number;
|
|
5
5
|
}
|
|
@@ -16,5 +16,5 @@ interface ProductsArgs<FileType extends ProductsFileType, Identifiers extends Re
|
|
|
16
16
|
fileType: FileType;
|
|
17
17
|
identifiers: Identifiers;
|
|
18
18
|
}
|
|
19
|
-
export
|
|
19
|
+
export type GetProductsArgs<FileType extends ProductsFileType> = FileType extends 'bulb-change-instructions' | 'handouts' | 'value-props' ? ProductsArgs<FileType, ProductsRootLevel> : FileType extends 'dimming-photos' | 'lifestyle-photos' | 'model' | 'product-photos' | 'scale-photo' ? ProductsArgs<FileType, ProductsSkuLevel> : FileType extends 'instructions' | 'part-files' ? ProductsArgs<FileType, ProductsTemplateLevel> : never;
|
|
20
20
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Environment } from '../../globals.types';
|
|
2
|
-
export
|
|
2
|
+
export type UsersFileType = 'resale-certificate';
|
|
3
3
|
interface UsersRootLevel {
|
|
4
4
|
userId: number;
|
|
5
5
|
}
|
|
@@ -9,5 +9,5 @@ interface UsersArgs<Identifiers extends Record<string, any>> {
|
|
|
9
9
|
fileType: UsersFileType;
|
|
10
10
|
identifiers: Identifiers;
|
|
11
11
|
}
|
|
12
|
-
export
|
|
12
|
+
export type GetUsersArgs<FileType extends UsersFileType> = FileType extends 'resale-certificate' ? UsersArgs<UsersRootLevel> : never;
|
|
13
13
|
export {};
|