@veeqo/ui 4.3.1 → 4.4.1

package/dist/components/View/View.d.ts

@@ -8,4 +8,11 @@ export interface ClassNamesReturnPayload {
     active?: string;
     counter?: string;
 }
+/**
+ *
+ * @deprecated
+ *
+ * use ViewTab component instead
+ *
+ */
 export declare const View: ({ id, iconSlot, name, type, className, colourPalette, customTextColour, count, active, onClick, onDelete, onEdit, e2eClassName, }: ViewProps) => React.JSX.Element;

package/dist/components/ViewTab/ViewTab.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ViewTabProps } from './types';
+export interface ClassNamesReturnPayload {
+    delete?: string;
+    edit?: string;
+    container?: string;
+    active?: string;
+    counter?: string;
+}
+export declare const ViewTab: ({ id, iconSlot, name, type, className, colourPalette, customTextColour, count, active, onClick, subAction, ariaContext, }: ViewTabProps) => React.JSX.Element;

package/dist/components/ViewTab/ViewTab.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ViewTab/index.d.ts

@@ -0,0 +1 @@
+export { ViewTab } from './ViewTab';

package/dist/components/ViewTab/styled.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties } from 'react';
+import { ColourPalette } from '../../theme/modules/colors';
+import { Text } from '../Text';
+import { ViewTabProps } from './types';
+type RequiredPalette = {
+    colourPalette: ColourPalette;
+};
+export type ContourProps = Pick<ViewTabProps, 'active' | 'customTextColour'> & RequiredPalette;
+export type CounterProps = Pick<ViewTabProps, 'active' | 'customTextColour'> & RequiredPalette;
+export type ViewButtonProps = Pick<ViewTabProps, 'customTextColour'>;
+declare const CounterText: import("styled-components").StyledComponent<"span", any, {} & import("../Text/types").TextProps, never>;
+declare const ThreeDotsIconStyling: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
+declare const CrossIconStyling: import("styled-components").StyledComponent<(props: any) => import("react").JSX.Element, any, {}, never>;
+declare const CounterContainer: import("styled-components").StyledComponent<"span", any, ({} & import("../Text/types").TextProps) & Pick<ViewTabProps, "active" | "customTextColour"> & RequiredPalette, never>;
+declare const Contour: import("styled-components").StyledComponent<"div", any, Pick<ViewTabProps, "active" | "customTextColour"> & RequiredPalette, never>;
+declare const ViewButton: import("styled-components").StyledComponent<any, any, object & ViewButtonProps, string | number | symbol>;
+declare const IconStyling: {
+    style: CSSProperties;
+};
+export declare const CustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { ViewButton, Contour, Text, CounterContainer, CounterText, IconStyling, ThreeDotsIconStyling, CrossIconStyling, };

package/dist/components/ViewTab/types.d.ts

@@ -0,0 +1,33 @@
+import { ReactElement } from 'react';
+import { ColourPalette } from '../../theme/modules/colors';
+export declare enum ViewTabTypes {
+    saved = "saved",
+    fixed = "fixed",
+    draft = "draft"
+}
+export type ViewTabProps = {
+    /** ClassName to override styles on outer root element */
+    className?: string;
+    /** Colour palette for the ViewTab */
+    colourPalette?: ColourPalette;
+    /** customTextColour - Custom Rest State colour */
+    customTextColour?: string;
+    /** Flag to toggle active state styles on the ViewTab */
+    active?: boolean;
+    /** ViewTab name, eg.: Jade's view */
+    name: string;
+    /** IconSlot for passing */
+    iconSlot?: ReactElement;
+    /** ViewTab's unique identifier */
+    id: string;
+    /** ViewTab type */
+    type?: keyof typeof ViewTabTypes;
+    /** Number or string value to show near viewTab label */
+    count?: number | string;
+    /** Event handler for when ViewTab component is clicked (should get activated) */
+    onClick: (id: string) => void;
+    /**  Event handler for when ViewTab component is clicked and isActive */
+    subAction?: (id: string) => void;
+    /** Context used to add to aria label, (orders or products based on page) */
+    ariaContext: string;
+};

package/dist/components/index.d.ts

@@ -50,4 +50,5 @@ export { Tooltip } from './Tooltip';
 export { UploadFile, AcceptedFileTypes, FileSizeUnit } from './UploadFile';
 export { VideoModal, Popup } from './VideoModal';
 export { View } from './View';
+export { ViewTab } from './ViewTab';
 export { WeightInput } from './WeightInput';