@sonic-equipment/ui 0.0.21 → 0.0.22

package/dist/product-listing/product-listing.d.ts

@@ -7,25 +7,7 @@ export interface Filters {
         }[];
     };
 }
-declare const sortOptions: {
-    readonly new: "New";
-    readonly popular: "Popular";
-    readonly price_asc: "Price: Low - High";
-    readonly price_desc: "Price: High - Low";
-    readonly recommended: "Recommended";
-};
-type SortKey = keyof typeof sortOptions;
-export type ActiveFilters = {
-    colors: string[];
-};
 export type ProductListingProps = {
-    activeFilters: ActiveFilters;
-    filters: Filters;
     isLoading?: boolean;
-    onFilterChange: (filters: ActiveFilters) => void;
-    onSortChange: (sort: SortKey) => void;
-    sort: SortKey;
-    total: number;
 };
 export declare function ProductListing({ isLoading }: ProductListingProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/product-listing/product-listing.stories.d.ts

@@ -3,8 +3,7 @@ import { StoryObj } from '@storybook/react';
 import { ProductListing } from './product-listing';
 declare const meta: {
     args: {
-        onFilterChange: import("@vitest/spy").Mock<[filters: import("./product-listing").ActiveFilters], void>;
-        onSortChange: import("@vitest/spy").Mock<[sort: "new" | "popular" | "price_asc" | "price_desc" | "recommended"], void>;
+        isLoading: false;
         online: false;
     };
     component: typeof ProductListing;

package/dist/shared/providers/cart-provider.d.ts

@@ -1,27 +1,27 @@
 import { Cart, CartLine } from 'shared/types/cart';
-interface Props {
+interface Props<TCartLine extends CartLine = CartLine, TCart extends Cart<TCartLine> = Cart<TCartLine>> {
     addToCart: (args: {
         productId: string;
         quantity: number;
     }) => void;
-    currentCart: Cart;
+    currentCart: Readonly<TCart> | undefined;
     isLoaded: boolean;
     isLoading: boolean;
     loadCurrentCart: VoidFunction;
     removeCartLine: (args: {
         cartLineId: string;
     }) => void;
-    updateCartLine: (cartLine: CartLine) => void;
+    updateCartLine: (cartLine: TCartLine) => void;
 }
-export declare function CartProvider(props: Props): null;
-export declare function useCart(): Props;
+export declare function CartProvider<TCartLine extends CartLine = CartLine, TCart extends Cart<TCartLine> = Cart<TCartLine>>(props: Props<TCartLine, TCart>): null;
+export declare function useCart(): Props<CartLine, Cart<CartLine>>;
 export declare function useProductCartLine(productId: string): {
     addToCart: (args: {
         productId: string;
         quantity: number;
     }) => void;
     cartLine: CartLine | undefined;
-    currentCart: Cart;
+    currentCart: Readonly<Cart<CartLine>> | undefined;
     isLoaded: boolean;
     isLoading: boolean;
     loadCurrentCart: VoidFunction;

package/dist/shared/types/cart.d.ts

@@ -1,8 +1,8 @@
 export interface CartLine {
     id: string;
-    productId: string;
-    qtyOrdered: number;
+    productId: string | null;
+    qtyOrdered: number | null;
 }
-export interface Cart {
-    cartLines: CartLine[];
+export interface Cart<T extends CartLine = CartLine> {
+    cartLines?: T[] | null;
 }

package/dist/styles.css

@@ -359,6 +359,99 @@
       color: var(--color-red-300);
     }
 
+.icon-button-module-4PDK- {
+  all: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+  .icon-button-module-4PDK-[data-disabled] {
+    cursor: default;
+    opacity: 0.4;
+  }
+
+/*********************************************************
+ *
+ *  Sizes
+ *
+*********************************************************/
+
+.icon-button-module-k3s9J svg {
+    width: 24px;
+    height: 24px;
+  }
+
+.icon-button-module-agk6Y svg {
+    width: 32px;
+    height: 32px;
+  }
+
+/*********************************************************
+ *
+ *  Variants
+ *
+*********************************************************/
+
+.icon-button-module-fTeP4 {
+  color: var(--color-brand-black);
+}
+
+.icon-button-module-dM0eo {
+  color: var(--color-brand-dark-gray);
+}
+
+.icon-button-module-fTeP4:where([data-hovered]), .icon-button-module-dM0eo:where([data-hovered]) {
+    color: var(--color-brand-red);
+  }
+
+.icon-button-module-fTeP4:where([data-pressed]), .icon-button-module-dM0eo:where([data-pressed]) {
+    color: var(--color-brand-dark-red);
+  }
+
+.favorite-button-module-tXSS3:where(.favorite-button-module-l557q) {
+    color: var(--color-brand-red);
+  }
+
+.link-button-module-6i75g {
+  all: unset;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  color: var(--color-brand-red);
+  cursor: pointer;
+  font: inherit;
+  font-size: var(--font-size-14);
+  gap: var(--space-4);
+}
+
+  .link-button-module-6i75g svg {
+    display: block;
+    width: 12px;
+    height: 12px;
+  }
+
+  .link-button-module-6i75g:where([data-disabled]) {
+    cursor: default;
+    opacity: 0.4;
+  }
+
+  .link-button-module-6i75g:where([data-pressed]),
+  .link-button-module-6i75g:where([data-hovered]) {
+    color: var(--color-brand-dark-red);
+  }
+
+  .link-button-module-6i75g:where([data-pressed])::after, .link-button-module-6i75g:where([data-hovered])::after {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      height: 1px;
+      background-color: var(--color-brand-dark-red);
+      content: '';
+    }
+
 .field-error-module-FXnIg {
   color: var(--color-brand-red);
 }
@@ -492,99 +585,6 @@
   width: 28px;
 }
 
-.icon-button-module-4PDK- {
-  all: unset;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-  .icon-button-module-4PDK-[data-disabled] {
-    cursor: default;
-    opacity: 0.4;
-  }
-
-/*********************************************************
- *
- *  Sizes
- *
-*********************************************************/
-
-.icon-button-module-k3s9J svg {
-    width: 24px;
-    height: 24px;
-  }
-
-.icon-button-module-agk6Y svg {
-    width: 32px;
-    height: 32px;
-  }
-
-/*********************************************************
- *
- *  Variants
- *
-*********************************************************/
-
-.icon-button-module-fTeP4 {
-  color: var(--color-brand-black);
-}
-
-.icon-button-module-dM0eo {
-  color: var(--color-brand-dark-gray);
-}
-
-.icon-button-module-fTeP4:where([data-hovered]), .icon-button-module-dM0eo:where([data-hovered]) {
-    color: var(--color-brand-red);
-  }
-
-.icon-button-module-fTeP4:where([data-pressed]), .icon-button-module-dM0eo:where([data-pressed]) {
-    color: var(--color-brand-dark-red);
-  }
-
-.favorite-button-module-tXSS3:where(.favorite-button-module-l557q) {
-    color: var(--color-brand-red);
-  }
-
-.link-button-module-6i75g {
-  all: unset;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  color: var(--color-brand-red);
-  cursor: pointer;
-  font: inherit;
-  font-size: var(--font-size-14);
-  gap: var(--space-4);
-}
-
-  .link-button-module-6i75g svg {
-    display: block;
-    width: 12px;
-    height: 12px;
-  }
-
-  .link-button-module-6i75g:where([data-disabled]) {
-    cursor: default;
-    opacity: 0.4;
-  }
-
-  .link-button-module-6i75g:where([data-pressed]),
-  .link-button-module-6i75g:where([data-hovered]) {
-    color: var(--color-brand-dark-red);
-  }
-
-  .link-button-module-6i75g:where([data-pressed])::after, .link-button-module-6i75g:where([data-hovered])::after {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      height: 1px;
-      background-color: var(--color-brand-dark-red);
-      content: '';
-    }
-
 .tag-module-B7r15 {
   --tag-bg-color: var(--color-brand-red);
   --tag-fg-color: var(--color-brand-white);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -39,29 +39,27 @@
     "react-dom": "^18"
   },
   "devDependencies": {
-    "@algolia/client-search": "^4.23.3",
-    "@algolia/transporter": "^4.23.3",
     "@chromatic-com/storybook": "^1.4.0",
     "@csstools/postcss-global-data": "^2.1.1",
     "@rollup/plugin-alias": "^5.1.0",
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^25.0.8",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-docs": "^8.1.1",
-    "@storybook/addon-essentials": "^8.1.1",
-    "@storybook/addon-interactions": "^8.1.1",
-    "@storybook/addon-links": "^8.1.1",
-    "@storybook/addon-viewport": "^8.1.1",
-    "@storybook/blocks": "^8.1.1",
-    "@storybook/preview-api": "^8.1.1",
-    "@storybook/react": "^8.1.1",
-    "@storybook/react-vite": "^8.1.1",
-    "@storybook/test": "^8.1.1",
+    "@storybook/addon-docs": "^8.1.3",
+    "@storybook/addon-essentials": "^8.1.3",
+    "@storybook/addon-interactions": "^8.1.3",
+    "@storybook/addon-links": "^8.1.3",
+    "@storybook/addon-viewport": "^8.1.3",
+    "@storybook/blocks": "^8.1.3",
+    "@storybook/preview-api": "^8.1.3",
+    "@storybook/react": "^8.1.3",
+    "@storybook/react-vite": "^8.1.3",
+    "@storybook/test": "^8.1.3",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.9.0",
-    "@typescript-eslint/parser": "^7.9.0",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@typescript-eslint/eslint-plugin": "^7.10.0",
+    "@typescript-eslint/parser": "^7.10.0",
+    "@vitejs/plugin-react": "^4.3.0",
     "autoprefixer": "^10.4.19",
     "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
@@ -89,11 +87,12 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rimraf": "^5.0.7",
-    "rollup": "^4.17.2",
-    "rollup-plugin-dts": "^6.1.0",
+    "rollup": "^4.18.0",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.1.1",
+    "rollup-plugin-ts": "^3.4.5",
+    "storybook": "^8.1.3",
     "stylelint": "^16.5.0",
     "stylelint-config-css-modules": "^4.4.0",
     "stylelint-config-idiomatic-order": "^10.0.0",
@@ -103,10 +102,11 @@
     "vite-tsconfig-paths": "^4.3.2"
   },
   "dependencies": {
+    "@algolia/client-search": "^4.23.3",
     "algoliasearch": "^4.23.3",
     "clsx": "^2.1.1",
-    "react-aria-components": "^1.2.0",
-    "react-instantsearch": "^7.8.1"
+    "react-aria-components": "^1.2.1",
+    "react-instantsearch": "^7.9.0"
   },
   "publishConfig": {
     "access": "public"