@elliemae/ds-global-header 2.3.1 → 3.0.0-alpha.3

package/esm/outOfTheBox/SearchToggle/SearchToggle.js

@@ -1,103 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useState, useRef, useCallback } from 'react';
-import { Search } from '@elliemae/ds-icons';
-import { getDataProps } from '@elliemae/ds-props-helpers';
-import { DSIconColors } from '@elliemae/ds-icon';
-import { DSNavSearchBox } from '@elliemae/ds-form';
-import { StyledNavSearchBoxContainer } from './styles.js';
-import { Button } from '../../components/Toolbar/styles.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["id", "componentProps"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const SearchToggle = _ref => {
-  let {
-    id,
-    componentProps
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const [isOpen, setIsOpen] = useState(false);
-  const inputRef = useRef(null);
-  const triggerRef = useRef(null);
-  const containerRef = useRef(null);
-  const {
-    onNext,
-    onPrevious,
-    currentResultIndex,
-    totalResults,
-    placeholder,
-    value,
-    onChange,
-    onBlur,
-    onClear,
-    isOpen: userIsOpen,
-    onKeyDown,
-    onClick
-  } = componentProps;
-  const handleOnClick = useCallback(e => {
-    if (userIsOpen === undefined) setIsOpen(true);
-    if (onClick) onClick(e);
-  }, [onClick, userIsOpen]);
-  const handleOnKeyDown = useCallback(e => {
-    if (userIsOpen === undefined) {
-      if (e.code === 'Escape') {
-        setIsOpen(false);
-        setTimeout(() => {
-          var _triggerRef$current;
-
-          return (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
-        });
-      }
-    }
-
-    if (onKeyDown) onKeyDown(e);
-  }, [onKeyDown, userIsOpen]);
-  const handleOnBlur = useCallback(() => {
-    setTimeout(() => {
-      var _containerRef$current;
-
-      const contains = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.contains(document.activeElement);
-      if (value === '' && !contains) setIsOpen(false);
-    });
-  }, [value]);
-  return userIsOpen || isOpen ? /*#__PURE__*/jsx(StyledNavSearchBoxContainer, {
-    onKeyDown: handleOnKeyDown,
-    ref: containerRef,
-    onBlur: handleOnBlur,
-    children: /*#__PURE__*/_jsx(DSNavSearchBox, {
-      onNext: onNext,
-      onPrevious: onPrevious,
-      currentResultIndex: currentResultIndex,
-      totalResults: totalResults,
-      onClear: onClear,
-      placeholder: placeholder,
-      onChange: onChange,
-      value: value,
-      onBlur: onBlur,
-      innerRef: inputRef,
-      autoFocus: true
-    })
-  }) : /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
-    onClick: handleOnClick,
-    ref: triggerRef,
-    id: id
-  }, getDataProps(otherProps)), {}, {
-    children: /*#__PURE__*/_jsx(Search, {
-      color: DSIconColors.WHITE
-    })
-  }));
-};
-
-export { SearchToggle };

package/esm/outOfTheBox/SearchToggle/styles.js

@@ -1,7 +0,0 @@
-import styled from 'styled-components';
-
-const StyledNavSearchBoxContainer = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1dlcqwh-0"
-})(["background:white;position:relative;min-width:260px;& .em-ds-button{margin-right:2px;height:24px;width:24px;}& .em-ds-input{border:none;outline:none;box-shadow:none;}& .em-ds-input:focus{border:none;box-shadow:none;}& .em-ds-input.em-ds-input--clearable:hover{border:none;outline:none;box-shadow:none;}& .em-ds-input-addon-wrapper{box-shadow:none;}& .em-ds-input-addon-wrapper:hover{outline:none;}& .em-ds-input-addon-wrapper__addon:hover{outline:none;}& .em-ds-input:not(.floating-label-input-controller):hover:active{border:none;outline:none;box-shadow:none;}"]);
-
-export { StyledNavSearchBoxContainer };

