@conveyorhq/arrow-ds 2.0.0-beta.1 → 2.0.0-beta.10

package/src/tokens/width.ts

@@ -1,36 +1,10 @@
+import { positiveScale } from "./sizing-scale";
+
+/**
+ * @deprecated Please use style-dictionary/width
+ */
 export const width = {
-  auto: "auto",
-  px: "1px",
-  "1": "4px",
-  "2": "8px",
-  "3": "12px",
-  "4": "16px",
-  "5": "20px",
-  "6": "24px",
-  "7": "28px",
-  "8": "32px",
-  "9": "36px",
-  "10": "40px",
-  "12": "48px",
-  "14": "56px",
-  "16": "64px",
-  "18": "72px",
-  "20": "80px",
-  "22": "88px",
-  "24": "96px",
-  "28": "112px",
-  "30": "120px",
-  "32": "128px",
-  "34": "136px",
-  "36": "144px",
-  "38": "152px",
-  "40": "160px",
-  "42": "168px",
-  "44": "176px",
-  "46": "184px",
-  "48": "192px",
-  "56": "224px",
-  "64": "256px",
+  ...positiveScale,
   "1/2": "50%",
   "1/3": "33.33333%",
   "2/3": "66.66667%",
@@ -42,47 +16,26 @@ export const width = {
   "4/5": "80%",
   "1/6": "16.66667%",
   "5/6": "83.33333%",
+  auto: "auto",
+  px: "1px",
   full: "100%",
   screen: "100vw",
   "max-content": "max-content",
 };
 
+/**
+ * @deprecated Please use style-dictionary/width
+ */
 export const minWidth = {
-  "0": "0",
-  "1": "4px",
-  "2": "8px",
-  "3": "12px",
-  "4": "16px",
-  "5": "20px",
-  "6": "24px",
-  "7": "28px",
-  "8": "32px",
-  "9": "36px",
-  "10": "40px",
-  "12": "48px",
-  "14": "56px",
-  "16": "64px",
-  "18": "72px",
-  "20": "80px",
-  "22": "88px",
-  "24": "96px",
-  "28": "112px",
-  "30": "120px",
-  "32": "128px",
-  "34": "136px",
-  "36": "144px",
-  "38": "152px",
-  "40": "160px",
-  "42": "168px",
-  "44": "176px",
-  "46": "184px",
-  "48": "192px",
-  "56": "224px",
-  "64": "256px",
+  ...positiveScale,
   full: "100%",
 };
 
+/**
+ * @deprecated Please use style-dictionary/width
+ */
 export const maxWidth = {
+  ...positiveScale,
   xs: "20rem",
   sm: "30rem",
   md: "40rem",

package/src/tokens/will-change.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated
+ */
 export const willChange = {
   auto: "auto",
   scroll: "scroll-position",

package/src/tokens/z-index.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Please use style-dictionary/z-index
+ */
 export const zIndex = {
   auto: "auto",
   "0": 0,

package/src/types/index.ts

@@ -1,32 +1,16 @@
 import { ComputedPlacement, AutoPlacement } from "@popperjs/core";
-import { padding } from "../tokens/padding";
+import { positiveScale } from "../tokens/sizing-scale";
 
 export type ClassName = string | Array<string | ClassName>;
 
-export enum COMPLY_COMPANY_NAME {
-  APTIBLE = "aptible",
-  CONVEYOR = "conveyor",
-}
-
+/**
+ * @deprecated
+ */
 export enum THEME {
   PRODUCT = "product",
   BRAND = "brand",
 }
 
-export enum PRODUCT_ID {
-  COMPLY = "comply",
-  DEPLOY = "deploy",
-  TRUST_CENTER = "trustCenter",
-  EXCHANGE = "exchange",
-}
-
-export enum PRODUCT_NAME {
-  COMPLY = "Comply",
-  DEPLOY = "Deploy",
-  TRUST_CENTER = "Trust Center",
-  EXCHANGE = "Exchange",
-}
-
 export enum STATUS_VARIANT {
   DANGER = "danger",
   WARNING = "warning",
@@ -68,8 +52,37 @@ export type Action = {
   external?: boolean;
 };
 
-const paddingValues = Object.keys(padding)
-  .filter((val) => val !== "px")
-  .map((val) => parseInt(val, 10));
+const sizingValues = Object.keys(positiveScale).map((val) => parseInt(val, 10));
+
+/**
+ * @deprecated Use SizingKeys instead
+ */
+export type Spacing = typeof sizingValues[number];
+
+export type SizingKeys = typeof sizingValues[number];
+
+export type DisclosureProps = {
+  isOpen: boolean;
+  onOpen(): void;
+  onClose(): void;
+  onToggle(): void;
+};
+
+export type RequiredToasterProps = {
+  /**
+   * ID of the toaster instance; auto-generated
+   */
+  id: number;
+  /**
+   * Method to dismiss the toaster instance; auto-generated
+   */
+  onClose: () => void;
+};
 
-export type Spacing = typeof paddingValues[number];
+export type ToasterPositionOptions =
+  | "top-left"
+  | "top"
+  | "top-right"
+  | "bottom-left"
+  | "bottom"
+  | "bottom-right";

package/src/utilities/index.ts

@@ -1,4 +1,5 @@
 export { bem, bemHOF } from "./bem";
+export { mergeEventHandlers } from "./mergeEventHandlers";
 export { toNumber } from "./toNumber";
 export * from "./isValidDate";
 export * from "./parseDate";

package/src/utilities/mergeEventHandlers.ts

@@ -0,0 +1,20 @@
+/**
+ * Borrowed from https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx
+ */
+export function mergeEventHandlers<E>(
+  originalEventHandler?: (event: E) => void,
+  ourEventHandler?: (event: E) => void,
+  { checkForDefaultPrevented = true } = {},
+) {
+  // eslint-disable-next-line consistent-return
+  return function handleEvent(event: E) {
+    originalEventHandler?.(event);
+
+    if (
+      checkForDefaultPrevented === false ||
+      !((event as unknown) as Event).defaultPrevented
+    ) {
+      return ourEventHandler?.(event);
+    }
+  };
+}

package/public/components/Absolute/Absolute.d.ts

@@ -1,2 +0,0 @@
-import { BoxProps } from "../Box";
-export declare const Absolute: (props: BoxProps) => JSX.Element;

package/public/components/Absolute/Absolute.js

@@ -1,14 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Absolute = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Box_1 = require("../Box");
-const Absolute = (props) => {
-    const { className, ...rest } = props;
-    return react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default("absolute", className) }, rest));
-};
-exports.Absolute = Absolute;

package/public/components/Absolute/index.d.ts

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

package/public/components/Absolute/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Absolute = void 0;
-var Absolute_1 = require("./Absolute");
-Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return Absolute_1.Absolute; } });

