@caseparts-org/caseblocks 0.0.90 → 0.0.91

package/dist/organisms/MainNav/MainNav.stories.js

@@ -1,13 +1,16 @@
-import { MainNav as l } from "./MainNav.js";
-const r = {
+import { jsxs as u, Fragment as s, jsx as r } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { MainNav as c } from "./MainNav.js";
+import { CartSlideInPanel as b } from "../../molecules/Cart/CartSlideInPanel.js";
+const C = {
   title: "Case Parts/Organisms/MainNav",
-  component: l,
+  component: c,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
     layout: "fullscreen"
   }
   // tags: ["autodocs"],
-}, t = [
+}, a = [
   {
     id: 0,
     label: "Shop by Brands",
@@ -80,28 +83,51 @@ const r = {
     route: "#",
     children: []
   }
-], e = "https://m.media-amazon.com/images/I/216+JEttsYL._UF1000,1000_QL80_.jpg", i = {
+], t = "https://m.media-amazon.com/images/I/216+JEttsYL._UF1000,1000_QL80_.jpg", i = {
   items: [
-    { id: 1, itemId: "1094-01", description: "Kason Door Closer - Flush", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 2, itemId: "810810", description: "True Door Gasket", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 3, itemId: "MG064", description: '36" x 79" 3-Sided Dart-to-Dart Gasket', price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 4, itemId: "MG064-B", description: '36" x 79" 3-Sided Dart-to-Dart Gasket', price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 5, itemId: "Warmer Wire", description: '228" 7.0 OHMS 115V', price: "$99.99", quantity: 1, imageUrl: e, availability: "", availabilityId: "available" },
-    { id: 6, itemId: "810803", description: "True Door Gasket", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 7, itemId: "ABG-12114-PF", description: "Adhesive Sponge Gasket 1/4", price: "$99.99", quantity: 10, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 8, itemId: "ABG-12138-PF", description: "Adhesive Sponge Gasket 3/8", price: "$99.99", quantity: 10, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 9, itemId: "1094-C1", description: "Kason Door Closer - Flush", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 10, itemId: "1094-02", description: "Kason Door Closer - Offset", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 11, itemId: "1092-01", description: "Kason Door Closer - Flush", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" },
-    { id: 12, itemId: "1092-02", description: "Kason Door Closer - Offset", price: "$99.99", quantity: 1, imageUrl: e, availability: "In Stock", availabilityId: "available" }
+    { id: 1, itemId: "1094-01", description: "Kason Door Closer - Flush", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 2, itemId: "810810", description: "True Door Gasket", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 3, itemId: "MG064", description: '36" x 79" 3-Sided Dart-to-Dart Gasket', price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 4, itemId: "MG064-B", description: '36" x 79" 3-Sided Dart-to-Dart Gasket', price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 5, itemId: "Warmer Wire", description: '228" 7.0 OHMS 115V', price: "$99.99", quantity: 1, imageUrl: t, availability: "", availabilityId: "available" },
+    { id: 6, itemId: "810803", description: "True Door Gasket", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 7, itemId: "ABG-12114-PF", description: "Adhesive Sponge Gasket 1/4", price: "$99.99", quantity: 10, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 8, itemId: "ABG-12138-PF", description: "Adhesive Sponge Gasket 3/8", price: "$99.99", quantity: 10, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 9, itemId: "1094-C1", description: "Kason Door Closer - Flush", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 10, itemId: "1094-02", description: "Kason Door Closer - Offset", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 11, itemId: "1092-01", description: "Kason Door Closer - Flush", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" },
+    { id: 12, itemId: "1092-02", description: "Kason Door Closer - Offset", price: "$99.99", quantity: 1, imageUrl: t, availability: "In Stock", availabilityId: "available" }
   ]
-}, n = {
+}, o = (e) => {
+  const [l, n] = m(!1);
+  return /* @__PURE__ */ u(s, { children: [
+    /* @__PURE__ */ r(
+      c,
+      {
+        ...e,
+        open: l,
+        onCartClick: () => n((d) => !d)
+      }
+    ),
+    /* @__PURE__ */ r(
+      b,
+      {
+        open: l,
+        onClose: () => n(!1),
+        cart: e.cart,
+        subtotal: e.cartSubtotal,
+        itemPriceLabel: e.cartItemPriceLabel,
+        contactHref: e.contactRoute,
+        contactLinkBehavior: e.cartContactLinkBehavior,
+        onItemQtyChange: e.onItemQtyChange,
+        onItemDelete: e.onItemDelete,
+        onCheckout: e.onCheckout
+      }
+    )
+  ] });
+}, p = {
   args: {
-    account: {
-      name: "Ringo",
-      initials: "RS",
-      number: "123456789012"
-    },
+    account: { name: "Ringo", initials: "RS", number: "123456789012" },
     cart: i,
     homeRoute: "/",
     customPartsRoute: "/custom",
@@ -110,6 +136,7 @@ const r = {
     faqRoute: "/faq",
     aboutUsRoute: "/about",
     contactRoute: "/contact",
+    cartSubtotal: "$1200.34",
     onLoginClick: () => {
       alert("Login ");
     },
@@ -119,24 +146,21 @@ const r = {
     onItemDelete: () => {
       alert("Delete");
     },
-    onItemEdit: () => {
-      alert("Delete");
-    },
     onItemQtyChange: () => {
-      alert("Delete");
+      alert("Qty Change");
     },
-    onSearch: (a) => {
-      alert(`Search ${a}`);
+    onSearch: (e) => {
+      alert(`Search ${e}`);
     },
-    categories: t
-  }
-}, c = {
-  args: {
-    account: {
-      name: "Ringo",
-      initials: "RS",
-      number: "123456789012"
+    onCartClick: () => {
     },
+    // required prop placeholder (overridden in render)
+    categories: a
+  },
+  render: o
+}, k = {
+  args: {
+    account: { name: "Ringo", initials: "RS", number: "123456789012" },
     cart: i,
     homeRoute: "/",
     customPartsRoute: "/custom",
@@ -145,6 +169,7 @@ const r = {
     faqRoute: "/faq",
     aboutUsRoute: "/about",
     contactRoute: "/contact",
+    cartSubtotal: "$1200.34",
     onLoginClick: () => {
       alert("Login ");
     },
@@ -154,18 +179,19 @@ const r = {
     onItemDelete: () => {
       alert("Delete");
     },
-    onItemEdit: () => {
-      alert("Delete");
-    },
     onItemQtyChange: () => {
-      alert("Delete");
+      alert("Qty Change");
     },
-    onSearch: (a) => {
-      alert(`Search ${a}`);
+    onSearch: (e) => {
+      alert(`Search ${e}`);
     },
-    categories: t
-  }
-}, d = {
+    onCartClick: () => {
+    },
+    // required
+    categories: a
+  },
+  render: o
+}, g = {
   args: {
     cart: i,
     homeRoute: "/",
@@ -184,21 +210,22 @@ const r = {
     onItemDelete: () => {
       alert("Delete");
     },
-    onItemEdit: () => {
-      alert("Delete");
-    },
     onItemQtyChange: () => {
-      alert("Delete");
+      alert("Qty Change");
     },
-    onSearch: (a) => {
-      alert(`Search ${a}`);
+    onSearch: (e) => {
+      alert(`Search ${e}`);
     },
-    categories: t
-  }
+    onCartClick: () => {
+    },
+    // required
+    categories: a
+  },
+  render: o
 };
 export {
-  n as Authenticated,
-  d as Unauthenticated,
-  c as WithCartItems,
-  r as default
+  p as Authenticated,
+  g as Unauthenticated,
+  k as WithCartItems,
+  C as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.90",
+  "version": "0.0.91",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -29,15 +29,14 @@
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepare": "husky"
+    "prepare": "husky",
+    "size:components": "size-limit"
   },
   "dependencies": {
     "@fontsource-variable/roboto-condensed": "^5.1.1",
     "@fontsource/roboto": "^5.1.0",
-    "@tippyjs/react": "^4.2.6",
     "clsx": "^2.1.1",
-    "csstype": "^3.1.3",
-    "reactjs-popup": "^2.0.6"
+    "csstype": "^3.1.3"
   },
   "peerDependencies": {
     "embla-carousel-autoplay": "^8.0.0",
@@ -75,7 +74,9 @@
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-plugin-static-copy": "^2.3.1"
+    "vite-plugin-static-copy": "^2.3.1",
+    "size-limit": "^11.0.0",
+    "@size-limit/preset-small-lib": "^11.0.0"
   },
   "eslintConfig": {
     "extends": [
@@ -84,5 +85,25 @@
   },
   "lint-staged": {
     "**/*": "prettier --write --ignore-unknown"
-  }
+  },
+  "size-limit": [
+    {
+      "name": "Tooltip",
+      "path": "lib/atoms/Tooltip/Tooltip.tsx",
+      "import": "{ Tooltip }",
+      "limit": "3 KB"
+    },
+    {
+      "name": "Popover",
+      "path": "lib/atoms/Popover/Popover.tsx",
+      "import": "{ Popover }",
+      "limit": "4 KB"
+    },
+    {
+      "name": "SlideInPanel",
+      "path": "lib/atoms/SlideInPanel/SlideInPanel.tsx",
+      "import": "{ SlideInPanel }",
+      "limit": "5 KB"
+    }
+  ]
 }

package/dist/molecules/Cart/Cart.stories.d.ts

@@ -1,15 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-import { ShoppingCart } from './Cart';
-declare const meta: {
-    title: string;
-    component: typeof ShoppingCart;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const EmptyCart: Story;
-export declare const LargeCart: Story;
-export declare const SmallCart: Story;

package/dist/molecules/Tooltip/Tooltip.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-import { TippyProps } from '@tippyjs/react';
-export type TooltipProps = Omit<TippyProps, "content" | "children" | "trigger"> & {
-    tooltipClassName?: string;
-    contentClassName?: string;
-    trigger: React.ReactElement;
-    on?: "click" | "mouseenter focus";
-    children: React.ReactNode;
-    mouseEnterDelay?: number;
-    mouseLeaveDelay?: number;
-};
-export declare function Tooltip({ tooltipClassName, contentClassName, trigger, children, on, mouseEnterDelay, mouseLeaveDelay, ...tippyProps }: TooltipProps): import("react/jsx-runtime").JSX.Element;