gantri-components 2.133.0-beta.9 → 2.133.1

package/dist/components/file-uploader/components/configured-custom-content/configured-custom-content.types.d.ts

@@ -1,6 +1,6 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type ConfiguredCustomContentProps = OptionalValues<Required<Pick<FileUploaderProps, 'CustomContent' | 'enableCopyUrl' | 'fileName' | 'fileUrl' | 'isDisabled' | 'isDraggable' | 'isReplaceable' | 'processing' | 'SortableDragHandleWrapper'>>> & {
+export type ConfiguredCustomContentProps = OptionalValues<Pick<FileUploaderProps, 'CustomContent' | 'enableCopyUrl' | 'fileName' | 'fileUrl' | 'isDraggable' | 'isReplaceable' | 'processing' | 'SortableDragHandleWrapper'>> & {
     deleteFile: () => Promise<void>;
     handleOpenFileSelect: () => void;
     isDraggingOver: boolean;

package/dist/components/file-uploader/file-uploader.styles.d.ts

@@ -2,6 +2,6 @@
 import { OptionalValues } from '../../types/common';
 export declare const StyledFileInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, OptionalValues<{
     $fileUrl: string;
-    $isDropZone: boolean;
-    disabled: boolean;
+    $isDisabled: boolean;
+    $isThumbnail: boolean;
 }, undefined>>> & string;

package/dist/components/file-uploader/file-uploader.types.d.ts

@@ -12,19 +12,16 @@ export type FileUploaderProps = {
     fileUrl: string;
     /** This function should delete the record from the database, ***then*** delete the file. */
     handleDeleteFile: HandleDeleteFile;
+    /** Provide this if supporting multiple uploads to prevent multiple calls to update the database. */
+    handleUploadsComplete: HandleUploadsComplete;
     inputName?: string;
     isActive?: boolean;
     isDisabled?: boolean;
-    /** Updates the input to be used as a file drop zone. */
-    isDropZone?: boolean;
     /** Use with variant `'thumbnail'` to always show the uploader view. */
     isUploaderOnly?: boolean;
     onBlur?: FocusEventHandler<HTMLInputElement>;
     onClick?: BoxProps['onClick'];
     onError: OnFileUploaderError;
-    onValidationCompleted?: () => void;
-    onValidationStarted?: () => void;
-    onlyUseCustomValidationFn?: boolean;
     /** Used to show loading indicator for `'thumbnail'` variant. For the `'button'` variant, it can be passed here or as part of `buttonProps`. */
     processing: boolean;
     purifyFileName?: boolean;
@@ -33,7 +30,6 @@ export type FileUploaderProps = {
     transformThumbnailSrc?: TransformThumbnailSrc;
     /** If invalid, return the error message to display. */
     validateFile?: ValidateFile;
-    validateSequentially?: boolean;
     /** The 'link' and 'plain' variants will show the 'button' variant if nothing has been uploaded yet. */
     variant: FileUploaderVariant;
 } & Partial<FileUploaderDefaultProps> & (WithDraggableProps | WithoutDraggableProps) & (WithReplaceableProps | WithoutReplaceableProps) & (ImmediatelyUploadProps | DelayUploadProps) & (WithCustomContent | WithoutCustomContent);
@@ -61,13 +57,12 @@ export interface FileMetaData {
 }
 export interface SelectedFileDetails {
     fileBlob: Blob;
-    fileExtension: string;
     fileName: string;
     fileSize: number;
     metadata: FileMetaData;
 }
 /** If invalid, return the error message to display. */
-export type ValidateFile = (file: SelectedFileDetails) => Promise<string | undefined | void> | string | undefined | void;
+export type ValidateFile = (file: SelectedFileDetails) => string | undefined | void;
 export type HandleFileSelected = (props: SelectedFileDetails) => Promise<any>;
 export type FileUploaderCustomContent = (props: {
     IconCopyUrl: () => JSX.Element;
@@ -78,7 +73,6 @@ export type FileUploaderCustomContent = (props: {
     fileName: string;
     fileUrl: string;
     handleOpenFileSelect: () => void;
-    isDisabled: boolean | undefined;
     isDraggingOver: boolean;
     processing: boolean;
 }) => JSX.Element;
@@ -93,14 +87,10 @@ export type TransformThumbnailSrc = (props: {
 type ImmediatelyUploadProps = {
     handleFileSelected?: never;
     handleUploadFile: HandleUploadFile;
-    /** Use this if supporting multiple uploads to prevent multiple calls to update the database. */
-    handleUploadsComplete: HandleUploadsComplete;
 };
 type DelayUploadProps = {
     handleFileSelected: HandleFileSelected;
     handleUploadFile?: never;
-    /** Use this if supporting multiple uploads to prevent multiple calls to update the database. */
-    handleUploadsComplete?: never;
 };
 type WithDraggableProps = {
     SortableDragHandleWrapper: (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => JSX.Element;

package/dist/components/file-uploader/helpers/get-valid-files/get-valid-files.types.d.ts

@@ -1,5 +1,5 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type GetValidFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'onlyUseCustomValidationFn' | 'transformFileName' | 'validateFile' | 'validateSequentially'>>> & {
+export type GetValidFilesProps = OptionalValues<Pick<FileUploaderProps, 'expectedExtensions' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'transformFileName' | 'validateFile'>> & {
     files: File[];
 };

package/dist/components/file-uploader/helpers/index.d.ts

@@ -2,6 +2,5 @@ export * from './get-base-64-from-blob';
 export * from './get-purified-file-name';
 export * from './get-valid-files';
 export * from './transform-file-name';
-export * from './validate-file-extension';
 export * from './validate-file-size';
 export * from './validate-image-dimensions';

package/dist/components/file-uploader/helpers/validate-image-dimensions/validate-image-dimensions.d.ts

@@ -1,3 +1,3 @@
-import { ValidateImageDimensionsProps } from './validate-image-dimensions.types';
-/** Returns error message if invalid. */
-export declare const validateImageDimensions: (props: ValidateImageDimensionsProps) => Promise<string | undefined>;
+import { ValidateImageScale } from './validate-image-dimensions.types';
+/** Returns an error message if invalid. */
+export declare const validateImageDimensions: (props: ValidateImageScale) => string | undefined;

package/dist/components/file-uploader/helpers/validate-image-dimensions/validate-image-dimensions.types.d.ts

@@ -1,13 +1,6 @@
-export type ValidateDimensionsProps = {
+export type ValidateImageScale = {
     fileName: string;
     img: HTMLImageElement;
     minHeight: number;
     minWidth: number;
 };
-export interface ValidateImageDimensionsProps {
-    fileName: string;
-    minHeight: number;
-    minWidth: number;
-    /** If file is a `Blob`, convert to base64 `src` using `getBase64FromBlob`. */
-    src: string;
-}

package/dist/components/file-uploader/hooks/use-drag-and-drop-files/use-drag-and-drop-files.d.ts

@@ -1,13 +1,8 @@
 import { DragEvent } from 'react';
 import { UseDragAndDropFilesProps } from './use-drag-and-drop-files.types';
 export declare const useDragAndDropFiles: (props: UseDragAndDropFilesProps) => {
+    isDraggingOver: boolean;
     onDragEnter: (event: DragEvent<HTMLInputElement>) => void;
     onDragLeave: (event: DragEvent<HTMLInputElement>) => void;
     onDrop: (event: DragEvent<HTMLInputElement>) => Promise<void>;
-    isDraggingOver: boolean;
-} | {
-    onDragEnter?: undefined;
-    onDragLeave?: undefined;
-    onDrop?: undefined;
-    isDraggingOver: boolean;
 };

package/dist/components/file-uploader/hooks/use-drag-and-drop-files/use-drag-and-drop-files.types.d.ts

@@ -1,4 +1,4 @@
-export interface UseDragAndDropFilesProps {
-    enable: boolean;
+import { FileUploaderProps } from '../../file-uploader.types';
+export type UseDragAndDropFilesProps = Pick<FileUploaderProps, 'variant' | 'fileUrl'> & {
     handleSelectedFiles: (files: File[]) => Promise<void>;
-}
+};

package/dist/components/file-uploader/hooks/use-uploader-actions/hooks/use-handle-selected-files/use-handle-selected-files.types.d.ts

@@ -1,7 +1,7 @@
 import { Dispatch, SetStateAction } from 'react';
 import { SelectedFileDetails, FileUploaderProps } from '../../../../file-uploader.types';
 import { OptionalValues } from '../../../../../../types/common';
-export type UseHandleSelectedFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileUrl' | 'handleFileSelected' | 'handleUploadsComplete' | 'isUploaderOnly' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'onValidationCompleted' | 'onValidationStarted' | 'onlyUseCustomValidationFn' | 'transformFileName' | 'validateFile' | 'validateSequentially'>>> & {
+export type UseHandleSelectedFilesProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileUrl' | 'handleFileSelected' | 'handleUploadsComplete' | 'isUploaderOnly' | 'maxFileSizeMB' | 'maxUploadsAllowed' | 'minImageHeight' | 'minImageWidth' | 'onError' | 'transformFileName' | 'validateFile'>>> & {
     purgeInput: () => void;
     setFileName: Dispatch<SetStateAction<string>>;
     setFileUrl: Dispatch<SetStateAction<string>>;

package/dist/components/file-uploader/hooks/use-uploader-actions/use-uploader-actions.types.d.ts

@@ -1,5 +1,5 @@
 import { FileUploaderProps } from '../../file-uploader.types';
 import { OptionalValues } from '../../../../types/common';
-export type UseUploadActionsProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileName' | 'fileUrl' | 'handleDeleteFile' | 'handleFileSelected' | 'handleUploadsComplete' | 'handleUploadFile' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'onValidationCompleted' | 'onValidationStarted' | 'onlyUseCustomValidationFn' | 'purifyFileName' | 'transformFileName' | 'validateFile' | 'validateSequentially'>>> & Partial<Pick<FileUploaderProps, 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>> & {
+export type UseUploadActionsProps = OptionalValues<Required<Pick<FileUploaderProps, 'expectedExtensions' | 'fileName' | 'fileUrl' | 'handleDeleteFile' | 'handleFileSelected' | 'handleUploadsComplete' | 'handleUploadFile' | 'isUploaderOnly' | 'maxUploadsAllowed' | 'onError' | 'purifyFileName' | 'transformFileName' | 'validateFile'>>> & Partial<Pick<FileUploaderProps, 'maxFileSizeMB' | 'minImageHeight' | 'minImageWidth'>> & {
     purgeInput: () => void;
 };

package/dist/components/filter-button/filter-button.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { ButtonSize } from '../button/button.types';
 export interface FilterButtonProps {

package/dist/components/icon/generated/ui-control/PlusCircleFilled.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgPlusCircleFilled: React.NamedExoticComponent<object>;
+export default SvgPlusCircleFilled;

package/dist/components/icon/generated/ui-control/PlusCircleFilled24.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgPlusCircleFilled24: React.NamedExoticComponent<object>;
+export default SvgPlusCircleFilled24;

package/dist/components/icon/generated/ui-control/index.d.ts

@@ -34,6 +34,8 @@ export { default as Plus } from './Plus';
 export { default as Plus24 } from './Plus24';
 export { default as PlusCircle } from './PlusCircle';
 export { default as PlusCircle24 } from './PlusCircle24';
+export { default as PlusCircleFilled } from './PlusCircleFilled';
+export { default as PlusCircleFilled24 } from './PlusCircleFilled24';
 export { default as Shield } from './Shield';
 export { default as Shield24 } from './Shield24';
 export { default as SoundOff } from './SoundOff';

package/dist/components/icon/icon.type.d.ts

@@ -1,2 +1,2 @@
-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:stroke_play", "actions:stroke_play_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:shield", "ui-control:shield_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:glue", "work:glue_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"];
+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:stroke_play", "actions:stroke_play_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:plus_circle_filled", "ui-control:plus_circle_filled_24", "ui-control:shield", "ui-control:shield_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:glue", "work:glue_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"];
 export type IconType = typeof IconsList[number];

package/dist/components/pills/components/pill/pill.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface PillProps {
     icon?: JSX.Element;
     onSelected?: (value: string | number) => void;

package/dist/components/search-field/search-field.styles.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledLoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTagOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;

package/dist/components/search-field/search-field.types.d.ts

@@ -8,10 +8,14 @@ import { Maybe } from '../../global';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { TextVariant } from '../typography';
 import { TooltipProps } from '../tooltip/tooltip.types';
-export interface SearchFieldProps<T extends DynamicListItem<Record<any, any>>> extends Omit<DropdownMenuProps<T>, 'items'> {
+export interface SearchFieldProps<T extends DynamicListItem<Record<any, any> & {
+    isAddTag?: boolean;
+}>> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
     className?: string;
     clearButtonText?: string;
+    /** Create new [creatableLabel]: “tim” */
+    creatableLabel?: string;
     disabled?: boolean;
     /** Applies to any disabled tooltips within the dropdown menu. */
     disabledTooltipProps?: Partial<TooltipProps>;
@@ -21,6 +25,9 @@ export interface SearchFieldProps<T extends DynamicListItem<Record<any, any>>> e
     filterFn?: (searchBy: string, item: T) => boolean;
     hideErrors?: boolean;
     icon?: ReactElement;
+    isCreatable?: boolean;
+    /** function to determine if the creatable query string is valid to show the creatable dropdown option */
+    isValidCreatableItem?: (query: string) => boolean;
     /** Can optionally include `disabled: true` to any index to disable that item. */
     items?: DynamicListItem<T>[];
     keyProperty?: (option?: DynamicListItem<T>) => string;

package/dist/components/table/components/selectable-row-checkbox-wrapper/selectable-row-checkbox-wrapper.types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface SelectableRowCheckboxWrapperProps {
     Component: JSX.Element;
     index: number;

package/dist/components/table/components/table-draggable-row/table-draggable-row.styles.d.ts

@@ -1 +1,4 @@
+export declare const StyledDraggableRowTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
+    reorderEnabled: boolean;
+}, never>;
 export declare const StyledDraggableRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/helpers/generate-skus-functions/helpers/generate-skus-from-options/generate-skus-from-options.types.d.ts

@@ -1,4 +1,5 @@
 export interface GenerateSkusFromOptionsProps {
+    loopNum?: number;
     options: string[][];
     partialSkus: string[];
 }