@caseparts-org/caseblocks 0.0.90 → 0.0.92

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 c } from "react/jsx-runtime";
+import { useState as b } from "react";
+import { MainNav as d } from "./MainNav.js";
+import { CartSlideInPanel as m } from "../../molecules/Cart/CartSlideInPanel.js";
+const g = {
   title: "Case Parts/Organisms/MainNav",
-  component: l,
+  component: d,
   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 = [
+}, l = [
   {
     id: 0,
     label: "Shop by Brands",
@@ -24,7 +27,12 @@ const r = {
     id: 1,
     label: "Gaskets",
     route: "#",
-    children: []
+    children: [
+      { id: 25, label: "Sponge", route: "/anthony" },
+      { id: 26, label: "Magnetic", route: "/beverage" },
+      { id: 27, label: "Compression", route: "/continental" },
+      { id: 28, label: "Door Sweep", route: "/delfield" }
+    ]
   },
   {
     id: 2,
@@ -80,29 +88,59 @@ 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", r = {
   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 = {
+};
+function h(e) {
+  return `$${e.items.reduce(
+    (a, i) => a + (parseFloat(i.price.replace(/[^0-9.]/g, "")) || 0) * i.quantity,
+    0
+  ).toFixed(2)}`;
+}
+const n = (e) => {
+  const [o, a] = b(!1);
+  return /* @__PURE__ */ u(s, { children: [
+    /* @__PURE__ */ c(
+      d,
+      {
+        ...e,
+        open: o,
+        onCartClick: () => a((i) => !i)
+      }
+    ),
+    /* @__PURE__ */ c(
+      m,
+      {
+        open: o,
+        onClose: () => a(!1),
+        cart: e.cart,
+        subtotal: h(e.cart),
+        itemPriceLabel: "List Price",
+        contactHref: e.contactRoute,
+        contactLinkBehavior: "new-tab",
+        onItemQtyChange: () => alert("Qty Change"),
+        onItemDelete: () => alert("Delete"),
+        onCheckout: e.onCheckout
+      }
+    )
+  ] });
+}, C = {
   args: {
-    account: {
-      name: "Ringo",
-      initials: "RS",
-      number: "123456789012"
-    },
-    cart: i,
+    account: { name: "Ringo", initials: "RS", number: "123456789012" },
+    cart: r,
     homeRoute: "/",
     customPartsRoute: "/custom",
     accountRoute: "/account",
@@ -111,33 +149,24 @@ const r = {
     aboutUsRoute: "/about",
     contactRoute: "/contact",
     onLoginClick: () => {
-      alert("Login ");
+      alert("Login");
     },
     onCheckout: () => {
       alert("Checkout");
     },
-    onItemDelete: () => {
-      alert("Delete");
-    },
-    onItemEdit: () => {
-      alert("Delete");
+    onSearch: (e) => {
+      alert(`Search ${e}`);
     },
-    onItemQtyChange: () => {
-      alert("Delete");
+    onCartClick: () => {
     },
-    onSearch: (a) => {
-      alert(`Search ${a}`);
-    },
-    categories: t
-  }
-}, c = {
+    // placeholder required by component
+    categories: l
+  },
+  render: n
+}, k = {
   args: {
-    account: {
-      name: "Ringo",
-      initials: "RS",
-      number: "123456789012"
-    },
-    cart: i,
+    account: { name: "Ringo", initials: "RS", number: "123456789012" },
+    cart: r,
     homeRoute: "/",
     customPartsRoute: "/custom",
     accountRoute: "/account",
@@ -146,28 +175,22 @@ const r = {
     aboutUsRoute: "/about",
     contactRoute: "/contact",
     onLoginClick: () => {
-      alert("Login ");
+      alert("Login");
     },
     onCheckout: () => {
       alert("Checkout");
     },
-    onItemDelete: () => {
-      alert("Delete");
+    onSearch: (e) => {
+      alert(`Search ${e}`);
     },
-    onItemEdit: () => {
-      alert("Delete");
+    onCartClick: () => {
     },
-    onItemQtyChange: () => {
-      alert("Delete");
-    },
-    onSearch: (a) => {
-      alert(`Search ${a}`);
-    },
-    categories: t
-  }
-}, d = {
+    categories: l
+  },
+  render: n
+}, S = {
   args: {
-    cart: i,
+    cart: r,
     homeRoute: "/",
     customPartsRoute: "/custom",
     accountRoute: "/account",
@@ -176,29 +199,23 @@ const r = {
     aboutUsRoute: "/about",
     contactRoute: "/contact",
     onLoginClick: () => {
-      alert("Login ");
+      alert("Login");
     },
     onCheckout: () => {
       alert("Checkout");
     },
-    onItemDelete: () => {
-      alert("Delete");
+    onSearch: (e) => {
+      alert(`Search ${e}`);
     },
-    onItemEdit: () => {
-      alert("Delete");
+    onCartClick: () => {
     },
-    onItemQtyChange: () => {
-      alert("Delete");
-    },
-    onSearch: (a) => {
-      alert(`Search ${a}`);
-    },
-    categories: t
-  }
+    categories: l
+  },
+  render: n
 };
 export {
-  n as Authenticated,
-  d as Unauthenticated,
-  c as WithCartItems,
-  r as default
+  C as Authenticated,
+  S as Unauthenticated,
+  k as WithCartItems,
+  g as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.90",
+  "version": "0.0.92",
   "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;