@tabres/react 1.0.50 → 1.0.52

package/dist/components/AllergenIcons/AllergenIcons.d.ts

@@ -0,0 +1,25 @@
+import { SIZE } from "@sorocraft/ui";
+import { models as productModels } from "src/modules/product";
+interface Props {
+    product: Pick<productModels.Product, "allergenDetails">;
+    language?: string;
+    /** Reveal each allergen's name on hover/tap. Off in the menu listing. */
+    withTooltip?: boolean;
+    size?: SIZE;
+    className?: string;
+}
+/**
+ * The allergen row shown on a product. The glyphs inherit `currentColor`, so
+ * the caller decides the colour by styling the wrapper — that keeps them
+ * readable both on a business's custom product-card background and on the
+ * white details modal. Renders nothing when the product declares no allergens,
+ * so menus that never fill them in are untouched.
+ *
+ * Names come from the product payload, not from this package's locale files:
+ * the API translates its own allergen catalog into every language the business
+ * publishes, which is the only way wording stays in step with a catalog that
+ * grows server-side — and the only way it covers the ~110 platform languages
+ * rather than the handful this package bundles.
+ */
+declare const AllergenIcons: ({ product, language, withTooltip, size, className, }: Props) => import("react").JSX.Element;
+export default AllergenIcons;

package/dist/components/AllergenIcons/AllergenIcons.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

package/dist/components/AllergenIcons/icons/Buckwheat.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Buckwheat: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Buckwheat;

package/dist/components/AllergenIcons/icons/Celery.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Celery: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Celery;

package/dist/components/AllergenIcons/icons/Crustaceans.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Crustaceans: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Crustaceans;

package/dist/components/AllergenIcons/icons/Eggs.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Eggs: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Eggs;

package/dist/components/AllergenIcons/icons/Fish.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Fish: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Fish;

package/dist/components/AllergenIcons/icons/Gluten.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Gluten: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Gluten;

package/dist/components/AllergenIcons/icons/Lupin.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Lupin: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Lupin;

package/dist/components/AllergenIcons/icons/Milk.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Milk: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Milk;

package/dist/components/AllergenIcons/icons/Molluscs.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Molluscs: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Molluscs;

package/dist/components/AllergenIcons/icons/Mustard.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Mustard: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Mustard;

package/dist/components/AllergenIcons/icons/Peanuts.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Peanuts: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Peanuts;

package/dist/components/AllergenIcons/icons/Sesame.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Sesame: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Sesame;

package/dist/components/AllergenIcons/icons/Soy.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Soy: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Soy;

package/dist/components/AllergenIcons/icons/Sulphites.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const Sulphites: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default Sulphites;

package/dist/components/AllergenIcons/icons/TreeNuts.d.ts

@@ -0,0 +1,3 @@
+import type { SVGProps } from "react";
+declare const TreeNuts: (props: SVGProps<SVGSVGElement>) => import("react").JSX.Element;
+export default TreeNuts;

package/dist/components/AllergenIcons/icons/index.d.ts

@@ -0,0 +1,19 @@
+import { IconType } from "@sorocraft/ui";
+import { models as productModels } from "src/modules/product";
+/**
+ * Line-art glyph per allergen code, drawn on the same 24x24 grid and stroke
+ * weight as the @sorocraft/ui icon set (which ships no allergen icons of its
+ * own). Every path uses `stroke="currentColor"`, so an icon takes the text
+ * colour of whatever it sits in — that is what lets the same glyph work on a
+ * business's custom product-card background and inside the details modal.
+ */
+export declare const ALLERGEN_ICONS: Record<productModels.Allergen, IconType>;
+/**
+ * The glyph for an allergen code, falling back to a generic alert mark for a
+ * code the API has that this package has no drawing for yet. The fallback is
+ * the point: the guest sees "this product declares something" and gets the
+ * name from the label, instead of the allergen disappearing until someone
+ * ships an icon. `AlertCircle` comes from the same icon set, so it sits at the
+ * same weight as the real glyphs.
+ */
+export declare const getAllergenIcon: (code: productModels.AllergenCode) => IconType;

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

@@ -0,0 +1,2 @@
+export { default } from "./AllergenIcons";
+export { ALLERGEN_ICONS } from "./icons";

package/dist/index.d.ts

@@ -8,4 +8,5 @@ export { default as OrderMethods } from "./components/PublicMenu/OrderMethods";
 export { default as OrderPaymentSummary } from "./components/PublicMenu/OrderPaymentSummary";
 export { default as OrderTableUI } from "./components/PublicMenu/OrderDrawer/OrderTable/OrderTableUI";
 export { default as OrderFAB } from "./components/PublicMenu/OrderFAB";
+export { default as AllergenIcons } from "./components/AllergenIcons";
 export * from "./store/order";