@veeqo/ui 6.0.0-beta.7 → 6.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/ui",
-  "version": "6.0.0-beta.7",
+  "version": "6.0.0",
   "description": "New optimised component library for Veeqo.",
   "author": "Robert Wealthall",
   "license": "ISC",
@@ -15,7 +15,6 @@
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --quiet -c .storybook -o ./public",
     "playroom:start": "playroom start",
-    "playroom:build": "playroom build",
     "rimraf": "./node_modules/rimraf/bin.js",
     "build": "rimraf dist && rollup -c",
     "test": "jest",
@@ -44,14 +43,15 @@
     "@rollup/plugin-node-resolve": "^15.2.1",
     "@rollup/plugin-terser": "^0.4.3",
     "@rollup/plugin-typescript": "^11.1.3",
-    "@storybook/addon-essentials": "^7.4.5",
-    "@storybook/addon-interactions": "^7.4.5",
-    "@storybook/addon-links": "^7.4.5",
-    "@storybook/addon-mdx-gfm": "^7.4.5",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.4.5",
-    "@storybook/react": "^7.4.5",
-    "@storybook/react-vite": "^7.4.5",
+    "@storybook/addon-actions": "^8.1.6",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-interactions": "^8.2.4",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/addon-mdx-gfm": "^8.2.4",
+    "@storybook/addon-onboarding": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "^8.11.3",
     "@testing-library/jest-dom": "^5.12.0",
@@ -78,7 +78,7 @@
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.6.14",
+    "eslint-plugin-storybook": "^0.8.0",
     "framer-motion": "^6.5.1",
     "jest": "~29.0.3",
     "jest-axe": "~6.0.0",
@@ -99,8 +99,7 @@
     "rollup": "^3.29.2",
     "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "storybook": "^7.4.5",
-    "storybook-addon-playroom": "^4.0.0",
+    "storybook": "^8.2.4",
     "style-loader": "^2.0.0",
     "styled-components": "^5.1.1",
     "ts-jest": "^29.1.1",
@@ -119,7 +118,10 @@
     "react-transition-group": "^4.3.0",
     "react-use": "^15.3.8",
     "resize-observer-polyfill": "^1.5.1",
-    "styled-components": "^5.1.1"
+    "styled-components": "^5.1.1",
+    "@internationalized/date": "^3.5.4",
+    "react-aria-components": "^1.2.1",
+    "uid": "^2.0.2"
   },
   "overrides": {
     "react-scrolllock-configurable": {

package/dist/components/ActionList/ActionList.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ActionListProps } from './types';
-export declare const ActionList: ({ title, items, sections, buttonVariant, buttonSize, }: ActionListProps) => React.JSX.Element;

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

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

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

@@ -1,36 +0,0 @@
-/// <reference types="react" />
-export declare const ListCard: import("styled-components").StyledComponent<"div", any, import("../Card/styled").SurfaceProps, never>;
-export declare const Section: import("styled-components").StyledComponent<"section", any, {}, never>;
-export declare const SectionHeading: import("styled-components").StyledComponent<"span", any, ({} & import("../Text/types").TextProps) & {
-    variant: string;
-}, "variant">;
-export declare const Item: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const ActionItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const LinkItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;

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

@@ -1,19 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonVariant } from '../Button/types';
-export type ActionListItem = {
-    title: string;
-    icon?: ReactElement;
-    variant?: 'item' | 'action' | 'link';
-    onClick: () => void;
-};
-export type ActionListSection = {
-    title?: string;
-    items: ActionListItem[];
-};
-export interface ActionListProps {
-    title: string;
-    items?: ActionListItem[];
-    sections?: ActionListSection[];
-    buttonVariant?: ButtonVariant;
-    buttonSize?: 'sm' | 'base';
-}

