@easypost/easy-ui 1.0.0-alpha.60 → 1.0.0-alpha.62

package/ForgeLayout/ForgeLayout.d.ts

@@ -1,6 +1,8 @@
 import React, { ReactNode } from "react";
 import { ForgeLayoutActionBadge, ForgeLayoutActions, ForgeLayoutButtonAction, ForgeLayoutLinkAction, ForgeLayoutMenuAction } from "./ForgeLayoutActions";
 import { ForgeLayoutNav, ForgeLayoutNavLink, ForgeLayoutNavSection } from "./ForgeLayoutNav";
+import { ForgeLayoutHeader } from "./ForgeLayoutHeader";
+import { ForgeLayoutControls, ForgeLayoutBreadcrumbsNavigation, ForgeLayoutBackButton, ForgeLayoutBreadcrumbs, ForgeLayoutBreadcrumb, ForgeLayoutSearch, ForgeLayoutModeSwitcher } from "./ForgeLayoutControls";
 export type Mode = "test" | "production";
 export type NavState = "expanded" | "collapsed";
 export type ForgeLayoutProps = {
@@ -25,24 +27,10 @@ export type ForgeLayoutProps = {
      */
     backgroundDecoration?: "01";
 };
-export type ForgeLayoutHeaderProps = {
-    /** Header children. */
-    children: ReactNode;
-};
 export type ForgeLayoutContentProps = {
     /** Content children. */
     children: ReactNode;
 };
-export type ForgeLayoutControlsProps = {
-    /** Controls children. */
-    children: ReactNode;
-    /**
-     * Display state of the nav menu for when these controls show.
-     *
-     * @default expanded
-     */
-    visibleWhenNavStateIs?: NavState;
-};
 export type ForgeLayoutContextType = {
     mode?: Mode;
     navState?: NavState;
@@ -77,15 +65,15 @@ export declare const useForgeLayout: () => ForgeLayoutContextType;
  *   </ForgeLayout.Nav>
  *   <ForgeLayout.Header>
  *     <ForgeLayout.Controls visibleWhenNavStateIs="collapsed">
- *       <ForgeLayout.BreadrumbsNavigation>
+ *       <ForgeLayout.BreadcrumbsNavigation>
  *         <ForgeLayout.BackButton onClick={() => {}}>
  *           Back
  *         </ForgeLayout.BackButton>
- *         <ForgeLayout.Breadrumbs>
- *           <ForgeLayout.Breadrumb>Breadcrumb</ForgeLayout.Breadrumb>
- *           <ForgeLayout.Breadrumb>Breadcrumb</ForgeLayout.Breadrumb>
- *         </ForgeLayout.Breadrumbs>
- *       </ForgeLayout.BreadrumbsNavigation>
+ *         <ForgeLayout.Breadcrumbs>
+ *           <ForgeLayout.Breadcrumb>Breadcrumb</ForgeLayout.Breadcrumb>
+ *           <ForgeLayout.Breadcrumb>Breadcrumb</ForgeLayout.Breadcrumb>
+ *         </ForgeLayout.Breadcrumbs>
+ *       </ForgeLayout.BreadcrumbsNavigation>
  *     </ForgeLayout.Controls>
  *     <ForgeLayout.Controls visibleWhenNavStateIs="expanded">
  *       <ForgeLayout.ModeSwitcher onModeChange={action("Mode changed!")} />
@@ -130,6 +118,12 @@ export declare namespace ForgeLayout {
     var Body: typeof ForgeLayoutBody;
     var Header: typeof ForgeLayoutHeader;
     var Controls: typeof ForgeLayoutControls;
+    var BreadcrumbsNavigation: typeof ForgeLayoutBreadcrumbsNavigation;
+    var BackButton: typeof ForgeLayoutBackButton;
+    var Breadcrumbs: typeof ForgeLayoutBreadcrumbs;
+    var Breadcrumb: typeof ForgeLayoutBreadcrumb;
+    var ModeSwitcher: typeof ForgeLayoutModeSwitcher;
+    var Search: typeof ForgeLayoutSearch;
     var Actions: typeof ForgeLayoutActions;
     var ActionBadge: typeof ForgeLayoutActionBadge;
     var MenuAction: typeof ForgeLayoutMenuAction;
@@ -138,8 +132,6 @@ export declare namespace ForgeLayout {
     var Content: typeof ForgeLayoutContent;
     var useForgeLayoutNav: () => import("./ForgeLayoutNav").ForgeLayoutNavContextType;
 }
-declare function ForgeLayoutHeader(props: ForgeLayoutHeaderProps): React.JSX.Element;
-declare function ForgeLayoutControls(props: ForgeLayoutControlsProps): React.JSX.Element | null;
 declare function ForgeLayoutBody(props: ForgeLayoutContentProps): React.JSX.Element;
 declare function ForgeLayoutContent(props: ForgeLayoutContentProps): React.JSX.Element;
 export {};

package/ForgeLayout/ForgeLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForgeLayout.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,QAAQ,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,cAAc,8BAM1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA2BlD;yBA3Be,WAAW;;;;;;;;;;;;;;;AA6B3B,iBAAS,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAQvD;AAED,iBAAS,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,4BAS3D;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,uBAAuB,qBAGtD;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAGzD"}
+{"version":3,"file":"ForgeLayout.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE9D,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EAEtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,mBAAmB,EACnB,gCAAgC,EAChC,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,uBAAuB,CAAC;AAI/B,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,YAAY,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;AAEhD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;IAEZ;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,wBAAwB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,CAAC;AAMF,eAAO,MAAM,cAAc,8BAM1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBA2BlD;yBA3Be,WAAW;;;;;;;;;;;;;;;;;;;;;AA6B3B,iBAAS,eAAe,CAAC,KAAK,EAAE,uBAAuB,qBAGtD;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,qBAGzD"}

package/ForgeLayout/ForgeLayout.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ForgeLayout.stories.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.stories.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAG9D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AA8F1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}
+{"version":3,"file":"ForgeLayout.stories.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayout.stories.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAG9D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAyG1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAUlC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC"}

package/ForgeLayout/ForgeLayoutControls.d.ts

@@ -0,0 +1,38 @@
+import React, { ReactNode } from "react";
+import type { NavState } from "./ForgeLayout";
+import type { UnstyledButtonProps } from "../UnstyledButton";
+import type { TextFieldProps } from "../TextField";
+export type ForgeLayoutControlsProps = {
+    /** Controls children. */
+    children: ReactNode;
+    /**
+     * Display state of the nav menu for when these controls show.
+     *
+     * @default expanded
+     */
+    visibleWhenNavStateIs?: NavState;
+};
+export declare function ForgeLayoutControls(props: ForgeLayoutControlsProps): React.JSX.Element | null;
+export type ForgeLayoutBreadcrumbsNavigationProps = {
+    /** Renders ForgeLayout.BackButton and ForgeLayout.Breadcrumbs  */
+    children?: ReactNode;
+};
+export declare function ForgeLayoutBreadcrumbsNavigation(props: ForgeLayoutBreadcrumbsNavigationProps): React.JSX.Element;
+export declare function ForgeLayoutBackButton(props: UnstyledButtonProps): React.JSX.Element;
+export type ForgeLayoutBreadcrumbsProps = {
+    /** Renders breadcrumbs */
+    children?: ReactNode;
+};
+export declare function ForgeLayoutBreadcrumbs(props: ForgeLayoutBreadcrumbsProps): React.JSX.Element;
+export type ForgeLayoutBreadcrumbProps = {
+    /** Breadcrum content */
+    children?: ReactNode;
+};
+export declare function ForgeLayoutBreadcrumb(props: ForgeLayoutBreadcrumbProps): React.JSX.Element;
+export type ForgeLayoutModeSwitcherProps = {
+    /** Mode change callback function */
+    onModeChange?: (value: string) => void;
+};
+export declare function ForgeLayoutModeSwitcher(props: ForgeLayoutModeSwitcherProps): React.JSX.Element;
+export declare function ForgeLayoutSearch(props: TextFieldProps): React.JSX.Element;
+//# sourceMappingURL=ForgeLayoutControls.d.ts.map

package/ForgeLayout/ForgeLayoutControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgeLayoutControls.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayoutControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAG9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAQ7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAenD,MAAM,MAAM,wBAAwB,GAAG;IACrC,yBAAyB;IACzB,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,QAAQ,CAAC;CAClC,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,4BAkBlE;AAED,MAAM,MAAM,qCAAqC,GAAG;IAClD,kEAAkE;IAClE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,qCAAqC,qBAgC7C;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,mBAAmB,qBAS/D;AAED,MAAM,MAAM,2BAA2B,GAAG;IACxC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,qBAqBxE;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,wBAAwB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,qBAQtE;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,qBAgD1E;AAgCD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,cAAc,qBAetD"}

package/ForgeLayout/ForgeLayoutHeader.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+export type ForgeLayoutHeaderProps = {
+    /**
+     * Whether ForgeLayout.Controls are grouped together or
+     * spaced evenly with ForgeLayout.Actions
+     *
+     * @default true
+     */
+    areControlsGrouped?: boolean;
+    /** Header children. */
+    children: ReactNode;
+};
+export type ForgeLayoutHeaderContextType = {
+    areControlsGrouped?: boolean;
+};
+export declare const useForgeLayoutHeader: () => ForgeLayoutHeaderContextType;
+export declare function ForgeLayoutHeader(props: ForgeLayoutHeaderProps): React.JSX.Element;
+//# sourceMappingURL=ForgeLayoutHeader.d.ts.map

package/ForgeLayout/ForgeLayoutHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForgeLayoutHeader.d.ts","sourceRoot":"","sources":["../../src/ForgeLayout/ForgeLayoutHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,sBAAsB,GAAG;IACnC;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG;IACzC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,oBAAoB,oCAQhC,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,qBAW9D"}