@elliemae/ds-menu-button 3.45.0-rc.0 → 3.45.0-rc.2

package/dist/esm/styled.js

@@ -1,102 +0,0 @@
-import * as React from "react";
-import { xStyledCommonProps, styled } from "@elliemae/ds-system";
-const StyledMenuButtonWrapper = styled("div")`
-  position: relative;
-`;
-const StyledMenu = styled("ul")`
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  list-style-type: none;
-  padding: 0;
-  margin: 0;
-  background-color: white;
-  /* height: 100%; */
-  ${xStyledCommonProps}
-  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),
-    0 2px 4px rgba(16, 22, 26, 0.2),
-    0 8px 24px rgba(16, 22, 26, 0.2);
-`;
-const StyledMenuItem = styled("li")`
-  position: relative;
-  background-color: white;
-  display: flex;
-  margin: 0;
-  min-height: 32px;
-  width: ${({ isVertical, level }) => !isVertical && level === 0 ? "auto" : "100%"};
-  cursor: pointer;
-
-  ul li {
-    min-width: 200px;
-  }
-
-  ${({ isDisabled, theme }) => isDisabled && `
-    color: ${theme.colors.neutral[300]};
-    * {
-      cursor: not-allowed;
-    }
-  `}
-
-  a:focus {
-    outline: 1px solid brand-500;
-    background-color: brand-200;
-  }
-
-  ${({ isOpen, theme }) => isOpen ? `background-color: ${theme.colors.brand["200"]}` : ""}
-`;
-const StyledMenuItemContent = styled("a")`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  text-decoration: none;
-  color: inherit;
-  &:focus {
-    outline: none;
-  }
-  ${({ hasChildren }) => hasChildren ? "padding-left: 16px;" : "padding: 0 16px;"}
-  ${xStyledCommonProps}
-`;
-const StyledLeftContent = styled("div")`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  height: 100%;
-`;
-const StyledRightContent = styled("div")`
-  display: flex;
-  align-items: center;
-`;
-const StyledSeparator = styled("hr")`
-  border: 0;
-  border-top: 1px solid #697489;
-  margin: 4px 0px;
-  padding: 0;
-`;
-const StyledSectionLabel = styled("div")`
-  color: neutral-500;
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  padding: 0 16px;
-  min-height: 24px;
-  justify-content: center;
-`;
-const StyledSection = styled("div")`
-  display: flex;
-  flex-direction: column;
-  gap: 1px;
-  color: neutral-500;
-`;
-export {
-  StyledLeftContent,
-  StyledMenu,
-  StyledMenuButtonWrapper,
-  StyledMenuItem,
-  StyledMenuItemContent,
-  StyledRightContent,
-  StyledSection,
-  StyledSectionLabel,
-  StyledSeparator
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { xStyledCommonProps, styled } from '@elliemae/ds-system';\n\nexport const StyledMenuButtonWrapper = styled('div')`\n  position: relative;\n`;\n\nexport const StyledMenu = styled('ul')`\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n  background-color: white;\n  /* height: 100%; */\n  ${xStyledCommonProps}\n  box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.1),\n    0 2px 4px rgba(16, 22, 26, 0.2),\n    0 8px 24px rgba(16, 22, 26, 0.2);\n`;\n\nexport const StyledMenuItem = styled('li')<{\n  isVertical?: boolean;\n  level?: number;\n  isOpen?: boolean;\n  isDisabled?: boolean;\n}>`\n  position: relative;\n  background-color: white;\n  display: flex;\n  margin: 0;\n  min-height: 32px;\n  width: ${({ isVertical, level }) => (!isVertical && level === 0 ? 'auto' : '100%')};\n  cursor: pointer;\n\n  ul li {\n    min-width: 200px;\n  }\n\n  ${({ isDisabled, theme }) =>\n    isDisabled &&\n    `\n    color: ${theme.colors.neutral[300]};\n    * {\n      cursor: not-allowed;\n    }\n  `}\n\n  a:focus {\n    outline: 1px solid brand-500;\n    background-color: brand-200;\n  }\n\n  ${({ isOpen, theme }) => (isOpen ? `background-color: ${theme.colors.brand['200']}` : '')}\n`;\n\nexport const StyledMenuItemContent = styled('a')<{ hasChildren?: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  text-decoration: none;\n  color: inherit;\n  &:focus {\n    outline: none;\n  }\n  ${({ hasChildren }) => (hasChildren ? 'padding-left: 16px;' : 'padding: 0 16px;')}\n  ${xStyledCommonProps}\n`;\n\nexport const StyledLeftContent = styled('div')`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  height: 100%;\n`;\n\nexport const StyledRightContent = styled('div')`\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledSeparator = styled('hr')`\n  border: 0;\n  border-top: 1px solid #697489;\n  margin: 4px 0px;\n  padding: 0;\n`;\n\nexport const StyledSectionLabel = styled('div')`\n  color: neutral-500;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  padding: 0 16px;\n  min-height: 24px;\n  justify-content: center;\n`;\n\nexport const StyledSection = styled('div')`\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  color: neutral-500;\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,oBAAoB,cAAc;AAEpC,MAAM,0BAA0B,OAAO,KAAK;AAAA;AAAA;AAI5C,MAAM,aAAa,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASjC,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAMf,MAAM,iBAAiB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAW9B,CAAC,EAAE,YAAY,MAAM,MAAO,CAAC,cAAc,UAAU,IAAI,SAAS,MAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOhF,CAAC,EAAE,YAAY,MAAM,MACrB,cACA;AAAA,aACS,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAAA;AAAA,GAInC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOC,CAAC,EAAE,QAAQ,MAAM,MAAO,SAAS,qBAAqB,MAAM,OAAO,MAAM,KAAK,CAAC,KAAK,EAAG;AAAA;AAGpF,MAAM,wBAAwB,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAU3C,CAAC,EAAE,YAAY,MAAO,cAAc,wBAAwB,kBAAmB;AAAA,IAC/E,kBAAkB;AAAA;AAGf,MAAM,oBAAoB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAOtC,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA;AAAA;AAKvC,MAAM,kBAAkB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnC,MAAM,qBAAqB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUvC,MAAM,gBAAgB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/types/DSMenuButtonCTX.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { MenuButtonT } from './react-desc-prop-types.js';
-interface MenuButtonContextProps<T extends object = object> {
-    focusedOption: string | null;
-    setFocusedOption: React.Dispatch<React.SetStateAction<string | null>>;
-    selectedKeys: string[];
-    onSelectionChange: (selectedKeys: string[], parentId: string, item: MenuButtonT.Item) => void;
-    triggerElementRef: HTMLElement | null;
-    setTriggerElementRef: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
-    isOpen: boolean;
-    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    propsWithDefault: MenuButtonT.InternalProps<T>;
-}
-export declare const MenuButtonContext: React.Context<MenuButtonContextProps<object>>;
-export {};

package/dist/types/parts/ItemFactory.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
-import type { MenuButtonT } from '../react-desc-prop-types.js';
-interface ItemFactoryProps {
-    item: MenuButtonT.Item;
-    level: number;
-    selectionMode?: 'single' | 'multiple';
-    parentId?: string;
-    tabIndex: TypescriptHelpersT.WCAGTabIndex;
-    onFocus: React.FocusEventHandler;
-    innerRef: TypescriptHelpersT.AnyRef<HTMLElement>;
-}
-export declare const ItemFactory: React.FC<ItemFactoryProps>;
-export {};

package/dist/types/parts/Menu.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { MenuButtonT } from '../react-desc-prop-types.js';
-interface SubMenuProps {
-    referenceElement: HTMLElement | null;
-    showSubMenu: boolean;
-    selectionMode?: 'single' | 'multiple';
-    setShowSubMenu: React.Dispatch<React.SetStateAction<boolean>>;
-    parentId?: string;
-    level: number;
-    items: MenuButtonT.Item[];
-    minWidth?: string | number;
-}
-export declare const Menu: React.FC<SubMenuProps>;
-export {};

package/dist/types/parts/MenuButtonContent.d.ts

@@ -1 +0,0 @@
-export declare const MenuButtonContent: () => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/parts/MenuItem.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
-import type { MenuButtonT } from '../react-desc-prop-types.js';
-export declare const MenuItemAddon: React.MemoExoticComponent<({ level, isOpen }: {
-    level: number;
-    isOpen: boolean;
-}) => import("react/jsx-runtime.js").JSX.Element>;
-export declare const MenuItem: ({ innerRef, tabIndex, onFocus, selectionMode, item, level, parentId, isVertical, }: {
-    selectionMode?: 'single' | 'multiple';
-    item: MenuButtonT.Item;
-    level: number;
-    parentId: string | undefined;
-    isVertical?: boolean;
-    tabIndex: number;
-    onFocus: React.FocusEventHandler;
-    innerRef: TypescriptHelpersT.AnyRef<HTMLElement>;
-}) => import("react/jsx-runtime.js").JSX.Element;
-export declare const Separator: () => import("react/jsx-runtime.js").JSX.Element;
-export declare const Section: ({ item }: {
-    item: MenuButtonT.Item;
-}) => import("react/jsx-runtime.js").JSX.Element;

package/dist/types/styled.d.ts

@@ -1,16 +0,0 @@
-export declare const StyledMenuButtonWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledMenu: import("styled-components").StyledComponent<"ul", import("@elliemae/ds-system").Theme, import("@xstyled/styled-components").Props<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").TypographyProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").BackgroundProps & import("@elliemae/ds-system").SpaceProps & import("@elliemae/ds-system").BoxShadowProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").FlexboxesProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").LayoutProps<import("@xstyled/styled-components").Theme> & import("@elliemae/ds-system").ColorProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"ul">, never>;
-export declare const StyledMenuItem: import("styled-components").StyledComponent<"li", import("@elliemae/ds-system").Theme, {
-    isVertical?: boolean | undefined;
-    level?: number | undefined;
-    isOpen?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"li">, never>;
-export declare const StyledMenuItemContent: import("styled-components").StyledComponent<"a", import("@elliemae/ds-system").Theme, {
-    hasChildren?: boolean | undefined;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"a">, never>;
-export declare const StyledLeftContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledRightContent: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledSeparator: import("styled-components").StyledComponent<"hr", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"hr">, never>;
-export declare const StyledSectionLabel: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledSection: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;