@foodpilot/foods 0.2.0 → 0.3.0

package/dist/components/Navigation/FoodsNavBar/FoodsNavbar.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { NormalCssProperties } from "@mui/material/styles/createMixins";
+export type SidebarOptions = {
+    isExpanded?: boolean;
+    notExpandedSize?: NormalCssProperties["width"];
+    expandedSize?: NormalCssProperties["width"];
+};
+export type SidebarTexts = {
+    shortenSidebar: string;
+    logout: string;
+};
+export type NavbarLinkType = {
+    icon: JSX.Element;
+    isSelected: boolean;
+    action: () => void;
+    label: string;
+};
+export type UserActionType = {
+    icon: JSX.Element;
+    action: () => void;
+    label: string;
+};
+export type NavbarDrawerType = {
+    label: string;
+    icon: JSX.Element;
+    items: NavbarLinkType[];
+};
+export type NavbarButtonType = {
+    type: "drawer";
+} & NavbarDrawerType | {
+    type: "link";
+} & NavbarLinkType;
+export type User = {
+    firstname: string;
+    lastname: string;
+    picture?: string;
+};
+export type Organization = {
+    name: string;
+    picture?: string;
+};
+export type FoodsNavbarProps = {
+    buttons: NavbarButtonType[];
+    connectedUser: User;
+    organization: Organization;
+    sidebarTexts: SidebarTexts;
+    sidebarOptions?: SidebarOptions;
+    logoutAction: () => void;
+    sidebarStatusHandler: (isExpanded: boolean) => void;
+    userActions: UserActionType[];
+};
+export declare const FoodsNavbar: (props: FoodsNavbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navigation/FoodsNavBar/Footer/Footer.d.ts

@@ -0,0 +1,11 @@
+import { SidebarTexts, User, UserActionType } from "../FoodsNavbar";
+type FooterProps = {
+    user: User;
+    userActions: UserActionType[];
+    isExpanded: boolean;
+    toggleSidebar: () => void;
+    textOptions: SidebarTexts;
+    logout: () => void;
+};
+export declare const Footer: (props: FooterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Navigation/FoodsNavBar/Footer/UserButton.d.ts

@@ -0,0 +1,10 @@
+import { SidebarTexts, User, UserActionType } from "../FoodsNavbar";
+type UserButtonProps = {
+    user: User;
+    userActions: UserActionType[];
+    isExpanded: boolean;
+    textOptions: SidebarTexts;
+    logout: () => void;
+};
+export declare const UserButton: (props: UserButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Navigation/FoodsNavBar/Footer/UserPopover.d.ts

@@ -0,0 +1,12 @@
+import { SidebarTexts, UserActionType } from "../FoodsNavbar";
+type UserPopoverProps = {
+    isExpanded: boolean;
+    userActions: UserActionType[];
+    isPopoverOpen: boolean;
+    anchor: HTMLElement | null;
+    onClose: () => void;
+    logout: () => void;
+    textOptions: SidebarTexts;
+};
+export declare const UserPopover: (props: UserPopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Navigation/FoodsNavBar/Footer/index.d.ts

@@ -0,0 +1 @@
+export { Footer } from "./Footer";

package/dist/components/Navigation/FoodsNavBar/NavbarAction.d.ts

@@ -0,0 +1,8 @@
+import { NavbarButtonType } from "./FoodsNavbar";
+type NavbarActionsProps = {
+    button: NavbarButtonType;
+    isExpanded: boolean;
+    extendSidebar: () => void;
+};
+export declare const NavbarAction: (props: NavbarActionsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Navigation/FoodsNavBar/Organization.d.ts

@@ -0,0 +1,7 @@
+type OrganizationProps = {
+    isOpen: boolean;
+    name: string;
+    picture?: string;
+};
+export declare const Organization: (props: OrganizationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Navigation/FoodsNavBar/index.d.ts

@@ -0,0 +1,2 @@
+export { FoodsNavbar } from "./FoodsNavbar";
+export type { FoodsNavbarProps } from "./FoodsNavbar";

package/dist/components/Navigation/IconThread.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-export type Icon = {
-    selected: JSX.Element;
-    unselected: JSX.Element;
-};
+import { ReactNode } from "react";
 export type IconThreadProps = {
-    icons: Icon[];
+    icons?: ReactNode[];
+    steps?: number;
     currentStep?: number;
+    clickable?: boolean;
+    onClick?: (index: number) => void;
 };
 export declare const IconThread: (props: IconThreadProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Navigation/Navbar.d.ts

@@ -1,11 +1,54 @@
-/// <reference types="react" />
-export interface INavBarLink {
+import React from "react";
+import { ButtonProps } from "@mui/material";
+export type INavBarLink = {
     icon: React.ReactElement;
     link: string;
-    isCurrent: boolean;
-}
-export interface INavBarProps {
+    label?: string;
+    sublinks?: INavBarLink[];
+};
+type NavBarLinkProps = INavBarLink & {
+    isOpen: boolean;
+    isSubMenuOpen?: boolean;
+    isSubmenu: boolean;
+    onClick?: () => void;
+    navigate: (link: string) => void;
+    isCurrent: (link: string) => boolean;
+};
+export type IUser = {
+    firstname: string;
+    lastname: string;
+    picture?: string;
+};
+export type IOrganization = {
+    name: string;
+    picture?: string;
+};
+export type INavBarProps = {
     links: INavBarLink[];
-}
+    connectedUser: IUser;
+    organization: IOrganization;
+    navigate: (link: string) => void;
+    isCurrent: (link: string) => boolean;
+    handleIsOpen: (isOpen: boolean) => void;
+    settingsRoute?: string;
+    settingsText: string;
+    userActions: UserActions[];
+};
+export type UserActions = {
+    label: string;
+    separator?: boolean;
+} & ButtonProps;
+type LayoutNavProps = INavBarProps & {
+    isOpen: boolean;
+};
 export declare const Navbar: (props: INavBarProps) => import("react/jsx-runtime").JSX.Element;
-export declare function NavBarLink(props: INavBarLink): import("react/jsx-runtime").JSX.Element;
+export declare const NavBarLink: (props: NavBarLinkProps) => import("react/jsx-runtime").JSX.Element;
+type SubMenuProps = {
+    sublinks?: INavBarLink[];
+    navigate: (link: string) => void;
+    isCurrent: (link: string) => boolean;
+};
+export declare const SubMenu: (props: SubMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderNav: (props: LayoutNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare function UserNav(props: LayoutNavProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,3 @@
-export * from "../Form/FormTopBar";
 export * from "./IconThread";
 export * from "./Navbar";
+export * from "./FoodsNavBar";

package/dist/components/Number/NumberUnit.d.ts

@@ -0,0 +1,7 @@
+export type NumberProps = {
+    label: number;
+    unit: string;
+    size?: number;
+    direction?: "row" | "column";
+};
+export declare const NumberUnit: (props: NumberProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Number/Score.d.ts

@@ -0,0 +1,7 @@
+export type ScoreProps = {
+    score: "A" | "B" | "C" | "D" | "E";
+    value: number;
+    size?: number;
+    direction?: "row" | "column";
+};
+export declare const Score: (props: ScoreProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from "./NumberUnit";
+export * from "./Score";

package/dist/components/Popover/AnchoredPopover.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { SxProps } from "@mui/material";
 export interface IAnchoredPopoverProps {
     open: boolean;
     anchor: HTMLElement | null;
@@ -6,6 +7,7 @@ export interface IAnchoredPopoverProps {
     anchorPosition?: "leftside" | "center" | "rightside";
     children: JSX.Element | JSX.Element[];
     variant?: "themed" | "headless";
+    sx?: SxProps;
 }
 export declare function AnchoredPopover(props: IAnchoredPopoverProps): import("react/jsx-runtime").JSX.Element;
 export declare function ThemedPopover(props: IAnchoredPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/BigPopoverLayout.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-export interface IBigPopoverLayout {
+import { ReactNode } from "react";
+export type IBigPopoverLayout = {
     headerText: string;
     headerIcon?: JSX.Element;
-    children: JSX.Element | JSX.Element[];
+    children: ReactNode;
     bottomActions?: boolean;
     width?: string;
     onClose: () => void;
     onCancel?: () => void;
     onValidate?: () => void;
-}
-export declare function BigPopoverLayout(props: IBigPopoverLayout): import("react/jsx-runtime").JSX.Element;
+};
+export declare const BigPopoverLayout: (props: IBigPopoverLayout) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/CoordinatePopover.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export type CoordinatePopoverProps = {
+    x: number;
+    y: number;
+    content: ReactNode;
+    open: boolean;
+    setOpen: (value: boolean) => void;
+};
+export declare const CoordinatePopover: (props: CoordinatePopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/OptionsPopover.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from "@mui/material";
+export type OptionsPopoverOption = {
+    id: string | number;
+    label: string;
+    active?: boolean;
+};
+export type OptionsPopoverSection = {
+    header?: string;
+    options: OptionsPopoverOption[];
+};
+export type OptionsPopoverProps = Omit<BoxProps, "content" | "onChange"> & {
+    content: OptionsPopoverSection[];
+    onChange?: (option: OptionsPopoverOption, section: OptionsPopoverSection) => void;
+    defaultIndex?: string | number;
+};
+export declare function OptionsPopover(props: OptionsPopoverProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Popover/WhitePopover.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type WhitePopoverProps = {
+    icon: JSX.Element;
+    body: JSX.Element;
+    size: string;
+};
+export declare const WhitePopover: (props: WhitePopoverProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,3 +1,6 @@
 export * from "./AnchoredPopover";
 export * from "./BigPopoverLayout";
+export * from "./OptionsPopover";
 export * from "./WhitePopoverOnIcon";
+export * from "./WhitePopover";
+export * from "./CoordinatePopover";

package/dist/components/Radio/BaseRadio.d.ts

@@ -0,0 +1,22 @@
+import { RadioProps, FormControlProps, FormControlLabelProps } from "@mui/material";
+import { CSSProperties } from "react";
+export type RadioProperties<T> = Record<string | number, RadioPropertyValue<T>>;
+export type RadioPropertyValue<T> = {
+    name: string | number;
+    state: boolean;
+    disabled?: boolean;
+    rawData?: T;
+};
+export type BaseRadioOverrides = {
+    FormControlProps?: FormControlProps;
+    FormControlLabelProps?: Omit<FormControlLabelProps, "onChange" | "control" | "label" | "key">;
+    RadioProps?: RadioProps;
+};
+type BaseRadioProps<T> = BaseRadioOverrides & {
+    values: RadioProperties<T>;
+    onChange: (newRadio: RadioProperties<T>) => void;
+    flexDirection?: CSSProperties["flexDirection"];
+    variant?: "primary" | "secondary";
+};
+export declare const BaseRadio: <T>(props: BaseRadioProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Radio/FoodsRadioList.d.ts

@@ -0,0 +1,9 @@
+import { BaseRadioOverrides } from "./BaseRadio";
+export type FoodsRadioListProps<T> = BaseRadioOverrides & {
+    selectedItem: T | undefined;
+    values: T[];
+    onChange: (newValue: T) => void;
+    getId?: (item: T) => string | number;
+    getName?: (item: T) => string | number;
+};
+export declare const FoodsRadioList: <T>(props: FoodsRadioListProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Radio/RadioBoolean.d.ts

@@ -0,0 +1,8 @@
+import { BaseRadioOverrides } from "./BaseRadio";
+export type RadioBooleanProps = BaseRadioOverrides & {
+    value: boolean | undefined;
+    onChange: (value: boolean) => void;
+    trueKeyName?: string;
+    falseKeyName?: string;
+};
+export declare const RadioBoolean: (props: RadioBooleanProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Radio/RadioList.d.ts

@@ -0,0 +1,18 @@
+import { RadioProps } from "@mui/material";
+import { CSSProperties } from "react";
+export type RadioProperties = Record<string, RadioPropertyValue>;
+export type RadioPropertyValue = {
+    name: string;
+    state: boolean;
+    disabled?: boolean;
+};
+type RadioListProps = Omit<RadioProps, "onChange"> & {
+    values: RadioProperties;
+    onChange: (newRadio: RadioProperties) => void;
+    flexDirection?: CSSProperties["flexDirection"];
+    variant?: "primary" | "secondary";
+    title?: string;
+    description?: string;
+};
+export declare const RadioList: (props: RadioListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,3 @@
+export * from "./RadioList";
+export * from "./FoodsRadioList";
+export * from "./RadioBoolean";

package/dist/components/{SsqCard.d.ts → Ssq/SsqCard.d.ts}

@@ -1,10 +1,10 @@
 import { ElementType } from "react";
-export interface SsqCardProps {
+export type SsqCardProps = {
     heading: {
         title: string;
         description: string;
-        contentUrl: string;
-        properties: {
+        contentUrl?: string;
+        properties?: {
             "@id": string;
             title: string;
             fields: {
@@ -13,10 +13,14 @@ export interface SsqCardProps {
             }[];
         }[];
     };
-    progress: number;
+    progress: {
+        value: number;
+        label: string;
+    };
     link: {
         component: ElementType;
         to: string;
+        label: string;
     };
-}
-export declare const SsqCard: (props: SsqCardProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SsqCard: (props: SsqCardProps) => JSX.Element | null;

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

@@ -0,0 +1 @@
+export * from "./SsqCard";

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

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+import { ToggleButtonProps } from "@mui/material";
+type ToggleButtonsPropsWithoutEnforcedKeys = Omit<ToggleButtonProps, "value" | "onClick" | "selected">;
+export type ButtonTabsProps = ToggleButtonsPropsWithoutEnforcedKeys & {
+    choices: ReactNode[];
+    onClick?: (index: number) => void;
+    defaultIndex?: number;
+};
+export declare const ButtonTabs: (props: ButtonTabsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+import { BoxProps } from "@mui/material";
+export type SectionTab = {
+    name: string;
+    onClick?: () => void;
+    component?: ReactNode;
+    disabled?: boolean | false;
+    icon?: ReactNode;
+};
+export type SectionTabsProps = BoxProps & {
+    tabs: SectionTab[];
+    value?: number;
+    renderComponents?: boolean | true;
+};
+export declare const SectionTabs: (props: SectionTabsProps) => import("react/jsx-runtime").JSX.Element;
+export type SectionTabPanelProps = {
+    children?: ReactNode;
+    index: number;
+    value: number;
+};

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

@@ -0,0 +1,2 @@
+export * from "./ButtonTabs";
+export * from "./SectionTabs";

package/dist/components/Text/TextBlock.d.ts

@@ -0,0 +1,13 @@
+import { MouseEventHandler, ReactNode } from "react";
+export type TextBlockProps = {
+    title: string;
+    size?: "big" | "small";
+    type?: "gray" | "brand" | "default";
+    orientation?: "vertical" | "horizontal";
+    icon: ReactNode;
+    children?: JSX.Element | JSX.Element[];
+    cta?: JSX.Element | JSX.Element[];
+    closeable?: boolean;
+    onClose?: MouseEventHandler;
+};
+export declare const TextBlock: (props: TextBlockProps) => JSX.Element | null;

package/dist/components/Text/TextTitle.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 import { customTypographyVariants } from "../../themes/ThemeExtensions";
 export type TextTitleProps = {
     title: string;
     titleSize?: customTypographyVariants;
-    icon: JSX.Element;
+    badge: ReactNode;
 };
 export declare const TextTitle: (props: TextTitleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
 export * from "./TextArrowList";
+export * from "./TextBlock";
 export * from "./TextTitle";
 export * from "./TextTitleGreyIcon";

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,6 @@
+export type TextareaProps = {
+    content: string;
+    variant?: "primary" | "secondary" | "tertiary" | "disabled";
+    disabled?: boolean;
+};
+export declare const Textarea: import("@emotion/styled").StyledComponent<TextareaProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/components/index.d.ts

@@ -1,15 +1,23 @@
 export * from "./Accordion";
 export * from "./Box";
 export * from "./Button";
+export * from "./Chart";
 export * from "./Checkbox";
 export * from "./Dialog";
 export * from "./Field";
+export * from "./Filter";
 export * from "./Form";
 export * from "./Grid";
 export * from "./Input";
 export * from "./Navigation";
 export * from "./Popover";
+export * from "./Ssq";
+export * from "./Tabs";
 export * from "./Text";
+export * from "./CustomTypography";
+export * from "./Number";
+export * from "./Radio";
+export * from "./Indicator";
+export * from "./Badge";
 export * from "./CardImage";
 export * from "./LinearProgress";
-export * from "./SsqCard";

package/dist/main.d.ts

@@ -1,19 +1,3 @@
-export { AccordionProduct, GenericAccordion } from "./components/Accordion";
-export { CategoryBox, DottedBox, InfoBox, LineGroupBox, QuoteBox, SolidGreyBox, WarningBox } from "./components/Box";
-export { TertiaryToggleButton } from "./components/Button";
-export { TextArrowList, TextTitle, TextTitleGreyIcon } from "./components/Text";
-export { PrimaryCheckbox } from "./components/Checkbox";
-export { PrimaryDialog } from "./components/Dialog";
-export { NumberField, TextField } from "./components/Field";
-export { FormBase } from "./components/Form";
-export { MRTGrid, LinkCell, ArrayCell, GreyTextCell, EcoScoreCell, PointsCell } from "./components/Grid";
-export { RoundInput, RoundNumberInput, SearchBox } from "./components/Input";
-export { FormTopBar, IconThread } from "./components/Navigation";
-export { AnchoredPopover, BigPopoverLayout, WhitePopoverOnIcon } from "./components/Popover";
-export { MultiValueFilter, FixedMultiValueFilter } from "./components/Filter";
+export * from "./components";
+export * from "./themes";
 export { Button, Typography } from "@mui/material";
-export type { CheckboxProperties } from "./components/Checkbox";
-export type { LineGroupBoxProps } from "./components/Box";
-export type { AccordionContent } from "./components/Accordion";
-export type { Page } from "./components/Form";
-export { FoodsThemeProvider, FoodPilotTheme } from "./themes";