package/public/components/Appbar/Appbar.d.ts

@@ -1,61 +0,0 @@
-import React, { ReactNode } from "react";
-import { COMPLY_COMPANY_NAME, PRODUCT_ID } from "../../types";
-import { BoxProps } from "../Box";
-import { LinkProps } from "../Link";
-declare type NavComponent = ReactNode;
-declare type UserComponent = ReactNode;
-declare type OrganizationComponent = ReactNode;
-export interface AppbarProps extends BoxProps {
-    company?: COMPLY_COMPANY_NAME;
-    currentProduct?: PRODUCT_ID;
-    nav?: NavComponent;
-    user?: UserComponent;
-    organization?: OrganizationComponent;
-    logoProps?: LinkProps;
-    isDemoEnvironment?: boolean;
-    isProductMenuDisabled?: boolean;
-}
-export declare const Appbar: {
-    (props: AppbarProps): JSX.Element;
-    Tabs: (props: BoxProps) => JSX.Element;
-    Tab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<{
-        children: React.ReactNode;
-        as?: any;
-        active?: boolean | undefined;
-    }>>;
-    User: ({ name, avatar }: {
-        avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
-        name?: string | undefined;
-    }) => JSX.Element;
-    UserDropdown: ({ name, avatar, children, onClose, }: {
-        avatar: React.ReactElement<import("../Avatar").AvatarProps, string | React.JSXElementConstructor<any>>;
-        children: React.ReactNode;
-        name?: string | undefined;
-        onClose?: (() => void) | undefined;
-    }) => JSX.Element;
-    UserDropdownMenu: ({ children, }: {
-        children: React.ReactNode;
-    }) => JSX.Element;
-    UserDropdownMenuItem: ({ children, onClick, as, className, ...rest }: {
-        [key: string]: any;
-        as?: any;
-        onClick?: (() => void) | undefined;
-        selected?: boolean | undefined;
-    }) => JSX.Element;
-    LogInButton: (props: LinkProps) => JSX.Element;
-    ClaimProfileButton: ({ onClick }: import("../Button").ButtonProps) => JSX.Element;
-    Organizations: ({ children, className, }: {
-        children: React.ReactNode;
-        className?: string | undefined;
-    }) => JSX.Element;
-    Organization: ({ name, status, logoSrc, hideLogo, onClick, className, }: {
-        name: string;
-        status?: ("claimed" | "unclaimed" | "pending") | undefined;
-        logoSrc?: string | undefined;
-        hideLogo?: boolean | undefined;
-        onClick?: (() => void) | undefined;
-        className?: string | undefined;
-    }) => JSX.Element;
-    UserAvatar: (props: import("../Avatar").AvatarProps) => JSX.Element;
-};
-export {};

