widenarrow-ui 0.1.15 → 0.1.17

package/lib/assets/svg/formatCode.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    className?: string;
+}
+declare const Icon: FC<Props>;
+export default Icon;

package/lib/assets/svg/notificationActive.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Props {
+    className?: string;
+}
+declare const Icon: FC<Props>;
+export default Icon;

package/lib/components/Button/Button.d.ts

@@ -3,7 +3,7 @@ import { HierarchyTypes, SizeTypes, IconTypes } from 'src/constants';
 interface Props {
     text?: string;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
-    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
+    type?: `${HierarchyTypes}`;
     size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
     icon?: `${IconTypes}`;
     withIconLeft?: boolean;
@@ -12,7 +12,7 @@ interface Props {
     toolTip?: string;
     style?: CSSProperties;
     withEllipsis?: boolean;
-    rotateIcon?: boolean;
+    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
     id?: string | number;
     loading?: boolean;
     autoFocus?: boolean;

package/lib/components/Button/Button.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Button>;
 export declare const Primary: Story;
 export declare const Secondary: Story;
+export declare const Tertiary: Story;
 export declare const WithIcon: Story;
 export declare const WithChildren: Story;
 export declare const LoadingState: Story;

package/lib/components/DropDown/DropDown.d.ts

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from 'react';
+import { Placement, PositioningStrategy } from '@popperjs/core';
+interface Props {
+    children: ReactNode[] | ReactNode;
+    buttonComponent: ReactNode;
+    buttonCallbackName?: string;
+    footerComponent?: ReactNode;
+    title?: string;
+    className?: string;
+    childrenClassName?: string;
+    dark?: boolean;
+    withArrow?: boolean;
+    loading?: boolean;
+    childrenIsList?: boolean;
+    withVisibleOverflow?: boolean;
+    placement?: Placement;
+    strategy?: PositioningStrategy;
+    offset?: {
+        horizontal: number;
+        vertical: number;
+    };
+    arrowPadding?: number;
+    onCloseCallback?: () => void;
+    onOpenCallback?: () => void;
+}
+declare const DropDown: FC<Props>;
+export default DropDown;

package/lib/components/DropDown/DropDown.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import DropDown from 'src/components/DropDown';
+declare const meta: Meta<typeof DropDown>;
+export default meta;
+type Story = StoryObj<typeof DropDown>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/lib/components/DropDown/index.d.ts

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

package/lib/components/DropDown/useHandleClickOutside.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+type UseHandleClickOutsideReturn = {
+    ref: RefObject<HTMLDivElement>;
+};
+export default function useHandleClickOutside(callback: (...args: unknown[]) => void): UseHandleClickOutsideReturn;
+export {};

package/lib/components/DropDownItem/DropDownItem.d.ts

@@ -0,0 +1,20 @@
+import { FC, MouseEvent } from 'react';
+import { ColorTypes, IconTypes, SizeTypes, HierarchyTypes } from 'src/constants';
+interface Props {
+    text: string;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    active?: boolean;
+    withChevronRight?: boolean;
+    disabled?: boolean;
+    wrapperElement?: 'div' | 'li';
+    className?: string;
+    type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
+    leftIcon?: `${IconTypes}`;
+    rightIcon?: `${IconTypes}`;
+    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    iconColor: `${ColorTypes}`;
+    iconClassName?: string;
+}
+declare const DropDownItem: FC<Props>;
+export default DropDownItem;

package/lib/components/DropDownItem/DropDownItem.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import DropDownItem from 'src/components/DropDownItem';
+declare const meta: Meta<typeof DropDownItem>;
+export default meta;
+type Story = StoryObj<typeof DropDownItem>;
+export declare const Primary: Story;
+export declare const Secondary: Story;

package/lib/components/DropDownItem/index.d.ts

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

package/lib/components/FacetButton/FacetButton.d.ts

@@ -0,0 +1,17 @@
+import { FC, MouseEvent, ReactNode } from 'react';
+import { IconTypes } from 'src/constants';
+interface Props {
+    text?: string;
+    id?: string | number;
+    onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
+    selected?: boolean;
+    truncateText?: boolean;
+    icon?: `${IconTypes}`;
+    children?: ReactNode;
+    className?: string;
+    toolTip?: string;
+    percent: number;
+}
+declare const FacetButton: FC<Props>;
+export default FacetButton;

package/lib/components/FacetButton/FacetButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import FacetButton from 'src/components/FacetButton';
+declare const meta: Meta<typeof FacetButton>;
+export default meta;
+type Story = StoryObj<typeof FacetButton>;
+export declare const Default: Story;
+export declare const Primary: Story;

package/lib/components/FacetButton/index.d.ts

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

package/lib/components/FormSkeleton/FormSkeleton.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface Props {
+    className?: string;
+    block: Array<{
+        height: number;
+        col: number;
+    }>;
+}
+declare const FormSkeleton: FC<Props>;
+export default FormSkeleton;

package/lib/components/FormSkeleton/index.d.ts

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

package/lib/components/IconButton/IconButton.d.ts

@@ -1,7 +1,6 @@
 import { MouseEvent } from 'react';
-import { SizeTypes } from 'src/constants';
+import { SizeTypes, HierarchyTypes, ColorTypes } from 'src/constants';
 import { SizeStyleInterface, IconStyleInterface } from 'src/types/styling';
-import { HierarchyTypes } from 'src/constants';
 interface Props extends IconStyleInterface, SizeStyleInterface {
     className?: string;
     rotateIcon?: boolean;
@@ -10,6 +9,7 @@ interface Props extends IconStyleInterface, SizeStyleInterface {
     type?: HierarchyTypes.PRIMARY | HierarchyTypes.SECONDARY;
     onClickCallback?: (e: MouseEvent<HTMLButtonElement>) => void;
     iconSize?: `${SizeTypes}`;
+    iconColor?: `${ColorTypes}`;
     href?: string;
     disabled?: boolean;
     toolTip?: string;

package/lib/components/MultiActionButton/MultiActionButton.d.ts

@@ -0,0 +1,23 @@
+import { FC, MouseEvent } from 'react';
+import { HierarchyTypes, SizeTypes, IconTypes } from 'src/constants';
+interface Props {
+    text?: string;
+    OnLeftClickCallback: (e: MouseEvent<HTMLButtonElement>) => void;
+    onRightClickCallback: (e: MouseEvent<HTMLButtonElement>) => void;
+    type?: `${HierarchyTypes}`;
+    size?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    iconSize?: SizeTypes.SMALL | SizeTypes.MEDIUM | SizeTypes.LARGE;
+    icon?: `${IconTypes}`;
+    rotateIconByDegree?: 0 | 45 | 90 | 135 | 180 | 225 | 270 | 315;
+    disabled?: boolean;
+    className?: string;
+    iconClassName?: string;
+    toolTip?: string;
+    id?: string | number;
+    loading?: boolean;
+    autoFocus?: boolean;
+    ariaLabel?: string;
+    tabIndex?: number;
+}
+declare const MultiActionButton: FC<Props>;
+export default MultiActionButton;

package/lib/components/MultiActionButton/MultiActionButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import MultiActionButton from 'src/components/MultiActionButton';
+declare const meta: Meta<typeof MultiActionButton>;
+export default meta;
+type Story = StoryObj<typeof MultiActionButton>;
+export declare const Default: Story;
+export declare const Primary: Story;

package/lib/components/MultiActionButton/index.d.ts

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

package/lib/constants.d.ts

@@ -86,6 +86,7 @@ export declare enum IconTypes {
     FORMAT_TEXT_ALIGN_CENTER = "iconFormatTextAlignCenter",
     FORMAT_TEXT_ALIGN_LEFT = "iconFormatTextAlignLeft",
     FORMAT_TEXT_ALIGN_RIGHT = "iconFormatTextAlignRight",
+    FORMAT_CODE = "iconFormatCode",
     GRID_MODE = "iconGridMode",
     HANDLEBAR = "iconHandleBar",
     HELP = "iconHelp",
@@ -114,6 +115,7 @@ export declare enum IconTypes {
     NEWSLETTER_OPENED = "iconNewsLetterOpened",
     NEWSLETTER_SENDER = "iconNewsLetterSender",
     NOTIFICATION = "iconNotification",
+    NOTIFICATION_ACTIVE = "iconNotificationActive",
     NO_CHANGE = "iconNoChange",
     NO_DIRECTION = "iconNoDirection",
     OPEN_IN_NEW = "iconOpenInNew",

package/lib/index.d.ts

@@ -7,6 +7,11 @@ export { default as InlineButton } from 'src/components/InlineButton/InlineButto
 export { default as IconButton } from 'src/components/IconButton/IconButton';
 export { default as Separator } from 'src/components/Separator/Separator';
 export { default as Box } from 'src/components/Box/Box';
+export { default as FormSkeleton } from 'src/components/FormSkeleton/FormSkeleton';
+export { default as DropDown } from 'src/components/DropDown/DropDown';
+export { default as DropDownItem } from 'src/components/DropDownItem/DropDownItem';
+export { default as FacetButton } from 'src/components/FacetButton/FacetButton';
+export { default as MultiActionButton } from 'src/components/MultiActionButton/MultiActionButton';
 export { default as Grid } from 'src/components/Grid/Grid';
 export { Heading, Label, Paragraph, Span } from 'src/components/Typography/Typography';
 export { AppColors, ColorTypes, HierarchyTypes, IconTypes, SizeTypes } from 'src/constants';