quicksnack 3.80.0 → 3.82.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.80.0",
+  "version": "3.82.0",
   "private": false,
   "files": [
     "dist/**"
@@ -41,14 +41,16 @@
   "dependencies": {
     "clsx": "1.1.1",
     "lodash.chunk": "4.2.0",
-    "lodash.difference": "4.5.0"
+    "lodash.difference": "4.5.0",
+    "postcss": "^8.5.10"
   },
   "peerDependencies": {
-    "react": "^17.0.1 || ^18.0.0",
-    "react-dom": "^17.0.1 || ^18.0.0"
+    "react": "^17.0.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^17.0.1 || ^18.0.0 || ^19.0.0"
   },
   "resolutions": {
-    "@types/react": "17.0.45"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.23.6",
@@ -61,14 +63,15 @@
     "@semantic-release/git": "10.0.1",
     "@semantic-release/gitlab": "13.2.9",
     "@semantic-release/npm": "13.1.3",
-    "@storybook/addon-actions": "7.6.1",
-    "@storybook/addon-essentials": "7.6.1",
-    "@storybook/addon-links": "7.6.1",
+    "@storybook/addon-actions": "8.6.18",
+    "@storybook/addon-essentials": "8.6.18",
+    "@storybook/addon-links": "8.6.18",
     "@storybook/addon-styling-webpack": "^0.0.5",
-    "@storybook/node-logger": "7.6.1",
-    "@storybook/preset-create-react-app": "7.6.1",
-    "@storybook/react": "7.6.1",
-    "@storybook/react-webpack5": "7.6.1",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/node-logger": "8.6.18",
+    "@storybook/preset-create-react-app": "8.6.18",
+    "@storybook/react": "8.6.18",
+    "@storybook/react-webpack5": "8.6.18",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "13.2.0",
     "@testing-library/user-event": "14.2.0",
@@ -76,8 +79,8 @@
     "@types/lodash.chunk": "^4.2.7",
     "@types/lodash.difference": "^4.5.7",
     "@types/node": "16.11.36",
-    "@types/react": "18.0.9",
-    "@types/react-dom": "18.0.5",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "babel-loader": "8.2.5",
     "commander": "^11.1.0",
     "css-loader": "^6.8.1",
@@ -88,15 +91,15 @@
     "postcss-loader": "^7.3.3",
     "postcss-nested": "^6.0.1",
     "prettier": "^3.1.1",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-hook-form": "7.34.0",
     "react-icons": "4.3.1",
     "rollup": "4.6.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "25.0.2",
-    "storybook": "7.6.1",
+    "storybook": "8.6.18",
     "style-loader": "^3.3.3",
     "styled-components": "6.0.7",
     "ts-node": "^10.9.2",

package/dist/src/components/Alert/Alert.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface Props {
-    title?: string | JSX.Element;
-    variant?: "positive" | "negative" | "info" | "warning" | "basic" | "emphasized";
-    actions?: JSX.Element;
-}
-export declare const Alert: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/ConfirmModal/ConfirmModal.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { Button } from "../../form/Button/Button";
-interface Props {
-    title: string;
-    cancelLabel?: string;
-    confirmLabel?: string;
-    confirmIcon?: JSX.Element;
-    confirmVariant?: React.ComponentProps<typeof Button>["variant"];
-    cancelIcon?: JSX.Element;
-    isOpen: boolean;
-    onConfirm: () => void;
-    onCancel: () => void;
-}
-export declare const ConfirmModal: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Details/Details.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-interface Props {
-    className?: string;
-    firstColumnWidth: string;
-    details: Record<string, number | string | JSX.Element>;
-}
-export declare const Details: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Feedback/Feedback.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface Props {
-    onConfirm: () => void;
-    buttonLabel: string | JSX.Element;
-    buttonIcon?: JSX.Element;
-    title: string | JSX.Element;
-    subtitle?: string | JSX.Element;
-}
-export declare const Feedback: React.FC<Props>;
-export {};

package/dist/src/components/Floater/Floater.d.ts

@@ -1,15 +0,0 @@
-import { BoxProps } from "../Box/Box";
-import React from "react";
-interface ItemWithElement {
-    element: JSX.Element;
-    stretch?: boolean;
-    forceEqualWidth?: boolean;
-}
-interface Props extends BoxProps {
-    stretch?: boolean;
-    forceEqualWidth?: boolean;
-    multiRow?: boolean;
-    items: Array<JSX.Element | false | ItemWithElement>;
-}
-export declare const Floater: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Menu/Menu.d.ts

@@ -1,9 +0,0 @@
-import React, { PropsWithChildren } from "react";
-interface Props {
-    item: string | JSX.Element;
-    isOpen?: boolean;
-    isActive?: boolean;
-}
-export declare const Menu: ({ children }: PropsWithChildren<unknown>) => JSX.Element;
-export declare const MenuItem: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Menu/SideBarHeader.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface Props {
-    right?: string | JSX.Element;
-}
-export declare const SideBarHeader: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Modal/Modal.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { Panel } from "../Panel/Panel";
-interface Props extends React.ComponentProps<typeof Panel> {
-    handleClickOverlay: () => void;
-    buttons?: JSX.Element;
-}
-export declare const Modal: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Panel/Panel.d.ts

@@ -1,17 +0,0 @@
-import React, { CSSProperties } from "react";
-import { BoxProps } from "../Box/Box";
-import { Header } from "../../typography/Header/Header";
-export interface PanelProps {
-    className?: string;
-    p?: number;
-    title?: string | JSX.Element;
-    titleLevel?: React.ComponentProps<typeof Header>["level"];
-    titleMeta?: string | JSX.Element;
-    onClickTitle?: React.MouseEventHandler;
-    footer?: string | JSX.Element;
-    titleAction?: string | JSX.Element;
-    stageProps?: BoxProps;
-    footerProps?: BoxProps;
-    style?: CSSProperties;
-}
-export declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;

package/dist/src/components/Statistic/Statistic.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-interface Props {
-    icon: JSX.Element;
-    value: string;
-    label: string;
-    smallerValue?: boolean;
-    valueTestId?: string;
-    backgroundColor: "blue" | "indigo" | "purple" | "pink" | "red" | "orange" | "yellow" | "green" | "teal" | "cyan" | "gray" | "grayDark" | "light" | "dark";
-}
-export declare const Statistic: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/components/Timeline/Timeline.d.ts

@@ -1,18 +0,0 @@
-import React from "react";
-interface TimeLineProps {
-    title?: string | JSX.Element;
-    titleMeta?: string | JSX.Element;
-    isInitiallyOpen: boolean;
-    icon: JSX.Element;
-    chevron: string | JSX.Element;
-    color: string;
-}
-export declare const Timeline: React.FC<React.PropsWithChildren<TimeLineProps>>;
-interface SimpleTimeLineProps {
-    title?: string | JSX.Element;
-    titleMeta?: string | JSX.Element;
-    icon: JSX.Element;
-    color: string;
-}
-export declare const SimpleTimeline: React.FC<SimpleTimeLineProps>;
-export {};

package/dist/src/components/TopBar/TopBar.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface Props {
-    left?: JSX.Element | string;
-    right?: JSX.Element | string;
-}
-export declare const TopBar: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/form/Button/Button.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-declare type Variant = "default" | "primary" | "secondary" | "danger" | "basic" | "text";
-export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
-    icon?: JSX.Element;
-    variant?: Variant;
-    hasChildren?: boolean;
-    actionButton?: boolean;
-    stretch?: boolean;
-    inline?: boolean;
-    interactiveDisabled?: boolean;
-    "data-testid"?: string;
-}
-export declare const Button: React.FC<React.PropsWithChildren<ButtonProps>>;
-export {};

package/dist/src/form/Dropzone/Dropzone.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface Props extends React.InputHTMLAttributes<any> {
-    icon?: JSX.Element;
-    placeholder: string;
-}
-export declare const Dropzone: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
-export {};

package/dist/src/form/ScaffoldForm/FormGrid/FormGridWrapper.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { FormGridCellProps } from "./FormGridCell";
-export interface FormGridWrapperProps extends FormGridCellProps {
-    isRequired?: boolean;
-    label?: string | JSX.Element;
-    hint?: string | JSX.Element;
-    error?: string | JSX.Element;
-    skip?: boolean;
-}
-export declare const FormGridWrapper: React.FC<React.PropsWithChildren<FormGridWrapperProps>>;

package/dist/src/layouts/BasicLayout/BasicLayout.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { DefaultLayoutProps } from "../DefaultLayout";
-interface Props extends DefaultLayoutProps {
-    isLoading?: boolean;
-    loader?: string | JSX.Element;
-}
-export declare const BasicLayout: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/layouts/FloatingPanelLayout/FloatingPanelLayout.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { Panel } from "../../components/Panel/Panel";
-interface Props {
-    logoUrl?: string;
-    imageUrl: string;
-    panelProps: React.ComponentProps<typeof Panel>;
-    alert?: JSX.Element;
-    backgroundBaseColor?: string;
-    backgroundOpacity?: number;
-}
-export declare const FloatingPanelLayout: React.FC<React.PropsWithChildren<Props>>;
-export {};

package/dist/src/layouts/SplitLayout/SplitLayout.d.ts

@@ -1,17 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { BoxProps } from "../../components/Box/Box";
-import { DefaultLayoutProps } from "../DefaultLayout";
-export interface SplitLayoutProps extends DefaultLayoutProps {
-    isLoading?: boolean;
-    loader?: string | JSX.Element;
-}
-export declare const SplitLayout: React.FC<PropsWithChildren<SplitLayoutProps>>;
-export interface SplitProps {
-    leftWidth?: string;
-    left: JSX.Element;
-    right: JSX.Element;
-    leftBoxProps?: BoxProps;
-    rightBoxProps?: BoxProps;
-    wrapperBoxProps?: BoxProps;
-}
-export declare const Split: ({ leftWidth, wrapperBoxProps, left, leftBoxProps, right, rightBoxProps, }: SplitProps) => JSX.Element;