package/public/components/Appbar/Appbar.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Appbar = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const types_1 = require("../../types");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const AppbarLogInButton_1 = require("./AppbarLogInButton");
-const AppbarLogo_1 = require("./AppbarLogo");
-const AppbarProductMenu_1 = require("./AppbarProductMenu");
-const AppbarTabs_1 = require("./AppbarTabs");
-const AppbarUser_1 = require("./AppbarUser");
-const AppbarOrganization_1 = require("./AppbarOrganization");
-const AppbarClaimProfileButton_1 = require("./AppbarClaimProfileButton");
-const config_1 = require("./config");
-const context_1 = require("./context");
-const Appbar = (props) => {
-    const { company = types_1.COMPLY_COMPANY_NAME.CONVEYOR, logoProps, nav, user, organization, currentProduct, className, isDemoEnvironment, isProductMenuDisabled, ...rest } = props;
-    return (react_1.default.createElement(context_1.AppbarContext.Provider, { value: { company } },
-        react_1.default.createElement(Box_1.Box, Object.assign({ className: classnames_1.default(config_1.cn(), className, { isDemoEnvironment }) }, rest),
-            react_1.default.createElement(AppbarLogo_1.AppbarLogo, Object.assign({}, logoProps)),
-            currentProduct && (react_1.default.createElement(AppbarProductMenu_1.AppbarProductMenu, { currentProductId: currentProduct, disabled: isProductMenuDisabled })),
-            nav,
-            (organization || user) && (react_1.default.createElement(Box_1.Box, { className: "h-full ml-auto mr-3" },
-                react_1.default.createElement(Flex_1.Flex, { className: "items-center h-full" },
-                    organization && react_1.default.createElement(Box_1.Box, { className: "mr-2" }, organization),
-                    user))))));
-};
-exports.Appbar = Appbar;
-exports.Appbar.Tabs = AppbarTabs_1.AppbarTabs;
-exports.Appbar.Tab = AppbarTabs_1.AppbarTab;
-exports.Appbar.User = AppbarUser_1.AppbarUser;
-exports.Appbar.UserDropdown = AppbarUser_1.AppbarUserDropdown;
-exports.Appbar.UserDropdownMenu = AppbarUser_1.AppbarUserDropdownMenu;
-exports.Appbar.UserDropdownMenuItem = AppbarUser_1.AppbarUserDropdownMenuItem;
-exports.Appbar.LogInButton = AppbarLogInButton_1.AppbarLogInButton;
-exports.Appbar.ClaimProfileButton = AppbarClaimProfileButton_1.AppbarClaimProfileButton;
-exports.Appbar.Organizations = AppbarOrganization_1.AppbarOrganizations;
-exports.Appbar.Organization = AppbarOrganization_1.AppbarOrganization;
-exports.Appbar.UserAvatar = AppbarUser_1.AppbarUserAvatar;

