@foodpilot/foods 2.9.0 → 2.10.0

package/dist/components/Icons/FoodsIcon.d.ts

@@ -1,9 +1,10 @@
 import { WidthHeight, iconMapping } from './iconConfig';
 export type IconMapping = typeof iconMapping;
+export type IconMappingProps = keyof IconMapping | (string & {}) | undefined;
 type Size = WidthHeight | number;
 export type FoodsIconProps = {
     size: Size;
-    icon: keyof IconMapping | (string & {}) | undefined;
+    icon: IconMappingProps;
     placeholder?: "empty" | "blank" | "defaultIcon";
     backgroundColor?: string;
     color?: string;

package/dist/components/Tabs/FoodsTabs/FoodsTabTemplate.d.ts

@@ -0,0 +1,9 @@
+import { TabProps, TypographyProps, Theme } from '@mui/material';
+import { TabVariants } from './FoodsTabs';
+import { StyledComponent } from '@emotion/styled';
+import { MUIStyledCommonProps } from '@mui/system';
+export declare const SpecialTab: StyledComponent<Omit<TabProps, "icon"> & {
+    variant: TabVariants;
+    isSelected: boolean;
+    textVariant: TypographyProps["variant"];
+} & MUIStyledCommonProps<Theme>, {}, {}>;

package/dist/components/Tabs/FoodsTabs/FoodsTabs.d.ts

@@ -0,0 +1,35 @@
+import { BoxProps, TabProps, TabsProps, TypographyProps, TabsOwnProps, Theme } from '@mui/material';
+import { ReactNode, DetailedHTMLProps, HTMLAttributes, DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES, RefObject } from 'react';
+import { IconMappingProps } from '../../Icons';
+import { StyledComponent } from '@emotion/styled';
+import { CommonProps } from '@mui/material/OverridableComponent';
+import { MUIStyledCommonProps } from '@mui/system';
+export type TabVariants = "primary" | "secondary" | "buttons";
+export type FoodsTabTemplateOption = {
+    name: ReactNode;
+    icon?: IconMappingProps;
+    disabled?: boolean;
+    TabProps?: TabProps;
+};
+export type FoodsTabsProps = {
+    tabs: FoodsTabTemplateOption[];
+    tabVariant: TabVariants;
+    textVariant?: TypographyProps["variant"];
+    selectedTabIndex?: number;
+    /**
+     * Force scrollable behavior even on desktop.
+     * If not provided, scrollable will be automatically enabled on mobile devices.
+     */
+    forceScrollable?: boolean;
+    BoxProps?: BoxProps;
+    TabsProps?: TabsProps;
+    TabProps?: TabProps;
+};
+export declare const FoodsTabs: (props: FoodsTabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpecialTabs: StyledComponent< TabsOwnProps & CommonProps & Omit<Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
+}, "className" | "classes" | "style" | "children" | "aria-label" | "aria-labelledby" | "onChange" | "sx" | "slots" | "slotProps" | "variant" | "orientation" | "value" | "action" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+    component?: React.ElementType;
+} & {
+    tabVariant: TabVariants;
+} & MUIStyledCommonProps<Theme>, {}, {}>;

package/dist/main.js

@@ -143,6 +143,8 @@ import { BredTheme, BredThemeOptions } from "./themes/themes/BredTheme.js";
 import { CollectiveTheme, CollectiveThemeOptions } from "./themes/themes/CollectiveTheme.js";
 import { FoodPilotTheme, FoodpilotThemeOptions } from "./themes/themes/FoodPilotTheme.js";
 import { WinePilotTheme, WinepilotThemeOptions } from "./themes/themes/WinePilotTheme.js";
+import { useResponsivePadding } from "./themes/responsive/useResponsivePadding.js";
+import { useResponsiveBreakpoints } from "./themes/responsive/useResponsiveBreakpoints.js";
 import { FoodsThemeOptionsProvider, FoodsThemeProvider } from "./themes/FoodsThemeProvider.js";
 export {
   AccordionProduct,
@@ -324,5 +326,7 @@ export {
   themes,
   typographyConfig,
   useFormBaseContext,
+  useResponsiveBreakpoints,
+  useResponsivePadding,
   yellowTheme
 };

package/dist/themes/index.d.ts

@@ -11,3 +11,4 @@ export declare const getThemeLogo: (theme: string) => React.FunctionComponent<Re
 export { FoodsThemeProvider, FoodsThemeOptionsProvider };
 export * from './common';
 export * from './themes';
+export * from './responsive';

package/dist/themes/responsive/index.d.ts

@@ -0,0 +1,2 @@
+export { useResponsivePadding } from './useResponsivePadding';
+export { useResponsiveBreakpoints } from './useResponsiveBreakpoints';

package/dist/themes/responsive/useResponsiveBreakpoints.d.ts

@@ -0,0 +1,6 @@
+export declare const useResponsiveBreakpoints: () => {
+    isMobile: boolean;
+    isTablet: boolean;
+    isDesktop: boolean;
+    isUltrawide: boolean;
+};

package/dist/themes/responsive/useResponsiveBreakpoints.js

@@ -0,0 +1,18 @@
+import { useTheme } from "@mui/material/styles";
+import { useMediaQuery } from "@mui/material";
+const useResponsiveBreakpoints = () => {
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  const isTablet = useMediaQuery(theme.breakpoints.between("md", "lg"));
+  const isDesktop = useMediaQuery(theme.breakpoints.between("lg", "xl"));
+  const isUltrawide = useMediaQuery(theme.breakpoints.up("xl"));
+  return {
+    isMobile,
+    isTablet,
+    isDesktop,
+    isUltrawide
+  };
+};
+export {
+  useResponsiveBreakpoints
+};

package/dist/themes/responsive/useResponsivePadding.d.ts

@@ -0,0 +1 @@
+export declare const useResponsivePadding: () => "0.5rem" | "2rem" | "1.5rem" | "2.5rem";

package/dist/themes/responsive/useResponsivePadding.js

@@ -0,0 +1,12 @@
+import { useResponsiveBreakpoints } from "./useResponsiveBreakpoints.js";
+const useResponsivePadding = () => {
+  const { isMobile, isTablet, isDesktop, isUltrawide } = useResponsiveBreakpoints();
+  if (isMobile) return "0.5rem";
+  if (isTablet) return "1.5rem";
+  if (isDesktop) return "2rem";
+  if (isUltrawide) return "2.5rem";
+  return "2rem";
+};
+export {
+  useResponsivePadding
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@foodpilot/foods",
   "private": false,
-  "version": "2.9.0",
+  "version": "2.10.0",
   "type": "module",
   "main": "./dist/main.js",
   "module": "./dist/main.js",