@elliemae/ds-global-header 2.3.0-alpha.9 → 2.3.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/GlobalHeader.js +37 -0
- package/cjs/GlobalHeaderContainer.js +24 -0
- package/cjs/GlobalHeaderContext.js +20 -0
- package/cjs/GlobalHeaderTypes.js +2 -0
- package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +85 -0
- package/cjs/components/Breadcrumb/PureBreadcrumb.js +60 -0
- package/cjs/components/Breadcrumb/styles.js +59 -0
- package/cjs/components/Title/GlobalHeaderTitle.js +29 -0
- package/cjs/components/Toolbar/GlobalHeaderToolbar.js +30 -0
- package/cjs/components/Toolbar/ToolbarItems.js +107 -0
- package/cjs/components/Toolbar/styles.js +25 -0
- package/cjs/config/useGetPropsWithDefaults.js +31 -0
- package/cjs/config/useGlobalHeader.js +39 -0
- package/cjs/config/useValidateProps.js +92 -0
- package/cjs/config/validateHelpers.js +57 -0
- package/cjs/defaultProps.js +14 -0
- package/cjs/index.js +11 -0
- package/cjs/outOfTheBox/AppPicker/AppPicker.js +117 -0
- package/cjs/outOfTheBox/PopupMenu/PopupMenu.js +101 -0
- package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +96 -0
- package/cjs/outOfTheBox/PopupMenu/styles.js +32 -0
- package/cjs/outOfTheBox/SearchToggle/SearchToggle.js +113 -0
- package/cjs/outOfTheBox/SearchToggle/styles.js +15 -0
- package/cjs/outOfTheBox/index.js +13 -0
- package/cjs/propTypes.js +29 -0
- package/cjs/styles.js +21 -0
- package/esm/GlobalHeader.js +28 -0
- package/esm/GlobalHeaderContainer.js +16 -0
- package/esm/GlobalHeaderContext.js +16 -0
- package/esm/GlobalHeaderTypes.js +1 -0
- package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +75 -0
- package/esm/components/Breadcrumb/PureBreadcrumb.js +49 -0
- package/esm/components/Breadcrumb/styles.js +48 -0
- package/esm/components/Title/GlobalHeaderTitle.js +21 -0
- package/esm/components/Toolbar/GlobalHeaderToolbar.js +22 -0
- package/esm/components/Toolbar/ToolbarItems.js +97 -0
- package/esm/components/Toolbar/styles.js +17 -0
- package/esm/config/useGetPropsWithDefaults.js +23 -0
- package/esm/config/useGlobalHeader.js +31 -0
- package/esm/config/useValidateProps.js +88 -0
- package/esm/config/validateHelpers.js +44 -0
- package/{dist/esm → esm}/defaultProps.js +3 -5
- package/esm/index.js +1 -0
- package/esm/outOfTheBox/AppPicker/AppPicker.js +107 -0
- package/esm/outOfTheBox/PopupMenu/PopupMenu.js +91 -0
- package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +86 -0
- package/esm/outOfTheBox/PopupMenu/styles.js +21 -0
- package/esm/outOfTheBox/SearchToggle/SearchToggle.js +103 -0
- package/esm/outOfTheBox/SearchToggle/styles.js +7 -0
- package/esm/outOfTheBox/index.js +3 -0
- package/esm/propTypes.js +23 -0
- package/esm/styles.js +13 -0
- package/package.json +72 -76
- package/{dist/types → types}/GlobalHeader.d.ts +0 -0
- package/{dist/types → types}/GlobalHeaderContainer.d.ts +0 -0
- package/{dist/types → types}/GlobalHeaderContext.d.ts +0 -0
- package/{dist/types → types}/GlobalHeaderTypes.d.ts +0 -0
- package/{dist/types → types}/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts +0 -0
- package/{dist/types → types}/components/Breadcrumb/PureBreadcrumb.d.ts +0 -0
- package/{dist/types → types}/components/Breadcrumb/styles.d.ts +0 -0
- package/{dist/types → types}/components/Title/GlobalHeaderTitle.d.ts +0 -0
- package/{dist/types → types}/components/Toolbar/GlobalHeaderToolbar.d.ts +0 -0
- package/{dist/types → types}/components/Toolbar/ToolbarItems.d.ts +0 -0
- package/{dist/types → types}/components/Toolbar/styles.d.ts +0 -0
- package/{dist/types → types}/config/useGetPropsWithDefaults.d.ts +0 -0
- package/{dist/types → types}/config/useGlobalHeader.d.ts +0 -0
- package/{dist/types → types}/config/useValidateProps.d.ts +0 -0
- package/{dist/types → types}/config/validateHelpers.d.ts +0 -0
- package/{dist/types → types}/defaultProps.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/AppPicker/AppPicker.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/PopupMenu/PopupMenu.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/PopupMenu/PopupMenuContent.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/PopupMenu/styles.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/SearchToggle/SearchToggle.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/SearchToggle/styles.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/index.d.ts +0 -0
- package/{dist/types → types}/propTypes.d.ts +0 -0
- package/{dist/types → types}/styles.d.ts +1 -1
- package/dist/cjs/GlobalHeader.js +0 -57
- package/dist/cjs/GlobalHeader.js.map +0 -7
- package/dist/cjs/GlobalHeaderContainer.js +0 -41
- package/dist/cjs/GlobalHeaderContainer.js.map +0 -7
- package/dist/cjs/GlobalHeaderContext.js +0 -46
- package/dist/cjs/GlobalHeaderContext.js.map +0 -7
- package/dist/cjs/GlobalHeaderTypes.js +0 -27
- package/dist/cjs/GlobalHeaderTypes.js.map +0 -7
- package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +0 -85
- package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +0 -7
- package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js +0 -51
- package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js.map +0 -7
- package/dist/cjs/components/Breadcrumb/styles.js +0 -83
- package/dist/cjs/components/Breadcrumb/styles.js.map +0 -7
- package/dist/cjs/components/Title/GlobalHeaderTitle.js +0 -48
- package/dist/cjs/components/Title/GlobalHeaderTitle.js.map +0 -7
- package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js +0 -49
- package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js.map +0 -7
- package/dist/cjs/components/Toolbar/ToolbarItems.js +0 -96
- package/dist/cjs/components/Toolbar/ToolbarItems.js.map +0 -7
- package/dist/cjs/components/Toolbar/styles.js +0 -61
- package/dist/cjs/components/Toolbar/styles.js.map +0 -7
- package/dist/cjs/config/useGetPropsWithDefaults.js +0 -43
- package/dist/cjs/config/useGetPropsWithDefaults.js.map +0 -7
- package/dist/cjs/config/useGlobalHeader.js +0 -53
- package/dist/cjs/config/useGlobalHeader.js.map +0 -7
- package/dist/cjs/config/useValidateProps.js +0 -109
- package/dist/cjs/config/useValidateProps.js.map +0 -7
- package/dist/cjs/config/validateHelpers.js +0 -111
- package/dist/cjs/config/validateHelpers.js.map +0 -7
- package/dist/cjs/defaultProps.js +0 -41
- package/dist/cjs/defaultProps.js.map +0 -7
- package/dist/cjs/index.js +0 -36
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/AppPicker/AppPicker.js +0 -110
- package/dist/cjs/outOfTheBox/AppPicker/AppPicker.js.map +0 -7
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js +0 -96
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js.map +0 -7
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +0 -89
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js.map +0 -7
- package/dist/cjs/outOfTheBox/PopupMenu/styles.js +0 -67
- package/dist/cjs/outOfTheBox/PopupMenu/styles.js.map +0 -7
- package/dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js +0 -108
- package/dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js.map +0 -7
- package/dist/cjs/outOfTheBox/SearchToggle/styles.js +0 -82
- package/dist/cjs/outOfTheBox/SearchToggle/styles.js.map +0 -7
- package/dist/cjs/outOfTheBox/index.js +0 -30
- package/dist/cjs/outOfTheBox/index.js.map +0 -7
- package/dist/cjs/propTypes.js +0 -56
- package/dist/cjs/propTypes.js.map +0 -7
- package/dist/cjs/styles.js +0 -43
- package/dist/cjs/styles.js.map +0 -7
- package/dist/esm/GlobalHeader.js +0 -28
- package/dist/esm/GlobalHeader.js.map +0 -7
- package/dist/esm/GlobalHeaderContainer.js +0 -12
- package/dist/esm/GlobalHeaderContainer.js.map +0 -7
- package/dist/esm/GlobalHeaderContext.js +0 -17
- package/dist/esm/GlobalHeaderContext.js.map +0 -7
- package/dist/esm/GlobalHeaderTypes.js +0 -2
- package/dist/esm/GlobalHeaderTypes.js.map +0 -7
- package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +0 -56
- package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +0 -7
- package/dist/esm/components/Breadcrumb/PureBreadcrumb.js +0 -22
- package/dist/esm/components/Breadcrumb/PureBreadcrumb.js.map +0 -7
- package/dist/esm/components/Breadcrumb/styles.js +0 -54
- package/dist/esm/components/Breadcrumb/styles.js.map +0 -7
- package/dist/esm/components/Title/GlobalHeaderTitle.js +0 -19
- package/dist/esm/components/Title/GlobalHeaderTitle.js.map +0 -7
- package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js +0 -20
- package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js.map +0 -7
- package/dist/esm/components/Toolbar/ToolbarItems.js +0 -67
- package/dist/esm/components/Toolbar/ToolbarItems.js.map +0 -7
- package/dist/esm/components/Toolbar/styles.js +0 -32
- package/dist/esm/components/Toolbar/styles.js.map +0 -7
- package/dist/esm/config/useGetPropsWithDefaults.js +0 -14
- package/dist/esm/config/useGetPropsWithDefaults.js.map +0 -7
- package/dist/esm/config/useGlobalHeader.js +0 -24
- package/dist/esm/config/useGlobalHeader.js.map +0 -7
- package/dist/esm/config/useValidateProps.js +0 -88
- package/dist/esm/config/useValidateProps.js.map +0 -7
- package/dist/esm/config/validateHelpers.js +0 -82
- package/dist/esm/config/validateHelpers.js.map +0 -7
- package/dist/esm/defaultProps.js.map +0 -7
- package/dist/esm/index.js +0 -7
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/outOfTheBox/AppPicker/AppPicker.js +0 -81
- package/dist/esm/outOfTheBox/AppPicker/AppPicker.js.map +0 -7
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js +0 -67
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js.map +0 -7
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +0 -60
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js.map +0 -7
- package/dist/esm/outOfTheBox/PopupMenu/styles.js +0 -38
- package/dist/esm/outOfTheBox/PopupMenu/styles.js.map +0 -7
- package/dist/esm/outOfTheBox/SearchToggle/SearchToggle.js +0 -79
- package/dist/esm/outOfTheBox/SearchToggle/SearchToggle.js.map +0 -7
- package/dist/esm/outOfTheBox/SearchToggle/styles.js +0 -53
- package/dist/esm/outOfTheBox/SearchToggle/styles.js.map +0 -7
- package/dist/esm/outOfTheBox/index.js +0 -5
- package/dist/esm/outOfTheBox/index.js.map +0 -7
- package/dist/esm/propTypes.js +0 -27
- package/dist/esm/propTypes.js.map +0 -7
- package/dist/esm/styles.js +0 -14
- package/dist/esm/styles.js.map +0 -7
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/validateHelpers.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const breadcrumbProps = {\n label: 'string',\n onClick: 'function',\n hasNext: 'boolean',\n isSelected: 'boolean',\n};\n\nexport const toolbarProps = {\n label: 'string',\n type: '\"ds-app-picker\" or \"ds-popup-menu\" or \"ds-search-toggle\"',\n componentProps: 'object',\n Icon: 'react component',\n onClick: 'function',\n options: 'array',\n closeOnClick: 'boolean',\n apps: 'array',\n customApps: 'array',\n sectionTitle: 'string',\n customSectionTitle: 'string',\n};\n\nexport const isObject = (obj: unknown): boolean => typeof obj === 'object' && !!obj && !Array.isArray(obj);\n\nexport const getVariableType = (arg: unknown): string => {\n if (Array.isArray(arg)) return 'array';\n if (arg === null) return 'null';\n if (arg === undefined) return 'undefined';\n return typeof arg;\n};\n\nexport const isValidToolbarType = (string: unknown): boolean =>\n string === 'ds-app-picker' || string === 'ds-popup-menu' || string === 'ds-search-toggle' || string === 'custom';\n\nexport const throwBreadcrumbItemError = (validPropKey: keyof typeof breadcrumbProps, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property for a breadcrumb item, please provide a valid type.\n\n Received: ${invalidProp} (${typeof invalidProp})\n Expected: (${breadcrumbProps[validPropKey]})\n `,\n );\n};\n\nexport const throwToolbarPopupItemError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-popup-menu \n toolbar item, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: (${toolbarProps[validPropKey]})\n `,\n );\n};\n\nexport const throwToolbarAppPickerItemError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property inside componentProps for a ds-app-picker \n toolbar item, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: (${toolbarProps[validPropKey]})\n `,\n );\n};\n\nexport const throwToolbarItemGenericError = (validPropKey: keyof typeof toolbarProps, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property for a toolbar item, please provide a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)})\n Expected: (${toolbarProps[validPropKey]})\n `,\n );\n};\n\nexport const throwLogoError = (validPropKey: string, invalidProp: unknown): void => {\n throw new Error(\n `You are trying to pass a not valid \"${validPropKey}\" property for a global header, \n remember to provide both Logo and LogoWithBrand properties with a valid type.\n\n Received: ${invalidProp} (${getVariableType(invalidProp)}).\n Expected: (react component).\n `,\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAO,MAAM,kBAAkB;AAAA,EAC7B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA;AAGP,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,oBAAoB;AAAA;AAGf,MAAM,WAAW,CAAC,QAA0B,OAAO,QAAQ,YAAY,CAAC,CAAC,OAAO,CAAC,MAAM,QAAQ;AAE/F,MAAM,kBAAkB,CAAC,QAAyB;AACvD,MAAI,MAAM,QAAQ;AAAM,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAAA;AAGT,MAAM,qBAAqB,CAAC,WACjC,WAAW,mBAAmB,WAAW,mBAAmB,WAAW,sBAAsB,WAAW;AAEnG,MAAM,2BAA2B,CAAC,cAA4C,gBAA+B;AAClH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA,cAE7B,gBAAgB,OAAO;AAAA,eACtB,gBAAgB;AAAA;AAAA;AAKxB,MAAM,6BAA6B,CAAC,cAAyC,gBAA+B;AACjH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,iCAAiC,CAAC,cAAyC,gBAA+B;AACrH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,+BAA+B,CAAC,cAAyC,gBAA+B;AACnH,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA,cAE7B,gBAAgB,gBAAgB;AAAA,eAC/B,aAAa;AAAA;AAAA;AAKrB,MAAM,iBAAiB,CAAC,cAAsB,gBAA+B;AAClF,QAAM,IAAI,MACR,uCAAuC;AAAA;AAAA;AAAA,cAG7B,gBAAgB,gBAAgB;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalHeaderPropsT } from './GlobalHeaderTypes';\n\nconst emptyComp = () => null;\n\nexport const defaultProps: GlobalHeaderPropsT = {\n breadcrumb: [],\n toolbar: [],\n LogoWithBrand: emptyComp,\n Logo: emptyComp,\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACEA,MAAM,YAAY,MAAM;AAEjB,MAAM,eAAmC;AAAA,EAC9C,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,eAAe;AAAA,EACf,MAAM;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/index.js
DELETED
package/dist/esm/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './GlobalHeader';\nexport { GlobalHeader as default } from './GlobalHeader';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useState, useRef, useCallback, useMemo } from "react";
|
|
3
|
-
import { DSAppPicker } from "@elliemae/ds-app-picker";
|
|
4
|
-
import { mergeRefs } from "@elliemae/ds-utilities";
|
|
5
|
-
import { MenuPicker } from "@elliemae/ds-icons";
|
|
6
|
-
import { getDataProps } from "@elliemae/ds-props-helpers";
|
|
7
|
-
import { Button } from "../../components/Toolbar/styles";
|
|
8
|
-
const AppPicker = ({
|
|
9
|
-
label,
|
|
10
|
-
id,
|
|
11
|
-
componentProps,
|
|
12
|
-
...otherProps
|
|
13
|
-
}) => {
|
|
14
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
15
|
-
const buttonRef = useRef(null);
|
|
16
|
-
const {
|
|
17
|
-
apps,
|
|
18
|
-
icon,
|
|
19
|
-
customApps,
|
|
20
|
-
sectionTitle,
|
|
21
|
-
customSectionTitle,
|
|
22
|
-
actionRef,
|
|
23
|
-
isOpen: userIsOpen,
|
|
24
|
-
onKeyDown: userOnKeyDown,
|
|
25
|
-
onClickOutside: userOnClickOutside,
|
|
26
|
-
renderTrigger: userRenderTrigger,
|
|
27
|
-
onClose,
|
|
28
|
-
triggerRef,
|
|
29
|
-
triggerOnClick
|
|
30
|
-
} = componentProps;
|
|
31
|
-
const handleTriggerKeyDown = useCallback((e) => {
|
|
32
|
-
if (e.code === "Enter" || e.code === "Space") {
|
|
33
|
-
setIsOpen(true);
|
|
34
|
-
}
|
|
35
|
-
}, []);
|
|
36
|
-
const handleAppPickerOnKeyDown = useCallback((e) => {
|
|
37
|
-
if (e.code === "Escape") {
|
|
38
|
-
setIsOpen(false);
|
|
39
|
-
buttonRef?.current?.focus();
|
|
40
|
-
}
|
|
41
|
-
}, []);
|
|
42
|
-
const handleOnClickOutside = useCallback(() => {
|
|
43
|
-
setIsOpen(false);
|
|
44
|
-
}, []);
|
|
45
|
-
const handleOnClick = useCallback(() => {
|
|
46
|
-
setIsOpen(true);
|
|
47
|
-
}, []);
|
|
48
|
-
const renderTrigger = useMemo(() => ({ ref }) => /* @__PURE__ */ React2.createElement("div", {
|
|
49
|
-
ref
|
|
50
|
-
}, /* @__PURE__ */ React2.createElement(Button, {
|
|
51
|
-
onClick: triggerOnClick ?? handleOnClick,
|
|
52
|
-
onKeyDown: handleTriggerKeyDown,
|
|
53
|
-
ref: mergeRefs(buttonRef, triggerRef),
|
|
54
|
-
title: label,
|
|
55
|
-
"data-testid": "gh-toolbar-item",
|
|
56
|
-
id,
|
|
57
|
-
...getDataProps(otherProps)
|
|
58
|
-
}, /* @__PURE__ */ React2.createElement(MenuPicker, {
|
|
59
|
-
fill: "#FFF",
|
|
60
|
-
width: 20.73,
|
|
61
|
-
height: 20.73
|
|
62
|
-
}))), [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
|
|
63
|
-
return /* @__PURE__ */ React2.createElement(DSAppPicker, {
|
|
64
|
-
apps,
|
|
65
|
-
customApps,
|
|
66
|
-
sectionTitle,
|
|
67
|
-
customSectionTitle,
|
|
68
|
-
icon,
|
|
69
|
-
onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
|
|
70
|
-
actionRef,
|
|
71
|
-
onClickOutside: userOnClickOutside ?? handleOnClickOutside,
|
|
72
|
-
renderTrigger: userRenderTrigger ?? renderTrigger,
|
|
73
|
-
isOpen: userIsOpen ?? isOpen,
|
|
74
|
-
onClose,
|
|
75
|
-
triggerRef
|
|
76
|
-
});
|
|
77
|
-
};
|
|
78
|
-
export {
|
|
79
|
-
AppPicker
|
|
80
|
-
};
|
|
81
|
-
//# sourceMappingURL=AppPicker.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { Button } from '../../components/Toolbar/styles';\n\ntype AppPickerProps = React.ComponentProps<typeof DSAppPicker>;\n\nexport const AppPicker = ({\n label,\n id,\n componentProps,\n ...otherProps\n}: AppPickerProps & {\n label: string;\n triggerOnClick?: React.MouseEventHandler;\n}): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const buttonRef = useRef<HTMLButtonElement>(null);\n\n const {\n apps,\n icon,\n customApps,\n sectionTitle,\n customSectionTitle,\n actionRef,\n isOpen: userIsOpen,\n onKeyDown: userOnKeyDown,\n onClickOutside: userOnClickOutside,\n renderTrigger: userRenderTrigger,\n onClose,\n triggerRef,\n triggerOnClick,\n } = componentProps;\n\n const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown: AppPickerProps['onKeyDown'] = useCallback((e) => {\n if (e.code === 'Escape') {\n setIsOpen(false);\n buttonRef?.current?.focus();\n }\n }, []);\n\n const handleOnClickOutside: AppPickerProps['onClickOutside'] = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick: React.MouseEventHandler = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const renderTrigger: AppPickerProps['renderTrigger'] = useMemo(\n () =>\n ({ ref }) =>\n (\n <div ref={ref}>\n <Button\n onClick={triggerOnClick ?? handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={mergeRefs(buttonRef, triggerRef)}\n title={label}\n data-testid=\"gh-toolbar-item\"\n id={id}\n {...getDataProps(otherProps)}\n >\n <MenuPicker fill=\"#FFF\" width={20.73} height={20.73} />\n </Button>\n </div>\n ),\n [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps],\n );\n\n return (\n <DSAppPicker\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n icon={icon}\n onKeyDown={userOnKeyDown ?? handleAppPickerOnKeyDown}\n actionRef={actionRef}\n onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n renderTrigger={userRenderTrigger ?? renderTrigger}\n isOpen={userIsOpen ?? isOpen}\n onClose={onClose}\n triggerRef={triggerRef}\n />\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAIO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAIc;AACjB,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,YAAY,OAA0B;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,uBAAmD,YAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAAA,KAEX;AAEH,QAAM,2BAAwD,YAAY,CAAC,MAAM;AAC/E,QAAI,EAAE,SAAS,UAAU;AACvB,gBAAU;AACV,iBAAW,SAAS;AAAA;AAAA,KAErB;AAEH,QAAM,uBAAyD,YAAY,MAAM;AAC/E,cAAU;AAAA,KACT;AAEH,QAAM,gBAAyC,YAAY,MAAM;AAC/D,cAAU;AAAA,KACT;AAEH,QAAM,gBAAiD,QACrD,MACE,CAAC,EAAE,UAEC,qCAAC,OAAD;AAAA,IAAK;AAAA,KACH,qCAAC,QAAD;AAAA,IACE,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,KAAK,UAAU,WAAW;AAAA,IAC1B,OAAO;AAAA,IACP,eAAY;AAAA,IACZ;AAAA,OACI,aAAa;AAAA,KAEjB,qCAAC,YAAD;AAAA,IAAY,MAAK;AAAA,IAAO,OAAO;AAAA,IAAO,QAAQ;AAAA,QAIxD,CAAC,gBAAgB,eAAe,sBAAsB,YAAY,OAAO,IAAI;AAG/E,SACE,qCAAC,aAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B;AAAA,IACA,gBAAgB,sBAAsB;AAAA,IACtC,eAAe,qBAAqB;AAAA,IACpC,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useState, useCallback, useMemo } from "react";
|
|
3
|
-
import { DSPopperJS } from "@elliemae/ds-popperjs";
|
|
4
|
-
import { PopupMenuContent } from "./PopupMenuContent";
|
|
5
|
-
import { Button } from "../../components/Toolbar/styles";
|
|
6
|
-
import { getDataProps } from "@elliemae/ds-props-helpers";
|
|
7
|
-
const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }) => {
|
|
8
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
9
|
-
const [buttonRef, setButtonRef] = useState(null);
|
|
10
|
-
const {
|
|
11
|
-
onClickOutside = () => null,
|
|
12
|
-
onKeyPress,
|
|
13
|
-
popupOnKeyPress,
|
|
14
|
-
isOpen: userIsOpen,
|
|
15
|
-
options,
|
|
16
|
-
closeOnClick
|
|
17
|
-
} = componentProps;
|
|
18
|
-
const handleKeyPress = useCallback((e) => {
|
|
19
|
-
if (e.code === "Enter" || e.code === "Space") {
|
|
20
|
-
setIsOpen(true);
|
|
21
|
-
}
|
|
22
|
-
if (onKeyPress)
|
|
23
|
-
onKeyPress(e);
|
|
24
|
-
}, [onKeyPress]);
|
|
25
|
-
const handleOnClose = useCallback(() => {
|
|
26
|
-
if (userIsOpen === void 0) {
|
|
27
|
-
setIsOpen(false);
|
|
28
|
-
}
|
|
29
|
-
buttonRef?.focus();
|
|
30
|
-
}, [buttonRef, userIsOpen]);
|
|
31
|
-
const handleTriggerOnClick = useCallback((e) => {
|
|
32
|
-
if (userIsOpen === void 0)
|
|
33
|
-
setIsOpen(true);
|
|
34
|
-
onClick(e);
|
|
35
|
-
}, [onClick, userIsOpen]);
|
|
36
|
-
const handleItemClick = useCallback(() => {
|
|
37
|
-
if (closeOnClick && userIsOpen === void 0)
|
|
38
|
-
handleOnClose();
|
|
39
|
-
}, [closeOnClick, handleOnClose, userIsOpen]);
|
|
40
|
-
const content = useMemo(() => /* @__PURE__ */ React2.createElement(PopupMenuContent, {
|
|
41
|
-
options,
|
|
42
|
-
onItemClick: handleItemClick,
|
|
43
|
-
onClose: handleOnClose,
|
|
44
|
-
popupOnKeyPress
|
|
45
|
-
}), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
|
|
46
|
-
return /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(Button, {
|
|
47
|
-
onClick: handleTriggerOnClick,
|
|
48
|
-
onKeyPress: handleKeyPress,
|
|
49
|
-
title,
|
|
50
|
-
ref: setButtonRef,
|
|
51
|
-
"data-testid": "gh-toolbar-item",
|
|
52
|
-
id,
|
|
53
|
-
...getDataProps(otherProps)
|
|
54
|
-
}, Icon && /* @__PURE__ */ React2.createElement(Icon, {
|
|
55
|
-
fill: "#FFF",
|
|
56
|
-
size: "m"
|
|
57
|
-
})), /* @__PURE__ */ React2.createElement(DSPopperJS, {
|
|
58
|
-
referenceElement: buttonRef,
|
|
59
|
-
showPopover: userIsOpen ?? isOpen,
|
|
60
|
-
closeContextMenu: handleOnClose,
|
|
61
|
-
onClickOutside
|
|
62
|
-
}, content));
|
|
63
|
-
};
|
|
64
|
-
export {
|
|
65
|
-
PopupMenu
|
|
66
|
-
};
|
|
67
|
-
//# sourceMappingURL=PopupMenu.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/PopupMenu/PopupMenu.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useMemo } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { PopupMenuContent } from './PopupMenuContent';\nimport { Button } from '../../components/Toolbar/styles';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport type { PopupPropsT as Props } from '../../GlobalHeaderTypes';\n\nexport const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }: Props): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const [buttonRef, setButtonRef] = useState<HTMLButtonElement | null>(null);\n\n const {\n onClickOutside = () => null,\n onKeyPress,\n popupOnKeyPress,\n isOpen: userIsOpen,\n options,\n closeOnClick,\n } = componentProps;\n\n const handleKeyPress = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n setIsOpen(true);\n }\n if (onKeyPress) onKeyPress(e);\n },\n [onKeyPress],\n );\n\n const handleOnClose = useCallback(() => {\n if (userIsOpen === undefined) {\n setIsOpen(false);\n }\n buttonRef?.focus();\n }, [buttonRef, userIsOpen]);\n\n const handleTriggerOnClick = useCallback(\n (e) => {\n if (userIsOpen === undefined) setIsOpen(true);\n onClick(e);\n },\n [onClick, userIsOpen],\n );\n\n const handleItemClick = useCallback(() => {\n if (closeOnClick && userIsOpen === undefined) handleOnClose();\n }, [closeOnClick, handleOnClose, userIsOpen]);\n\n const content = useMemo(\n () => (\n <PopupMenuContent\n options={options}\n onItemClick={handleItemClick}\n onClose={handleOnClose}\n popupOnKeyPress={popupOnKeyPress}\n />\n ),\n [options, handleItemClick, handleOnClose, popupOnKeyPress],\n );\n\n return (\n <div>\n <Button\n onClick={handleTriggerOnClick}\n onKeyPress={handleKeyPress}\n title={title}\n ref={setButtonRef}\n data-testid=\"gh-toolbar-item\"\n id={id}\n {...getDataProps(otherProps)}\n >\n {Icon && <Icon fill=\"#FFF\" size=\"m\" />}\n </Button>\n <DSPopperJS\n referenceElement={buttonRef}\n showPopover={userIsOpen ?? isOpen}\n closeContextMenu={handleOnClose}\n onClickOutside={onClickOutside}\n >\n {content}\n </DSPopperJS>\n </div>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAGO,MAAM,YAAY,CAAC,EAAE,MAAM,OAAO,SAAS,IAAI,mBAAmB,iBAAqC;AAC5G,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,CAAC,WAAW,gBAAgB,SAAmC;AAErE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,iBAAiB,YACrB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAEZ,QAAI;AAAY,iBAAW;AAAA,KAE7B,CAAC;AAGH,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU;AAAA;AAEZ,eAAW;AAAA,KACV,CAAC,WAAW;AAEf,QAAM,uBAAuB,YAC3B,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,YAAQ;AAAA,KAEV,CAAC,SAAS;AAGZ,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW;AAAA,KAC7C,CAAC,cAAc,eAAe;AAEjC,QAAM,UAAU,QACd,MACE,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,MAGJ,CAAC,SAAS,iBAAiB,eAAe;AAG5C,SACE,qCAAC,OAAD,MACE,qCAAC,QAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,IACL,eAAY;AAAA,IACZ;AAAA,OACI,aAAa;AAAA,KAEhB,QAAQ,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,IAAO,MAAK;AAAA,OAElC,qCAAC,YAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,aAAa,cAAc;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,KAEC;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useRef, useEffect, useMemo, useContext } from "react";
|
|
3
|
-
import { getAriaProps, getDataProps } from "@elliemae/ds-props-helpers";
|
|
4
|
-
import { Separator, ItemWrapper, Label, List } from "./styles";
|
|
5
|
-
import { GlobalHeaderContext } from "../../GlobalHeaderContext";
|
|
6
|
-
const PopupMenuContent = React2.memo(({ options, onItemClick, onClose, popupOnKeyPress }) => {
|
|
7
|
-
const { instanceUID } = useContext(GlobalHeaderContext);
|
|
8
|
-
const menuRef = useRef(null);
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
menuRef.current?.firstChild?.focus();
|
|
11
|
-
}, []);
|
|
12
|
-
const content = useMemo(() => options.map((option) => {
|
|
13
|
-
const { type, Icon, label = "", onClick, Content, id } = option;
|
|
14
|
-
const ariaAndDataProps = {
|
|
15
|
-
...getAriaProps(option),
|
|
16
|
-
...getDataProps(option)
|
|
17
|
-
};
|
|
18
|
-
const handleClick = (e) => {
|
|
19
|
-
onItemClick(e);
|
|
20
|
-
if (onClick)
|
|
21
|
-
onClick(e);
|
|
22
|
-
};
|
|
23
|
-
const handleKeyDown = (e) => {
|
|
24
|
-
if (e.code === "Escape")
|
|
25
|
-
onClose();
|
|
26
|
-
if (popupOnKeyPress)
|
|
27
|
-
popupOnKeyPress(e);
|
|
28
|
-
};
|
|
29
|
-
switch (type) {
|
|
30
|
-
case "separator":
|
|
31
|
-
return /* @__PURE__ */ React2.createElement(Separator, {
|
|
32
|
-
key: `${instanceUID}-separator-${label}`,
|
|
33
|
-
...ariaAndDataProps
|
|
34
|
-
});
|
|
35
|
-
case "custom":
|
|
36
|
-
return /* @__PURE__ */ React2.createElement(ItemWrapper, {
|
|
37
|
-
onClick: handleClick,
|
|
38
|
-
onKeyDown: handleKeyDown,
|
|
39
|
-
key: `${instanceUID}-popup-${label}`,
|
|
40
|
-
id,
|
|
41
|
-
...ariaAndDataProps
|
|
42
|
-
}, Content && /* @__PURE__ */ React2.createElement(Content, null));
|
|
43
|
-
default:
|
|
44
|
-
return /* @__PURE__ */ React2.createElement(ItemWrapper, {
|
|
45
|
-
onClick: handleClick,
|
|
46
|
-
onKeyDown: handleKeyDown,
|
|
47
|
-
key: `${instanceUID}-popup-${label}`,
|
|
48
|
-
id,
|
|
49
|
-
...ariaAndDataProps
|
|
50
|
-
}, Icon && /* @__PURE__ */ React2.createElement(Icon, null), Label && /* @__PURE__ */ React2.createElement(Label, null, label));
|
|
51
|
-
}
|
|
52
|
-
}), [options, onItemClick, onClose, popupOnKeyPress, instanceUID]);
|
|
53
|
-
return /* @__PURE__ */ React2.createElement(List, {
|
|
54
|
-
ref: menuRef
|
|
55
|
-
}, content);
|
|
56
|
-
});
|
|
57
|
-
export {
|
|
58
|
-
PopupMenuContent
|
|
59
|
-
};
|
|
60
|
-
//# sourceMappingURL=PopupMenuContent.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/PopupMenu/PopupMenuContent.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect, useMemo, useContext } from 'react';\nimport { getAriaProps, getDataProps } from '@elliemae/ds-props-helpers';\nimport { Separator, ItemWrapper, Label, List } from './styles';\nimport type { PopupMenuContentPropsT as Props } from '../../GlobalHeaderTypes';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const PopupMenuContent = React.memo(({ options, onItemClick, onClose, popupOnKeyPress }: Props): JSX.Element => {\n const { instanceUID } = useContext(GlobalHeaderContext);\n\n const menuRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n (menuRef.current?.firstChild as HTMLButtonElement)?.focus();\n }, []);\n\n const content = useMemo(\n () =>\n options.map((option) => {\n const { type, Icon, label = '', onClick, Content, id } = option;\n\n const ariaAndDataProps = {\n ...getAriaProps(option),\n ...getDataProps(option),\n };\n\n const handleClick = (e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n onItemClick(e);\n if (onClick) onClick(e);\n };\n\n const handleKeyDown = (e: React.KeyboardEvent) => {\n if (e.code === 'Escape') onClose();\n if (popupOnKeyPress) popupOnKeyPress(e);\n };\n\n switch (type) {\n case 'separator':\n return <Separator key={`${instanceUID}-separator-${label}`} {...ariaAndDataProps} />;\n case 'custom':\n return (\n <ItemWrapper\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n key={`${instanceUID}-popup-${label}`}\n id={id}\n {...ariaAndDataProps}\n >\n {Content && <Content />}\n </ItemWrapper>\n );\n default:\n return (\n <ItemWrapper\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n key={`${instanceUID}-popup-${label}`}\n id={id}\n {...ariaAndDataProps}\n >\n {Icon && <Icon />}\n {Label && <Label>{label}</Label>}\n </ItemWrapper>\n );\n }\n }),\n [options, onItemClick, onClose, popupOnKeyPress, instanceUID],\n );\n return <List ref={menuRef}>{content}</List>;\n});\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEA;AAEO,MAAM,mBAAmB,OAAM,KAAK,CAAC,EAAE,SAAS,aAAa,SAAS,sBAA0C;AACrH,QAAM,EAAE,gBAAgB,WAAW;AAEnC,QAAM,UAAU,OAAuB;AAEvC,YAAU,MAAM;AACd,IAAC,QAAQ,SAAS,YAAkC;AAAA,KACnD;AAEH,QAAM,UAAU,QACd,MACE,QAAQ,IAAI,CAAC,WAAW;AACtB,UAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO;AAEzD,UAAM,mBAAmB;AAAA,SACpB,aAAa;AAAA,SACb,aAAa;AAAA;AAGlB,UAAM,cAAc,CAAC,MAAiD;AACpE,kBAAY;AACZ,UAAI;AAAS,gBAAQ;AAAA;AAGvB,UAAM,gBAAgB,CAAC,MAA2B;AAChD,UAAI,EAAE,SAAS;AAAU;AACzB,UAAI;AAAiB,wBAAgB;AAAA;AAGvC,YAAQ;AAAA,WACD;AACH,eAAO,qCAAC,WAAD;AAAA,UAAW,KAAK,GAAG,yBAAyB;AAAA,aAAa;AAAA;AAAA,WAC7D;AACH,eACE,qCAAC,aAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,aACI;AAAA,WAEH,WAAW,qCAAC,SAAD;AAAA;AAIhB,eACE,qCAAC,aAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,aACI;AAAA,WAEH,QAAQ,qCAAC,MAAD,OACR,SAAS,qCAAC,OAAD,MAAQ;AAAA;AAAA,MAK9B,CAAC,SAAS,aAAa,SAAS,iBAAiB;AAEnD,SAAO,qCAAC,MAAD;AAAA,IAAM,KAAK;AAAA,KAAU;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
const List = styled.div`
|
|
4
|
-
padding: 5px 0px;
|
|
5
|
-
background: white;
|
|
6
|
-
`;
|
|
7
|
-
const ItemWrapper = styled.button`
|
|
8
|
-
display: flex;
|
|
9
|
-
align-items: center;
|
|
10
|
-
justify-content: center;
|
|
11
|
-
width: 100%;
|
|
12
|
-
padding: 0 20px;
|
|
13
|
-
cursor: pointer;
|
|
14
|
-
border: 1px solid transparent;
|
|
15
|
-
background-color: transparent;
|
|
16
|
-
outline: none;
|
|
17
|
-
:hover,
|
|
18
|
-
:focus {
|
|
19
|
-
border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};
|
|
20
|
-
}
|
|
21
|
-
`;
|
|
22
|
-
const Label = styled.p`
|
|
23
|
-
width: 100%;
|
|
24
|
-
font-size: 14px;
|
|
25
|
-
margin: 10px;
|
|
26
|
-
`;
|
|
27
|
-
const Separator = styled.div`
|
|
28
|
-
width: 100%;
|
|
29
|
-
border: none;
|
|
30
|
-
border-bottom: 1px solid #ccc;
|
|
31
|
-
`;
|
|
32
|
-
export {
|
|
33
|
-
ItemWrapper,
|
|
34
|
-
Label,
|
|
35
|
-
List,
|
|
36
|
-
Separator
|
|
37
|
-
};
|
|
38
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/PopupMenu/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const List = styled.div`\n padding: 5px 0px;\n background: white;\n`;\n\nexport const ItemWrapper = styled.button`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 20px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n outline: none;\n :hover,\n :focus {\n border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};\n }\n`;\n\nexport const Label = styled.p`\n width: 100%;\n font-size: 14px;\n margin: 10px;\n`;\n\nexport const Separator = styled.div`\n width: 100%;\n border: none;\n border-bottom: 1px solid #ccc;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEO,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAKpB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAYpB,CAAC,EAAE,YAAY,aAAa,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useState, useCallback, useRef } from "react";
|
|
3
|
-
import { Search } from "@elliemae/ds-icons";
|
|
4
|
-
import { getDataProps } from "@elliemae/ds-props-helpers";
|
|
5
|
-
import { DSIconColors } from "@elliemae/ds-icon";
|
|
6
|
-
import { DSNavSearchBox } from "@elliemae/ds-form";
|
|
7
|
-
import { StyledNavSearchBoxContainer } from "./styles";
|
|
8
|
-
import { Button } from "../../components/Toolbar/styles";
|
|
9
|
-
const SearchToggle = ({ id, componentProps, ...otherProps }) => {
|
|
10
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
11
|
-
const inputRef = useRef(null);
|
|
12
|
-
const triggerRef = useRef(null);
|
|
13
|
-
const containerRef = useRef(null);
|
|
14
|
-
const {
|
|
15
|
-
onNext,
|
|
16
|
-
onPrevious,
|
|
17
|
-
currentResultIndex,
|
|
18
|
-
totalResults,
|
|
19
|
-
placeholder,
|
|
20
|
-
value,
|
|
21
|
-
onChange,
|
|
22
|
-
onBlur,
|
|
23
|
-
onClear,
|
|
24
|
-
isOpen: userIsOpen,
|
|
25
|
-
onKeyDown,
|
|
26
|
-
onClick
|
|
27
|
-
} = componentProps;
|
|
28
|
-
const handleOnClick = useCallback((e) => {
|
|
29
|
-
if (userIsOpen === void 0)
|
|
30
|
-
setIsOpen(true);
|
|
31
|
-
if (onClick)
|
|
32
|
-
onClick(e);
|
|
33
|
-
}, [onClick, userIsOpen]);
|
|
34
|
-
const handleOnKeyDown = useCallback((e) => {
|
|
35
|
-
if (userIsOpen === void 0) {
|
|
36
|
-
if (e.code === "Escape") {
|
|
37
|
-
setIsOpen(false);
|
|
38
|
-
setTimeout(() => triggerRef.current?.focus());
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
if (onKeyDown)
|
|
42
|
-
onKeyDown(e);
|
|
43
|
-
}, [onKeyDown, userIsOpen]);
|
|
44
|
-
const handleOnBlur = useCallback(() => {
|
|
45
|
-
setTimeout(() => {
|
|
46
|
-
const contains = containerRef.current?.contains(document.activeElement);
|
|
47
|
-
if (value === "" && !contains)
|
|
48
|
-
setIsOpen(false);
|
|
49
|
-
});
|
|
50
|
-
}, [value]);
|
|
51
|
-
return userIsOpen || isOpen ? /* @__PURE__ */ React2.createElement(StyledNavSearchBoxContainer, {
|
|
52
|
-
onKeyDown: handleOnKeyDown,
|
|
53
|
-
ref: containerRef,
|
|
54
|
-
onBlur: handleOnBlur
|
|
55
|
-
}, /* @__PURE__ */ React2.createElement(DSNavSearchBox, {
|
|
56
|
-
onNext,
|
|
57
|
-
onPrevious,
|
|
58
|
-
currentResultIndex,
|
|
59
|
-
totalResults,
|
|
60
|
-
onClear,
|
|
61
|
-
placeholder,
|
|
62
|
-
onChange,
|
|
63
|
-
value,
|
|
64
|
-
onBlur,
|
|
65
|
-
innerRef: inputRef,
|
|
66
|
-
autoFocus: true
|
|
67
|
-
})) : /* @__PURE__ */ React2.createElement(Button, {
|
|
68
|
-
onClick: handleOnClick,
|
|
69
|
-
ref: triggerRef,
|
|
70
|
-
id,
|
|
71
|
-
...getDataProps(otherProps)
|
|
72
|
-
}, /* @__PURE__ */ React2.createElement(Search, {
|
|
73
|
-
color: DSIconColors.WHITE
|
|
74
|
-
}));
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
SearchToggle
|
|
78
|
-
};
|
|
79
|
-
//# sourceMappingURL=SearchToggle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/SearchToggle/SearchToggle.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useRef } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { DSNavSearchBox } from '@elliemae/ds-form';\nimport { StyledNavSearchBoxContainer } from './styles';\nimport { Button } from '../../components/Toolbar/styles';\nimport type { SearchTogglePropsT } from 'index.d';\n\nexport const SearchToggle = ({ id, componentProps, ...otherProps }: SearchTogglePropsT): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const inputRef = useRef<HTMLInputElement | null>(null);\n const triggerRef = useRef<HTMLButtonElement | null>(null);\n const containerRef = useRef<HTMLDivElement | null>(null);\n\n const {\n onNext,\n onPrevious,\n currentResultIndex,\n totalResults,\n placeholder,\n value,\n onChange,\n onBlur,\n onClear,\n isOpen: userIsOpen,\n onKeyDown,\n onClick,\n } = componentProps;\n\n const handleOnClick = useCallback(\n (e) => {\n if (userIsOpen === undefined) setIsOpen(true);\n if (onClick) onClick(e);\n },\n [onClick, userIsOpen],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (userIsOpen === undefined) {\n if (e.code === 'Escape') {\n setIsOpen(false);\n setTimeout(() => triggerRef.current?.focus());\n }\n }\n if (onKeyDown) onKeyDown(e);\n },\n [onKeyDown, userIsOpen],\n );\n\n const handleOnBlur = useCallback(() => {\n setTimeout(() => {\n const contains = containerRef.current?.contains(document.activeElement);\n if (value === '' && !contains) setIsOpen(false);\n });\n }, [value]);\n\n return userIsOpen || isOpen ? (\n <StyledNavSearchBoxContainer onKeyDown={handleOnKeyDown} ref={containerRef} onBlur={handleOnBlur}>\n <DSNavSearchBox\n onNext={onNext}\n onPrevious={onPrevious}\n currentResultIndex={currentResultIndex}\n totalResults={totalResults}\n onClear={onClear}\n placeholder={placeholder}\n onChange={onChange}\n value={value}\n onBlur={onBlur}\n innerRef={inputRef}\n autoFocus\n />\n </StyledNavSearchBoxContainer>\n ) : (\n <Button onClick={handleOnClick} ref={triggerRef} id={id} {...getDataProps(otherProps)}>\n <Search color={DSIconColors.WHITE} />\n </Button>\n );\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGO,MAAM,eAAe,CAAC,EAAE,IAAI,mBAAmB,iBAAkD;AACtG,QAAM,CAAC,QAAQ,aAAa,SAAkB;AAC9C,QAAM,WAAW,OAAgC;AACjD,QAAM,aAAa,OAAiC;AACpD,QAAM,eAAe,OAA8B;AAEnD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,gBAAgB,YACpB,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,QAAI;AAAS,cAAQ;AAAA,KAEvB,CAAC,SAAS;AAGZ,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,eAAe,QAAW;AAC5B,UAAI,EAAE,SAAS,UAAU;AACvB,kBAAU;AACV,mBAAW,MAAM,WAAW,SAAS;AAAA;AAAA;AAGzC,QAAI;AAAW,gBAAU;AAAA,KAE3B,CAAC,WAAW;AAGd,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW,MAAM;AACf,YAAM,WAAW,aAAa,SAAS,SAAS,SAAS;AACzD,UAAI,UAAU,MAAM,CAAC;AAAU,kBAAU;AAAA;AAAA,KAE1C,CAAC;AAEJ,SAAO,cAAc,SACnB,qCAAC,6BAAD;AAAA,IAA6B,WAAW;AAAA,IAAiB,KAAK;AAAA,IAAc,QAAQ;AAAA,KAClF,qCAAC,gBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,WAAS;AAAA,QAIb,qCAAC,QAAD;AAAA,IAAQ,SAAS;AAAA,IAAe,KAAK;AAAA,IAAY;AAAA,OAAY,aAAa;AAAA,KACxE,qCAAC,QAAD;AAAA,IAAQ,OAAO,aAAa;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
const StyledNavSearchBoxContainer = styled.div`
|
|
4
|
-
background: white;
|
|
5
|
-
position: relative;
|
|
6
|
-
|
|
7
|
-
min-width: 260px;
|
|
8
|
-
|
|
9
|
-
& .em-ds-button {
|
|
10
|
-
margin-right: 2px;
|
|
11
|
-
height: 24px;
|
|
12
|
-
width: 24px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
& .em-ds-input {
|
|
16
|
-
border: none;
|
|
17
|
-
outline: none;
|
|
18
|
-
box-shadow: none;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
& .em-ds-input:focus {
|
|
22
|
-
border: none;
|
|
23
|
-
box-shadow: none;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
& .em-ds-input.em-ds-input--clearable:hover {
|
|
27
|
-
border: none;
|
|
28
|
-
outline: none;
|
|
29
|
-
box-shadow: none;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
& .em-ds-input-addon-wrapper {
|
|
33
|
-
box-shadow: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
& .em-ds-input-addon-wrapper:hover {
|
|
37
|
-
outline: none;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
& .em-ds-input-addon-wrapper__addon:hover {
|
|
41
|
-
outline: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
& .em-ds-input:not(.floating-label-input-controller):hover:active {
|
|
45
|
-
border: none;
|
|
46
|
-
outline: none;
|
|
47
|
-
box-shadow: none;
|
|
48
|
-
}
|
|
49
|
-
`;
|
|
50
|
-
export {
|
|
51
|
-
StyledNavSearchBoxContainer
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/outOfTheBox/SearchToggle/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledNavSearchBoxContainer = styled.div`\n background: white;\n position: relative;\n\n min-width: 260px;\n\n & .em-ds-button {\n margin-right: 2px;\n height: 24px;\n width: 24px;\n }\n\n & .em-ds-input {\n border: none;\n outline: none;\n box-shadow: none;\n }\n\n & .em-ds-input:focus {\n border: none;\n box-shadow: none;\n }\n\n & .em-ds-input.em-ds-input--clearable:hover {\n border: none;\n outline: none;\n box-shadow: none;\n }\n\n & .em-ds-input-addon-wrapper {\n box-shadow: none;\n }\n\n & .em-ds-input-addon-wrapper:hover {\n outline: none;\n }\n\n & .em-ds-input-addon-wrapper__addon:hover {\n outline: none;\n }\n\n & .em-ds-input:not(.floating-label-input-controller):hover:active {\n border: none;\n outline: none;\n box-shadow: none;\n }\n`;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEO,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/outOfTheBox/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './AppPicker/AppPicker';\nexport * from './PopupMenu/PopupMenu';\nexport * from './SearchToggle/SearchToggle';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/propTypes.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PropTypes } from "react-desc";
|
|
3
|
-
const breadcrumbItem = PropTypes.shape({
|
|
4
|
-
label: PropTypes.string.description("breadrcrumb item label"),
|
|
5
|
-
hasNext: PropTypes.bool.description("whether the item has a child or not"),
|
|
6
|
-
isSelected: PropTypes.bool.description("whether the item is selected or not"),
|
|
7
|
-
onClick: PropTypes.func.description("Callback executed on click")
|
|
8
|
-
});
|
|
9
|
-
const toolbarItem = PropTypes.shape({
|
|
10
|
-
label: PropTypes.string.description("title tag description"),
|
|
11
|
-
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"),
|
|
12
|
-
componentProps: PropTypes.object.description("props of out-of-the-box component"),
|
|
13
|
-
Icon: PropTypes.func.description("Icon to display"),
|
|
14
|
-
onClick: PropTypes.func.description("Callback executed on click")
|
|
15
|
-
});
|
|
16
|
-
const globalHeaderProps = {
|
|
17
|
-
Logo: PropTypes.func.description("Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing."),
|
|
18
|
-
LogoWithBrand: PropTypes.func.description("Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing."),
|
|
19
|
-
breadcrumb: PropTypes.arrayOf(breadcrumbItem).description("Breadcrumb items to display. max 3 levels"),
|
|
20
|
-
toolbar: PropTypes.arrayOf(toolbarItem).description("Toolbar items")
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
breadcrumbItem,
|
|
24
|
-
globalHeaderProps,
|
|
25
|
-
toolbarItem
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=propTypes.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const breadcrumbItem = PropTypes.shape({\n label: PropTypes.string.description('breadrcrumb item label'),\n hasNext: PropTypes.bool.description('whether the item has a child or not'),\n isSelected: PropTypes.bool.description('whether the item is selected or not'),\n onClick: PropTypes.func.description('Callback executed on click'),\n});\n\nexport const toolbarItem = PropTypes.shape({\n label: PropTypes.string.description('title tag description'),\n type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n 'use to select one of the out-of-the-box types of items',\n ),\n componentProps: PropTypes.object.description('props of out-of-the-box component'),\n Icon: PropTypes.func.description('Icon to display'),\n onClick: PropTypes.func.description('Callback executed on click'),\n});\n\nexport const globalHeaderProps = {\n Logo: PropTypes.func.description(\n 'Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.',\n ),\n LogoWithBrand: PropTypes.func.description(\n 'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n ),\n breadcrumb: PropTypes.arrayOf(breadcrumbItem).description('Breadcrumb items to display. max 3 levels'),\n toolbar: PropTypes.arrayOf(toolbarItem).description('Toolbar items'),\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AAEO,MAAM,iBAAiB,UAAU,MAAM;AAAA,EAC5C,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,SAAS,UAAU,KAAK,YAAY;AAAA,EACpC,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,SAAS,UAAU,KAAK,YAAY;AAAA;AAG/B,MAAM,cAAc,UAAU,MAAM;AAAA,EACzC,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,WAAW,YACtF;AAAA,EAEF,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,MAAM,UAAU,KAAK,YAAY;AAAA,EACjC,SAAS,UAAU,KAAK,YAAY;AAAA;AAG/B,MAAM,oBAAoB;AAAA,EAC/B,MAAM,UAAU,KAAK,YACnB;AAAA,EAEF,eAAe,UAAU,KAAK,YAC5B;AAAA,EAEF,YAAY,UAAU,QAAQ,gBAAgB,YAAY;AAAA,EAC1D,SAAS,UAAU,QAAQ,aAAa,YAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/styles.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import styled from "styled-components";
|
|
3
|
-
import { GridContainer } from "@elliemae/ds-grid";
|
|
4
|
-
const Wrapper = styled(GridContainer)`
|
|
5
|
-
background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);
|
|
6
|
-
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
7
|
-
width: 100%;
|
|
8
|
-
height: 40px;
|
|
9
|
-
padding: 0 24px 0 12px;
|
|
10
|
-
`;
|
|
11
|
-
export {
|
|
12
|
-
Wrapper
|
|
13
|
-
};
|
|
14
|
-
//# sourceMappingURL=styles.js.map
|
package/dist/esm/styles.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { GridContainer } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(GridContainer)`\n background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);\n color: ${({ theme }) => theme.colors.neutral['000']};\n width: 100%;\n height: 40px;\n padding: 0 24px 0 12px;\n`;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,UAAU,OAAO;AAAA;AAAA,WAEnB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|