package/public/components/Appbar/AppbarClaimProfileButton.d.ts

@@ -1,2 +0,0 @@
-import { ButtonProps } from "../Button";
-export declare const AppbarClaimProfileButton: ({ onClick }: ButtonProps) => JSX.Element;

package/public/components/Appbar/AppbarClaimProfileButton.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarClaimProfileButton = void 0;
-const react_1 = __importDefault(require("react"));
-const Button_1 = require("../Button");
-const AppbarClaimProfileButton = ({ onClick }) => (react_1.default.createElement(Button_1.Button, { className: "text-body", size: Button_1.BUTTON_SIZE.MEDIUM, variant: Button_1.BUTTON_VARIANT.PRIMARY, onClick: onClick }, "Claim Your Page"));
-exports.AppbarClaimProfileButton = AppbarClaimProfileButton;

package/public/components/Appbar/AppbarDropdownIcon.d.ts

@@ -1 +0,0 @@
-export declare const AppbarDropdownIcon: () => JSX.Element;

package/public/components/Appbar/AppbarDropdownIcon.js

@@ -1,10 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarDropdownIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const Icon_1 = require("../Icon");
-const AppbarDropdownIcon = () => (react_1.default.createElement(Icon_1.Icon, { className: "text-h6 ml-2 text-gray-500", icon: Icon_1.ICON_TYPE.CHEVRON_DOWN }));
-exports.AppbarDropdownIcon = AppbarDropdownIcon;

package/public/components/Appbar/AppbarLogInButton.d.ts

@@ -1,2 +0,0 @@
-import { LinkProps } from "../Link";
-export declare const AppbarLogInButton: (props: LinkProps) => JSX.Element;

package/public/components/Appbar/AppbarLogInButton.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarLogInButton = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Link_1 = require("../Link");
-const AppbarLogInButton = (props) => {
-    const { onClick, href, ...rest } = props;
-    return (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default([
-            "py-1",
-            "px-2",
-            "text-gray-500",
-            "text-body",
-            "ease-all-fast",
-            "no-underline",
-            "rounded",
-            "hover:text-white",
-            "focus:text-white",
-            "focus:bg-gray-800",
-            "focus:outline-none",
-        ]), noStyles: true }, rest), "Log in"));
-};
-exports.AppbarLogInButton = AppbarLogInButton;

package/public/components/Appbar/AppbarLogo.d.ts

@@ -1,2 +0,0 @@
-import { LinkProps } from "../Link";
-export declare const AppbarLogo: (props: LinkProps) => JSX.Element;

package/public/components/Appbar/AppbarLogo.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarLogo = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const AptibleLogo_1 = require("../AptibleLogo");
-const Flex_1 = require("../Flex");
-const Link_1 = require("../Link");
-const ConveyorLogo_1 = require("../ConveyorLogo");
-const config_1 = require("./config");
-const context_1 = require("./context");
-const types_1 = require("../../types");
-const AppbarLogo = (props) => {
-    const { company } = context_1.useAppbarContext();
-    const { href, onClick, className, noStyles, ...rest } = props;
-    const logo = () => {
-        switch (company) {
-            case types_1.COMPLY_COMPANY_NAME.APTIBLE:
-                return react_1.default.createElement(AptibleLogo_1.AptibleLogo, { height: 20 });
-            case types_1.COMPLY_COMPANY_NAME.CONVEYOR:
-                return react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 });
-            default:
-                return react_1.default.createElement(ConveyorLogo_1.ConveyorLogo, { theme: types_1.THEME.BRAND, height: 20 });
-        }
-    };
-    return (react_1.default.createElement(Flex_1.Flex, { className: config_1.cn({ e: "logo" }) }, href || onClick ? (react_1.default.createElement(Link_1.Link, Object.assign({ className: classnames_1.default(config_1.cn({ e: "logoLink" }), className), href: href, onClick: onClick, noStyles: true }, rest), logo())) : (react_1.default.createElement(react_1.default.Fragment, null, logo()))));
-};
-exports.AppbarLogo = AppbarLogo;