package/esm/outOfTheBox/index.js

@@ -1,3 +0,0 @@
-export { AppPicker } from './AppPicker/AppPicker.js';
-export { PopupMenu } from './PopupMenu/PopupMenu.js';
-export { SearchToggle } from './SearchToggle/SearchToggle.js';

package/esm/propTypes.js

@@ -1,23 +0,0 @@
-import { PropTypes } from 'react-desc';
-
-const breadcrumbItem = PropTypes.shape({
-  label: PropTypes.string.description('breadrcrumb item label'),
-  hasNext: PropTypes.bool.description('whether the item has a child or not'),
-  isSelected: PropTypes.bool.description('whether the item is selected or not'),
-  onClick: PropTypes.func.description('Callback executed on click')
-});
-const toolbarItem = PropTypes.shape({
-  label: PropTypes.string.description('title tag description'),
-  type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description('use to select one of the out-of-the-box types of items'),
-  componentProps: PropTypes.object.description('props of out-of-the-box component'),
-  Icon: PropTypes.func.description('Icon to display'),
-  onClick: PropTypes.func.description('Callback executed on click')
-});
-const globalHeaderProps = {
-  Logo: PropTypes.func.description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.'),
-  LogoWithBrand: PropTypes.func.description('Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.'),
-  breadcrumb: PropTypes.arrayOf(breadcrumbItem).description('Breadcrumb items to display. max 3 levels'),
-  toolbar: PropTypes.arrayOf(toolbarItem).description('Toolbar items')
-};
-
-export { breadcrumbItem, globalHeaderProps, toolbarItem };

package/esm/styles.js

@@ -1,13 +0,0 @@
-import styled from 'styled-components';
-import { GridContainer } from '@elliemae/ds-grid';
-
-const Wrapper = /*#__PURE__*/styled(GridContainer).withConfig({
-  componentId: "sc-1v5zxxm-0"
-})(["background-image:linear-gradient(45deg,#0f364a 0%,#1b6392 54%,#164566 100%);color:", ";width:100%;height:40px;padding:0 24px 0 12px;"], _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.neutral['000'];
-});
-
-export { Wrapper };

package/types/GlobalHeader.d.ts