package/dist/components/AnimatedDropdown/components/Dropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { BasicDropdownProps } from '../types';
-export declare const Dropdown: ({ id, children, className, reversed, anchorElement, useAnchorWidth, onShouldClose, ...popoverProps }: BasicDropdownProps) => React.JSX.Element;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -1,29 +0,0 @@
-import React, { ReactElement, ReactNode } from 'react';
-import { ActionListSection } from '../ActionList/types';
-import { ButtonVariant } from '../Button/types';
-import { ShadowPropType } from './styled';
-type QuickAction = {
-    title: string;
-    icon: ReactElement;
-    variant: ButtonVariant;
-    onClick: () => void;
-};
-type BackAction = {
-    title: string;
-    onClick: () => void;
-};
-export type PageHeaderProps = {
-    title: string;
-    subtitle?: string;
-    imageSrc?: string;
-    actions?: ActionListSection[];
-    quickActions?: QuickAction[];
-    backAction?: BackAction;
-    Accessory?: ReactNode;
-    shadow?: ShadowPropType;
-    onClickPrevious?: () => void;
-    onClickNext?: () => void;
-    onClickToggleSidebar?: () => void;
-};
-export declare const PageHeader: ({ title, subtitle, imageSrc, actions, quickActions, backAction, Accessory, shadow, onClickPrevious, onClickNext, onClickToggleSidebar, }: PageHeaderProps) => React.JSX.Element;
-export {};

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

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

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

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-declare const shadows: typeof import("../../theme/modules/shadows").Shadows;
-export type ShadowPropType = keyof typeof shadows | 'none';
-interface HeaderProps {
-    shadow: ShadowPropType;
-}
-export declare const Header: import("styled-components").StyledComponent<"header", any, HeaderProps, never>;
-export declare const Title: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const Subtitle: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SidebarToggleButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: import("react").ReactNode;
-    variant?: import("../Button/types").ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    icon?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-} & import("react").RefAttributes<HTMLButtonElement>>, any, {
-    variant: "unstyled";
-}, "variant">;
-export declare const ColumnGrid: import("styled-components").StyledComponent<"div", any, any, never>;
-export {};

package/dist/components/PaginationRange/Items/Item/Item.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PaginationListItemProps } from './types';
-export declare const Item: ({ item, handleRangeListChange }: PaginationListItemProps) => React.JSX.Element;

package/dist/components/PaginationRange/Items/Item/index.d.ts

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

package/dist/components/PaginationRange/Items/Item/styled.d.ts

@@ -1,5 +0,0 @@
-declare const ItemButton: import("styled-components").StyledComponent<"div", any, {
-    as: string;
-}, "as">;
-declare const StyledText: import("styled-components").StyledComponent<"span", any, {} & import("../../../Text/types").TextProps, never>;
-export { StyledText as Text, ItemButton };

package/dist/components/PaginationRange/Items/Item/types.d.ts

@@ -1,5 +0,0 @@
-import { PaginationRangeOption } from '../../types';
-export interface PaginationListItemProps {
-    item: PaginationRangeOption;
-    handleRangeListChange: (item: PaginationRangeOption) => void;
-}

package/dist/components/PaginationRange/Items/Items.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { PaginationListItemProps } from './Item/types';
-import { PaginationRangeProps } from '../types';
-export type PaginationRangeItemsOwnProps = Pick<PaginationRangeProps, 'paginationRange'>;
-export type PaginationListItemOwnProps = Pick<PaginationListItemProps, 'handleRangeListChange'>;
-export type PaginationRangeItemsProps = PaginationRangeItemsOwnProps & PaginationListItemOwnProps;
-export declare const Items: (props: PaginationRangeItemsProps) => React.JSX.Element;

package/dist/components/PaginationRange/Items/index.d.ts

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

package/dist/components/PaginationRange/PaginationRange.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { PaginationRangeProps } from './types';
-export declare const PaginationRange: ({ className, paginationRange, reversedDropdown, onPaginationRangeChange, dropdownValue: parentValue, }: PaginationRangeProps) => React.JSX.Element;

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

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

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

@@ -1,2 +0,0 @@
-declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { Container };

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

@@ -1,15 +0,0 @@
-export interface PaginationRangeOption {
-    label: string;
-    value: number;
-}
-export interface PaginationRangeProps {
-    className?: string;
-    dropdownValue?: PaginationRangeOption;
-    paginationRange?: PaginationRangeOption[];
-    reversedDropdown?: boolean;
-    onPaginationRangeChange: (currentItem: PaginationRangeOption) => void;
-}
-export interface PaginationRangeState {
-    dropdownValue: PaginationRangeOption;
-    shouldShowDropdown: boolean;
-}