package/public/components/Appbar/AppbarOrganization.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from "react";
-declare type OrganizationStatus = "claimed" | "unclaimed" | "pending";
-declare type AppbarOrganizationProps = {
-    name: string;
-    status?: OrganizationStatus;
-    logoSrc?: string;
-    hideLogo?: boolean;
-    onClick?: () => void;
-    className?: string;
-};
-declare type AppbarOrganizationsProps = {
-    children: ReactNode;
-    className?: string;
-};
-export declare const AppbarOrganizations: ({ children, className, }: AppbarOrganizationsProps) => JSX.Element;
-export declare const AppbarOrganization: ({ name, status, logoSrc, hideLogo, onClick, className, }: AppbarOrganizationProps) => JSX.Element;
-export {};

package/public/components/Appbar/AppbarOrganization.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarOrganization = exports.AppbarOrganizations = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Flex_1 = require("../Flex");
-const Icon_1 = require("../Icon");
-const Text_1 = require("../Text");
-const VendorLogo_1 = require("../VendorLogo");
-const config_1 = require("./config");
-const AppbarOrganizationLogo = ({ src, name, status, className, }) => {
-    if (status === "pending") {
-        return (react_1.default.createElement(Flex_1.Flex, { className: classnames_1.default(config_1.cn({ e: "organizationLogo" }), className) },
-            react_1.default.createElement(Icon_1.Icon, { icon: Icon_1.ICON_TYPE.ELLIPSIS_H })));
-    }
-    if (!src || status === "unclaimed") {
-        return null;
-    }
-    return (react_1.default.createElement(VendorLogo_1.VendorLogo, { className: "ml-2", vendorName: name, src: src, size: 6 },
-        react_1.default.createElement(VendorLogo_1.VendorLogo.Badge, { icon: Icon_1.ICON_TYPE.CHECK })));
-};
-const AppbarOrganizations = ({ children, className, }) => {
-    return (react_1.default.createElement(Flex_1.Flex, { className: classnames_1.default(config_1.cn({ e: "organizations" }), className) }, children));
-};
-exports.AppbarOrganizations = AppbarOrganizations;
-const AppbarOrganization = ({ name, status = "claimed", logoSrc, hideLogo, onClick, className, }) => {
-    const Component = onClick ? "button" : "div";
-    return (react_1.default.createElement(Component, { className: classnames_1.default(config_1.cn({ e: "organization" }), onClick && config_1.cn({ e: "organization", m: "switcher" }), className), type: onClick ? "button" : undefined, onClick: onClick },
-        react_1.default.createElement(Text_1.Text, { as: "span", className: "text-body" }, name),
-        !hideLogo && (react_1.default.createElement(AppbarOrganizationLogo, { name: name, src: logoSrc, status: status }))));
-};
-exports.AppbarOrganization = AppbarOrganization;

package/public/components/Appbar/AppbarProductMenu.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-import { PRODUCT_ID } from "../../types";
-declare type AppbarProductMenuProps = {
-    currentProductId: PRODUCT_ID;
-    disabled?: boolean;
-};
-declare type AppbarProductMenuItemProps = {
-    children: ReactNode;
-    href: string;
-};
-export declare const AppbarProductMenuItem: ({ children, href, }: AppbarProductMenuItemProps) => JSX.Element;
-export declare const AppbarProductMenu: (props: AppbarProductMenuProps) => JSX.Element;
-export {};