@@ -1,39 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import type { GlobalHeaderPropsT as Props } from './GlobalHeaderTypes';
-declare const GlobalHeader: {
-    (props: Props): JSX.Element;
-    defaultProps: Props;
-    propTypes: {
-        Logo: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        LogoWithBrand: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        breadcrumb: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        toolbar: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const GlobalHeaderWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { GlobalHeader, GlobalHeaderWithSchema };

package/types/GlobalHeaderContainer.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { GlobalHeaderContainerT } from './GlobalHeaderTypes';
-export declare const GlobalHeaderContainer: ({ children }: GlobalHeaderContainerT) => JSX.Element;

package/types/GlobalHeaderContext.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { ContextT } from './GlobalHeaderTypes';
-export declare const GlobalHeaderContext: import("react").Context<ContextT>;

package/types/GlobalHeaderTypes.d.ts

@@ -1,85 +0,0 @@
-import React from 'react';
-import { DSAppPicker } from '@elliemae/ds-app-picker';
-export declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
-export interface ContextT {
-    showIconOnly: boolean;
-    setShowIconOnly: React.Dispatch<React.SetStateAction<boolean>>;
-    instanceUID: string;
-    globalHeaderToolbarGrid: string[];
-    globalHeaderBreadcrumbGrid: string[];
-    props: GlobalHeaderPropsT;
-}
-export interface GlobalHeaderContainerT {
-    children: React.ReactNode;
-}
-export interface GlobalHeaderPropsT {
-    Logo?: React.ComponentType;
-    LogoWithBrand?: React.ComponentType;
-    breadcrumb?: BreadcrumbItemT[];
-    toolbar?: ToolbarItemT[];
-    appPickerProps?: AppPickerProps;
-}
-export interface BreadcrumbItemT {
-    label: string;
-    hasNext?: boolean;
-    isSelected?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    length: number;
-}
-export interface ToolbarItemT {
-    type?: 'ds-app-picker' | 'ds-popup-menu' | 'ds-search-toggle' | 'custom';
-    label: string;
-    Icon: React.ComponentType<Record<string, unknown>>;
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
-    componentProps?: PopupPropsT | AppPickerProps | SearchTogglePropsT;
-    CustomComponent?: React.ComponentType<{
-        item: ToolbarItemT;
-    }>;
-}
-export interface PopupPropsT {
-    Icon?: React.ComponentType<Record<string, unknown>>;
-    options: PopupMenuItemT[];
-    closeOnClick?: boolean;
-    title?: string;
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
-}
-export interface AppPickerMenuItemT {
-    label: string;
-    icon: React.ComponentType;
-    onClick: (event: React.MouseEvent<HTMLElement>) => void;
-    disabled?: boolean;
-}
-export interface PopupMenuItemT extends Record<string, unknown> {
-    type?: string;
-    Icon?: React.ComponentType;
-    label?: string;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    closeOnClick?: boolean;
-    Content?: React.ComponentType;
-}
-export interface PopupMenuContentPropsT {
-    options: PopupMenuItemT[];
-    onItemClick: (event: React.MouseEvent<HTMLElement>) => void;
-    onClose: () => void;
-}
-export interface PipeT {
-    showIconOnly: boolean;
-}
-export interface LabelT {
-    isSelected: boolean;
-    isOnlyItem: boolean;
-}
-export interface SearchTogglePropsT {
-    onNext: () => void;
-    onPrevious: () => void;
-    currentResultIndex: number;
-    totalResults: number;
-    placeholder: string;
-    value: string;
-    onChange: () => void;
-    onBlur: () => void;
-    onClear: () => void;
-    isOpen: boolean;
-    onKeyDown: (e: React.KeyboardEvent) => void;
-    onClick: (e: React.MouseEvent) => void;
-}

package/types/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GlobalHeaderBreadcrumb: () => JSX.Element;

package/types/components/Breadcrumb/PureBreadcrumb.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { BreadcrumbItemT as Props } from '../../GlobalHeaderTypes';
-export declare const PureBreadcrumb: React.MemoExoticComponent<({ onClick, isSelected, length, label, hasNext, id, ...rest }: Props) => JSX.Element>;

package/types/components/Breadcrumb/styles.d.ts

@@ -1,5 +0,0 @@
-import type { LabelT, PipeT } from '../../GlobalHeaderTypes';
-export declare const Pipe: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, PipeT, never>;
-export declare const BreadcrumbItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const LabelButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, LabelT, never>;

package/types/components/Title/GlobalHeaderTitle.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GlobalHeaderTitle: () => JSX.Element;

package/types/components/Toolbar/GlobalHeaderToolbar.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GlobalHeaderToolbar: () => JSX.Element;

package/types/components/Toolbar/ToolbarItems.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ToolbarItems: () => JSX.Element;

package/types/components/Toolbar/styles.d.ts

@@ -1 +0,0 @@
-export declare const Button: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;

package/types/config/useGetPropsWithDefaults.d.ts

@@ -1,2 +0,0 @@
-import type { GlobalHeaderPropsT } from '../GlobalHeaderTypes';
-export declare const useGetPropsWithDefaults: (props: GlobalHeaderPropsT) => GlobalHeaderPropsT;

package/types/config/useGlobalHeader.d.ts

@@ -1,2 +0,0 @@
-import type { ContextT, GlobalHeaderPropsT } from '../GlobalHeaderTypes';
-export declare const useGlobalHeader: (props: GlobalHeaderPropsT) => ContextT;

package/types/config/useValidateProps.d.ts

@@ -1,2 +0,0 @@
-import { GlobalHeaderPropsT } from '../GlobalHeaderTypes';
-export declare const useValidateProps: (props: GlobalHeaderPropsT) => void;

package/types/config/validateHelpers.d.ts

@@ -1,27 +0,0 @@
-export declare const breadcrumbProps: {
-    label: string;
-    onClick: string;
-    hasNext: string;
-    isSelected: string;
-};
-export declare const toolbarProps: {
-    label: string;
-    type: string;
-    componentProps: string;
-    Icon: string;
-    onClick: string;
-    options: string;
-    closeOnClick: string;
-    apps: string;
-    customApps: string;
-    sectionTitle: string;
-    customSectionTitle: string;
-};
-export declare const isObject: (obj: unknown) => boolean;
-export declare const getVariableType: (arg: unknown) => string;
-export declare const isValidToolbarType: (string: unknown) => boolean;
-export declare const throwBreadcrumbItemError: (validPropKey: keyof typeof breadcrumbProps, invalidProp: unknown) => void;
-export declare const throwToolbarPopupItemError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
-export declare const throwToolbarAppPickerItemError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
-export declare const throwToolbarItemGenericError: (validPropKey: keyof typeof toolbarProps, invalidProp: unknown) => void;
-export declare const throwLogoError: (validPropKey: string, invalidProp: unknown) => void;

package/types/defaultProps.d.ts

@@ -1,2 +0,0 @@
-import type { GlobalHeaderPropsT } from './GlobalHeaderTypes';
-export declare const defaultProps: GlobalHeaderPropsT;

package/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './GlobalHeader';
-export { GlobalHeader as default } from './GlobalHeader';

package/types/outOfTheBox/AppPicker/AppPicker.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { DSAppPicker } from '@elliemae/ds-app-picker';
-declare type AppPickerProps = React.ComponentProps<typeof DSAppPicker>;
-export declare const AppPicker: ({ label, id, componentProps, ...otherProps }: AppPickerProps & {
-    label: string;
-    triggerOnClick?: React.MouseEventHandler<Element> | undefined;
-}) => JSX.Element;
-export {};

package/types/outOfTheBox/PopupMenu/PopupMenu.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { PopupPropsT as Props } from '../../GlobalHeaderTypes';
-export declare const PopupMenu: ({ Icon, title, onClick, id, componentProps, ...otherProps }: Props) => JSX.Element;

package/types/outOfTheBox/PopupMenu/PopupMenuContent.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { PopupMenuContentPropsT as Props } from '../../GlobalHeaderTypes';
-export declare const PopupMenuContent: React.MemoExoticComponent<({ options, onItemClick, onClose, popupOnKeyPress }: Props) => JSX.Element>;

package/types/outOfTheBox/PopupMenu/styles.d.ts

@@ -1,4 +0,0 @@
-export declare const List: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ItemWrapper: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
-export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/SearchToggle/SearchToggle.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { SearchTogglePropsT } from '../../GlobalHeaderTypes';
-export declare const SearchToggle: ({ id, componentProps, ...otherProps }: SearchTogglePropsT) => JSX.Element;

package/types/outOfTheBox/SearchToggle/styles.d.ts

@@ -1 +0,0 @@
-export declare const StyledNavSearchBoxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/outOfTheBox/index.d.ts

@@ -1,3 +0,0 @@
-export * from './AppPicker/AppPicker';
-export * from './PopupMenu/PopupMenu';
-export * from './SearchToggle/SearchToggle';

package/types/propTypes.d.ts

@@ -1,29 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-export declare const breadcrumbItem: import("react-desc").PropTypesDescValue;
-export declare const toolbarItem: import("react-desc").PropTypesDescValue;
-export declare const globalHeaderProps: {
-    Logo: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    LogoWithBrand: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    breadcrumb: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-    toolbar: {
-        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-            deprecated: import("react-desc").PropTypesDescValidator;
-        };
-        isRequired: import("react-desc").PropTypesDescValue;
-    };
-};

package/types/styles.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;