package/public/components/Appbar/AppbarProductMenu.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarProductMenu = exports.AppbarProductMenuItem = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const types_1 = require("../../types");
-const Box_1 = require("../Box");
-const Link_1 = require("../Link");
-const MenuRenderer_1 = require("../MenuRenderer");
-const PopoverMenu_1 = require("../PopoverMenu");
-const ProductIcon_1 = require("../ProductIcon");
-const AppbarDropdownIcon_1 = require("./AppbarDropdownIcon");
-const AppbarTabMarker_1 = require("./AppbarTabMarker");
-const config_1 = require("./config");
-const products = [
-    {
-        id: types_1.PRODUCT_ID.EXCHANGE,
-        name: types_1.PRODUCT_NAME.EXCHANGE,
-        url: "https://exchange.conveyorhq.com/",
-        hidden: true,
-    },
-    {
-        id: types_1.PRODUCT_ID.TRUST_CENTER,
-        name: types_1.PRODUCT_NAME.TRUST_CENTER,
-        url: "https://trust.conveyorhq.com/",
-    },
-    {
-        id: types_1.PRODUCT_ID.COMPLY,
-        name: types_1.PRODUCT_NAME.COMPLY,
-        url: "https://app.conveyorhq.com/",
-    },
-    {
-        id: types_1.PRODUCT_ID.DEPLOY,
-        name: types_1.PRODUCT_NAME.DEPLOY,
-        url: "https://dashboard.conveyorhq.com/",
-    },
-];
-const AppbarProductMenuItem = ({ children, href, }) => {
-    const { itemProps } = MenuRenderer_1.useMenuContext();
-    return (react_1.default.createElement(Link_1.Link, Object.assign({ as: "a", noStyles: true, href: href, className: classnames_1.default([
-            config_1.cn({ e: "menuItem" }),
-            config_1.cn({ e: "productMenuItem" }),
-        ]) }, itemProps), children));
-};
-exports.AppbarProductMenuItem = AppbarProductMenuItem;
-const AppbarProductMenu = (props) => {
-    const { currentProductId, disabled } = props;
-    const productName = products.filter((product) => product.id === currentProductId)[0].name;
-    return (react_1.default.createElement(MenuRenderer_1.MenuRenderer, { className: classnames_1.default([config_1.cn({ e: "menu" }), config_1.cn({ e: "productMenu" })]), popperModifiers: config_1.popperModifiers, trigger: (triggerProps, { isOpen }) => (react_1.default.createElement("button", Object.assign({ type: "button", className: classnames_1.default([
-                config_1.cn({ e: "menuButton" }),
-                config_1.cn({ e: "productMenuButton" }),
-                isOpen && "isOpen",
-                "hasTabMarker",
-            ]), disabled: disabled }, triggerProps),
-            react_1.default.createElement(Box_1.Box, null,
-                productName,
-                !disabled && react_1.default.createElement(AppbarDropdownIcon_1.AppbarDropdownIcon, null)),
-            !disabled && react_1.default.createElement(AppbarTabMarker_1.AppbarTabMarker, null))) }, ({ listProps }) => (react_1.default.createElement(PopoverMenu_1.PopoverMenu, Object.assign({ className: config_1.cn({ e: "menuList" }), theme: types_1.THEME.BRAND }, listProps), products
-        .filter((p) => !p.hidden)
-        .map((product) => (react_1.default.createElement(exports.AppbarProductMenuItem, { key: product.id, href: product.url },
-        react_1.default.createElement(ProductIcon_1.ProductIcon, { className: "mr-3", productId: product.id }),
-        product.name)))))));
-};
-exports.AppbarProductMenu = AppbarProductMenu;

package/public/components/Appbar/AppbarTabMarker.d.ts

@@ -1 +0,0 @@
-export declare const AppbarTabMarker: () => JSX.Element;

package/public/components/Appbar/AppbarTabMarker.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppbarTabMarker = void 0;
-const react_1 = __importDefault(require("react"));
-const Box_1 = require("../Box");
-const config_1 = require("./config");
-const AppbarTabMarker = () => react_1.default.createElement(Box_1.Box, { className: config_1.cn({ e: "tabMarker" }) });
-exports.AppbarTabMarker = AppbarTabMarker;

package/public/components/Appbar/AppbarTabs.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactNode } from "react";
-import { BoxProps } from "../Box";
-declare type AppbarTabProps = {
-    children: ReactNode;
-    as?: any;
-    active?: boolean;
-};
-export declare const AppbarTabs: (props: BoxProps) => JSX.Element;
-export declare const AppbarTab: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<AppbarTabProps>>;
-export {};