@elliemae/ds-global-header 2.3.0-alpha.8 → 2.3.0-next.2
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/types/GlobalHeader.d.ts +39 -0
- package/types/GlobalHeaderContainer.d.ts +3 -0
- package/types/GlobalHeaderContext.d.ts +3 -0
- package/types/GlobalHeaderTypes.d.ts +85 -0
- package/types/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts +2 -0
- package/types/components/Breadcrumb/PureBreadcrumb.d.ts +3 -0
- package/types/components/Breadcrumb/styles.d.ts +5 -0
- package/types/components/Title/GlobalHeaderTitle.d.ts +2 -0
- package/types/components/Toolbar/GlobalHeaderToolbar.d.ts +2 -0
- package/types/components/Toolbar/ToolbarItems.d.ts +2 -0
- package/types/components/Toolbar/styles.d.ts +1 -0
- package/types/config/useGetPropsWithDefaults.d.ts +2 -0
- package/types/config/useGlobalHeader.d.ts +2 -0
- package/types/config/useValidateProps.d.ts +2 -0
- package/types/config/validateHelpers.d.ts +27 -0
- package/types/defaultProps.d.ts +2 -0
- package/types/index.d.ts +2 -0
- package/types/outOfTheBox/AppPicker/AppPicker.d.ts +8 -0
- package/types/outOfTheBox/PopupMenu/PopupMenu.d.ts +3 -0
- package/types/outOfTheBox/PopupMenu/PopupMenuContent.d.ts +3 -0
- package/types/outOfTheBox/PopupMenu/styles.d.ts +4 -0
- package/types/outOfTheBox/SearchToggle/SearchToggle.d.ts +2 -0
- package/types/outOfTheBox/SearchToggle/styles.d.ts +1 -0
- package/types/outOfTheBox/index.d.ts +3 -0
- package/types/propTypes.d.ts +29 -0
- package/types/styles.d.ts +2 -0
- 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,110 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var AppPicker_exports = {};
|
|
29
|
-
__export(AppPicker_exports, {
|
|
30
|
-
AppPicker: () => AppPicker
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_app_picker = require("@elliemae/ds-app-picker");
|
|
35
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
36
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
-
var import_styles = require("../../components/Toolbar/styles");
|
|
39
|
-
const AppPicker = ({
|
|
40
|
-
label,
|
|
41
|
-
id,
|
|
42
|
-
componentProps,
|
|
43
|
-
...otherProps
|
|
44
|
-
}) => {
|
|
45
|
-
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
46
|
-
const buttonRef = (0, import_react.useRef)(null);
|
|
47
|
-
const {
|
|
48
|
-
apps,
|
|
49
|
-
icon,
|
|
50
|
-
customApps,
|
|
51
|
-
sectionTitle,
|
|
52
|
-
customSectionTitle,
|
|
53
|
-
actionRef,
|
|
54
|
-
isOpen: userIsOpen,
|
|
55
|
-
onKeyDown: userOnKeyDown,
|
|
56
|
-
onClickOutside: userOnClickOutside,
|
|
57
|
-
renderTrigger: userRenderTrigger,
|
|
58
|
-
onClose,
|
|
59
|
-
triggerRef,
|
|
60
|
-
triggerOnClick
|
|
61
|
-
} = componentProps;
|
|
62
|
-
const handleTriggerKeyDown = (0, import_react.useCallback)((e) => {
|
|
63
|
-
if (e.code === "Enter" || e.code === "Space") {
|
|
64
|
-
setIsOpen(true);
|
|
65
|
-
}
|
|
66
|
-
}, []);
|
|
67
|
-
const handleAppPickerOnKeyDown = (0, import_react.useCallback)((e) => {
|
|
68
|
-
if (e.code === "Escape") {
|
|
69
|
-
setIsOpen(false);
|
|
70
|
-
buttonRef?.current?.focus();
|
|
71
|
-
}
|
|
72
|
-
}, []);
|
|
73
|
-
const handleOnClickOutside = (0, import_react.useCallback)(() => {
|
|
74
|
-
setIsOpen(false);
|
|
75
|
-
}, []);
|
|
76
|
-
const handleOnClick = (0, import_react.useCallback)(() => {
|
|
77
|
-
setIsOpen(true);
|
|
78
|
-
}, []);
|
|
79
|
-
const renderTrigger = (0, import_react.useMemo)(() => ({ ref }) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
80
|
-
ref
|
|
81
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_styles.Button, {
|
|
82
|
-
onClick: triggerOnClick ?? handleOnClick,
|
|
83
|
-
onKeyDown: handleTriggerKeyDown,
|
|
84
|
-
ref: (0, import_ds_utilities.mergeRefs)(buttonRef, triggerRef),
|
|
85
|
-
title: label,
|
|
86
|
-
"data-testid": "gh-toolbar-item",
|
|
87
|
-
id,
|
|
88
|
-
...(0, import_ds_props_helpers.getDataProps)(otherProps)
|
|
89
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MenuPicker, {
|
|
90
|
-
fill: "#FFF",
|
|
91
|
-
width: 20.73,
|
|
92
|
-
height: 20.73
|
|
93
|
-
}))), [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
|
|
94
|
-
return /* @__PURE__ */ import_react.default.createElement(import_ds_app_picker.DSAppPicker, {
|
|
95
|
-
apps,
|
|
96
|
-
customApps,
|
|
97
|
-
sectionTitle,
|
|
98
|
-
customSectionTitle,
|
|
99
|
-
icon,
|
|
100
|
-
onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
|
|
101
|
-
actionRef,
|
|
102
|
-
onClickOutside: userOnClickOutside ?? handleOnClickOutside,
|
|
103
|
-
renderTrigger: userRenderTrigger ?? renderTrigger,
|
|
104
|
-
isOpen: userIsOpen ?? isOpen,
|
|
105
|
-
onClose,
|
|
106
|
-
triggerRef
|
|
107
|
-
});
|
|
108
|
-
};
|
|
109
|
-
module.exports = __toCommonJS(AppPicker_exports);
|
|
110
|
-
//# sourceMappingURL=AppPicker.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/outOfTheBox/AppPicker/AppPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8D;AAC9D,2BAA4B;AAC5B,0BAA0B;AAC1B,sBAA2B;AAC3B,8BAA6B;AAC7B,oBAAuB;AAIhB,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAIc;AACjB,QAAM,CAAC,QAAQ,aAAa,2BAAkB;AAC9C,QAAM,YAAY,yBAA0B;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,8BAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAAA,KAEX;AAEH,QAAM,2BAAwD,8BAAY,CAAC,MAAM;AAC/E,QAAI,EAAE,SAAS,UAAU;AACvB,gBAAU;AACV,iBAAW,SAAS;AAAA;AAAA,KAErB;AAEH,QAAM,uBAAyD,8BAAY,MAAM;AAC/E,cAAU;AAAA,KACT;AAEH,QAAM,gBAAyC,8BAAY,MAAM;AAC/D,cAAU;AAAA,KACT;AAEH,QAAM,gBAAiD,0BACrD,MACE,CAAC,EAAE,UAEC,mDAAC,OAAD;AAAA,IAAK;AAAA,KACH,mDAAC,sBAAD;AAAA,IACE,SAAS,kBAAkB;AAAA,IAC3B,WAAW;AAAA,IACX,KAAK,mCAAU,WAAW;AAAA,IAC1B,OAAO;AAAA,IACP,eAAY;AAAA,IACZ;AAAA,OACI,0CAAa;AAAA,KAEjB,mDAAC,4BAAD;AAAA,IAAY,MAAK;AAAA,IAAO,OAAO;AAAA,IAAO,QAAQ;AAAA,QAIxD,CAAC,gBAAgB,eAAe,sBAAsB,YAAY,OAAO,IAAI;AAG/E,SACE,mDAAC,kCAAD;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,96 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PopupMenu_exports = {};
|
|
29
|
-
__export(PopupMenu_exports, {
|
|
30
|
-
PopupMenu: () => PopupMenu
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_popperjs = require("@elliemae/ds-popperjs");
|
|
35
|
-
var import_PopupMenuContent = require("./PopupMenuContent");
|
|
36
|
-
var import_styles = require("../../components/Toolbar/styles");
|
|
37
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
-
const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }) => {
|
|
39
|
-
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
40
|
-
const [buttonRef, setButtonRef] = (0, import_react.useState)(null);
|
|
41
|
-
const {
|
|
42
|
-
onClickOutside = () => null,
|
|
43
|
-
onKeyPress,
|
|
44
|
-
popupOnKeyPress,
|
|
45
|
-
isOpen: userIsOpen,
|
|
46
|
-
options,
|
|
47
|
-
closeOnClick
|
|
48
|
-
} = componentProps;
|
|
49
|
-
const handleKeyPress = (0, import_react.useCallback)((e) => {
|
|
50
|
-
if (e.code === "Enter" || e.code === "Space") {
|
|
51
|
-
setIsOpen(true);
|
|
52
|
-
}
|
|
53
|
-
if (onKeyPress)
|
|
54
|
-
onKeyPress(e);
|
|
55
|
-
}, [onKeyPress]);
|
|
56
|
-
const handleOnClose = (0, import_react.useCallback)(() => {
|
|
57
|
-
if (userIsOpen === void 0) {
|
|
58
|
-
setIsOpen(false);
|
|
59
|
-
}
|
|
60
|
-
buttonRef?.focus();
|
|
61
|
-
}, [buttonRef, userIsOpen]);
|
|
62
|
-
const handleTriggerOnClick = (0, import_react.useCallback)((e) => {
|
|
63
|
-
if (userIsOpen === void 0)
|
|
64
|
-
setIsOpen(true);
|
|
65
|
-
onClick(e);
|
|
66
|
-
}, [onClick, userIsOpen]);
|
|
67
|
-
const handleItemClick = (0, import_react.useCallback)(() => {
|
|
68
|
-
if (closeOnClick && userIsOpen === void 0)
|
|
69
|
-
handleOnClose();
|
|
70
|
-
}, [closeOnClick, handleOnClose, userIsOpen]);
|
|
71
|
-
const content = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_PopupMenuContent.PopupMenuContent, {
|
|
72
|
-
options,
|
|
73
|
-
onItemClick: handleItemClick,
|
|
74
|
-
onClose: handleOnClose,
|
|
75
|
-
popupOnKeyPress
|
|
76
|
-
}), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
|
|
77
|
-
return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_styles.Button, {
|
|
78
|
-
onClick: handleTriggerOnClick,
|
|
79
|
-
onKeyPress: handleKeyPress,
|
|
80
|
-
title,
|
|
81
|
-
ref: setButtonRef,
|
|
82
|
-
"data-testid": "gh-toolbar-item",
|
|
83
|
-
id,
|
|
84
|
-
...(0, import_ds_props_helpers.getDataProps)(otherProps)
|
|
85
|
-
}, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
86
|
-
fill: "#FFF",
|
|
87
|
-
size: "m"
|
|
88
|
-
})), /* @__PURE__ */ import_react.default.createElement(import_ds_popperjs.DSPopperJS, {
|
|
89
|
-
referenceElement: buttonRef,
|
|
90
|
-
showPopover: userIsOpen ?? isOpen,
|
|
91
|
-
closeContextMenu: handleOnClose,
|
|
92
|
-
onClickOutside
|
|
93
|
-
}, content));
|
|
94
|
-
};
|
|
95
|
-
module.exports = __toCommonJS(PopupMenu_exports);
|
|
96
|
-
//# sourceMappingURL=PopupMenu.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/outOfTheBox/PopupMenu/PopupMenu.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsD;AACtD,yBAA2B;AAC3B,8BAAiC;AACjC,oBAAuB;AACvB,8BAA6B;AAGtB,MAAM,YAAY,CAAC,EAAE,MAAM,OAAO,SAAS,IAAI,mBAAmB,iBAAqC;AAC5G,QAAM,CAAC,QAAQ,aAAa,2BAAkB;AAC9C,QAAM,CAAC,WAAW,gBAAgB,2BAAmC;AAErE,QAAM;AAAA,IACJ,iBAAiB,MAAM;AAAA,IACvB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,iBAAiB,8BACrB,CAAC,MAA2B;AAC1B,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,SAAS;AAC5C,gBAAU;AAAA;AAEZ,QAAI;AAAY,iBAAW;AAAA,KAE7B,CAAC;AAGH,QAAM,gBAAgB,8BAAY,MAAM;AACtC,QAAI,eAAe,QAAW;AAC5B,gBAAU;AAAA;AAEZ,eAAW;AAAA,KACV,CAAC,WAAW;AAEf,QAAM,uBAAuB,8BAC3B,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,YAAQ;AAAA,KAEV,CAAC,SAAS;AAGZ,QAAM,kBAAkB,8BAAY,MAAM;AACxC,QAAI,gBAAgB,eAAe;AAAW;AAAA,KAC7C,CAAC,cAAc,eAAe;AAEjC,QAAM,UAAU,0BACd,MACE,mDAAC,0CAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,SAAS;AAAA,IACT;AAAA,MAGJ,CAAC,SAAS,iBAAiB,eAAe;AAG5C,SACE,mDAAC,OAAD,MACE,mDAAC,sBAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAY;AAAA,IACZ;AAAA,IACA,KAAK;AAAA,IACL,eAAY;AAAA,IACZ;AAAA,OACI,0CAAa;AAAA,KAEhB,QAAQ,mDAAC,MAAD;AAAA,IAAM,MAAK;AAAA,IAAO,MAAK;AAAA,OAElC,mDAAC,+BAAD;AAAA,IACE,kBAAkB;AAAA,IAClB,aAAa,cAAc;AAAA,IAC3B,kBAAkB;AAAA,IAClB;AAAA,KAEC;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var PopupMenuContent_exports = {};
|
|
29
|
-
__export(PopupMenuContent_exports, {
|
|
30
|
-
PopupMenuContent: () => PopupMenuContent
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
35
|
-
var import_styles = require("./styles");
|
|
36
|
-
var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
|
|
37
|
-
const PopupMenuContent = import_react.default.memo(({ options, onItemClick, onClose, popupOnKeyPress }) => {
|
|
38
|
-
const { instanceUID } = (0, import_react.useContext)(import_GlobalHeaderContext.GlobalHeaderContext);
|
|
39
|
-
const menuRef = (0, import_react.useRef)(null);
|
|
40
|
-
(0, import_react.useEffect)(() => {
|
|
41
|
-
menuRef.current?.firstChild?.focus();
|
|
42
|
-
}, []);
|
|
43
|
-
const content = (0, import_react.useMemo)(() => options.map((option) => {
|
|
44
|
-
const { type, Icon, label = "", onClick, Content, id } = option;
|
|
45
|
-
const ariaAndDataProps = {
|
|
46
|
-
...(0, import_ds_props_helpers.getAriaProps)(option),
|
|
47
|
-
...(0, import_ds_props_helpers.getDataProps)(option)
|
|
48
|
-
};
|
|
49
|
-
const handleClick = (e) => {
|
|
50
|
-
onItemClick(e);
|
|
51
|
-
if (onClick)
|
|
52
|
-
onClick(e);
|
|
53
|
-
};
|
|
54
|
-
const handleKeyDown = (e) => {
|
|
55
|
-
if (e.code === "Escape")
|
|
56
|
-
onClose();
|
|
57
|
-
if (popupOnKeyPress)
|
|
58
|
-
popupOnKeyPress(e);
|
|
59
|
-
};
|
|
60
|
-
switch (type) {
|
|
61
|
-
case "separator":
|
|
62
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styles.Separator, {
|
|
63
|
-
key: `${instanceUID}-separator-${label}`,
|
|
64
|
-
...ariaAndDataProps
|
|
65
|
-
});
|
|
66
|
-
case "custom":
|
|
67
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styles.ItemWrapper, {
|
|
68
|
-
onClick: handleClick,
|
|
69
|
-
onKeyDown: handleKeyDown,
|
|
70
|
-
key: `${instanceUID}-popup-${label}`,
|
|
71
|
-
id,
|
|
72
|
-
...ariaAndDataProps
|
|
73
|
-
}, Content && /* @__PURE__ */ import_react.default.createElement(Content, null));
|
|
74
|
-
default:
|
|
75
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styles.ItemWrapper, {
|
|
76
|
-
onClick: handleClick,
|
|
77
|
-
onKeyDown: handleKeyDown,
|
|
78
|
-
key: `${instanceUID}-popup-${label}`,
|
|
79
|
-
id,
|
|
80
|
-
...ariaAndDataProps
|
|
81
|
-
}, Icon && /* @__PURE__ */ import_react.default.createElement(Icon, null), import_styles.Label && /* @__PURE__ */ import_react.default.createElement(import_styles.Label, null, label));
|
|
82
|
-
}
|
|
83
|
-
}), [options, onItemClick, onClose, popupOnKeyPress, instanceUID]);
|
|
84
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styles.List, {
|
|
85
|
-
ref: menuRef
|
|
86
|
-
}, content);
|
|
87
|
-
});
|
|
88
|
-
module.exports = __toCommonJS(PopupMenuContent_exports);
|
|
89
|
-
//# sourceMappingURL=PopupMenuContent.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/outOfTheBox/PopupMenu/PopupMenuContent.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8D;AAC9D,8BAA2C;AAC3C,oBAAoD;AAEpD,iCAAoC;AAE7B,MAAM,mBAAmB,qBAAM,KAAK,CAAC,EAAE,SAAS,aAAa,SAAS,sBAA0C;AACrH,QAAM,EAAE,gBAAgB,6BAAW;AAEnC,QAAM,UAAU,yBAAuB;AAEvC,8BAAU,MAAM;AACd,IAAC,QAAQ,SAAS,YAAkC;AAAA,KACnD;AAEH,QAAM,UAAU,0BACd,MACE,QAAQ,IAAI,CAAC,WAAW;AACtB,UAAM,EAAE,MAAM,MAAM,QAAQ,IAAI,SAAS,SAAS,OAAO;AAEzD,UAAM,mBAAmB;AAAA,SACpB,0CAAa;AAAA,SACb,0CAAa;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,mDAAC,yBAAD;AAAA,UAAW,KAAK,GAAG,yBAAyB;AAAA,aAAa;AAAA;AAAA,WAC7D;AACH,eACE,mDAAC,2BAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,aACI;AAAA,WAEH,WAAW,mDAAC,SAAD;AAAA;AAIhB,eACE,mDAAC,2BAAD;AAAA,UACE,SAAS;AAAA,UACT,WAAW;AAAA,UACX,KAAK,GAAG,qBAAqB;AAAA,UAC7B;AAAA,aACI;AAAA,WAEH,QAAQ,mDAAC,MAAD,OACR,uBAAS,mDAAC,qBAAD,MAAQ;AAAA;AAAA,MAK9B,CAAC,SAAS,aAAa,SAAS,iBAAiB;AAEnD,SAAO,mDAAC,oBAAD;AAAA,IAAM,KAAK;AAAA,KAAU;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var styles_exports = {};
|
|
29
|
-
__export(styles_exports, {
|
|
30
|
-
ItemWrapper: () => ItemWrapper,
|
|
31
|
-
Label: () => Label,
|
|
32
|
-
List: () => List,
|
|
33
|
-
Separator: () => Separator
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
37
|
-
const List = import_styled_components.default.div`
|
|
38
|
-
padding: 5px 0px;
|
|
39
|
-
background: white;
|
|
40
|
-
`;
|
|
41
|
-
const ItemWrapper = import_styled_components.default.button`
|
|
42
|
-
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
justify-content: center;
|
|
45
|
-
width: 100%;
|
|
46
|
-
padding: 0 20px;
|
|
47
|
-
cursor: pointer;
|
|
48
|
-
border: 1px solid transparent;
|
|
49
|
-
background-color: transparent;
|
|
50
|
-
outline: none;
|
|
51
|
-
:hover,
|
|
52
|
-
:focus {
|
|
53
|
-
border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};
|
|
54
|
-
}
|
|
55
|
-
`;
|
|
56
|
-
const Label = import_styled_components.default.p`
|
|
57
|
-
width: 100%;
|
|
58
|
-
font-size: 14px;
|
|
59
|
-
margin: 10px;
|
|
60
|
-
`;
|
|
61
|
-
const Separator = import_styled_components.default.div`
|
|
62
|
-
width: 100%;
|
|
63
|
-
border: none;
|
|
64
|
-
border-bottom: 1px solid #ccc;
|
|
65
|
-
`;
|
|
66
|
-
module.exports = __toCommonJS(styles_exports);
|
|
67
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/outOfTheBox/PopupMenu/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAKpB,MAAM,cAAc,iCAAO;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,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMrB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var SearchToggle_exports = {};
|
|
29
|
-
__export(SearchToggle_exports, {
|
|
30
|
-
SearchToggle: () => SearchToggle
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
-
var import_ds_icon = require("@elliemae/ds-icon");
|
|
37
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
38
|
-
var import_styles = require("./styles");
|
|
39
|
-
var import_styles2 = require("../../components/Toolbar/styles");
|
|
40
|
-
const SearchToggle = ({ id, componentProps, ...otherProps }) => {
|
|
41
|
-
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
42
|
-
const inputRef = (0, import_react.useRef)(null);
|
|
43
|
-
const triggerRef = (0, import_react.useRef)(null);
|
|
44
|
-
const containerRef = (0, import_react.useRef)(null);
|
|
45
|
-
const {
|
|
46
|
-
onNext,
|
|
47
|
-
onPrevious,
|
|
48
|
-
currentResultIndex,
|
|
49
|
-
totalResults,
|
|
50
|
-
placeholder,
|
|
51
|
-
value,
|
|
52
|
-
onChange,
|
|
53
|
-
onBlur,
|
|
54
|
-
onClear,
|
|
55
|
-
isOpen: userIsOpen,
|
|
56
|
-
onKeyDown,
|
|
57
|
-
onClick
|
|
58
|
-
} = componentProps;
|
|
59
|
-
const handleOnClick = (0, import_react.useCallback)((e) => {
|
|
60
|
-
if (userIsOpen === void 0)
|
|
61
|
-
setIsOpen(true);
|
|
62
|
-
if (onClick)
|
|
63
|
-
onClick(e);
|
|
64
|
-
}, [onClick, userIsOpen]);
|
|
65
|
-
const handleOnKeyDown = (0, import_react.useCallback)((e) => {
|
|
66
|
-
if (userIsOpen === void 0) {
|
|
67
|
-
if (e.code === "Escape") {
|
|
68
|
-
setIsOpen(false);
|
|
69
|
-
setTimeout(() => triggerRef.current?.focus());
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
if (onKeyDown)
|
|
73
|
-
onKeyDown(e);
|
|
74
|
-
}, [onKeyDown, userIsOpen]);
|
|
75
|
-
const handleOnBlur = (0, import_react.useCallback)(() => {
|
|
76
|
-
setTimeout(() => {
|
|
77
|
-
const contains = containerRef.current?.contains(document.activeElement);
|
|
78
|
-
if (value === "" && !contains)
|
|
79
|
-
setIsOpen(false);
|
|
80
|
-
});
|
|
81
|
-
}, [value]);
|
|
82
|
-
return userIsOpen || isOpen ? /* @__PURE__ */ import_react.default.createElement(import_styles.StyledNavSearchBoxContainer, {
|
|
83
|
-
onKeyDown: handleOnKeyDown,
|
|
84
|
-
ref: containerRef,
|
|
85
|
-
onBlur: handleOnBlur
|
|
86
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSNavSearchBox, {
|
|
87
|
-
onNext,
|
|
88
|
-
onPrevious,
|
|
89
|
-
currentResultIndex,
|
|
90
|
-
totalResults,
|
|
91
|
-
onClear,
|
|
92
|
-
placeholder,
|
|
93
|
-
onChange,
|
|
94
|
-
value,
|
|
95
|
-
onBlur,
|
|
96
|
-
innerRef: inputRef,
|
|
97
|
-
autoFocus: true
|
|
98
|
-
})) : /* @__PURE__ */ import_react.default.createElement(import_styles2.Button, {
|
|
99
|
-
onClick: handleOnClick,
|
|
100
|
-
ref: triggerRef,
|
|
101
|
-
id,
|
|
102
|
-
...(0, import_ds_props_helpers.getDataProps)(otherProps)
|
|
103
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
|
|
104
|
-
color: import_ds_icon.DSIconColors.WHITE
|
|
105
|
-
}));
|
|
106
|
-
};
|
|
107
|
-
module.exports = __toCommonJS(SearchToggle_exports);
|
|
108
|
-
//# sourceMappingURL=SearchToggle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/outOfTheBox/SearchToggle/SearchToggle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqD;AACrD,sBAAuB;AACvB,8BAA6B;AAC7B,qBAA6B;AAC7B,qBAA+B;AAC/B,oBAA4C;AAC5C,qBAAuB;AAGhB,MAAM,eAAe,CAAC,EAAE,IAAI,mBAAmB,iBAAkD;AACtG,QAAM,CAAC,QAAQ,aAAa,2BAAkB;AAC9C,QAAM,WAAW,yBAAgC;AACjD,QAAM,aAAa,yBAAiC;AACpD,QAAM,eAAe,yBAA8B;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,8BACpB,CAAC,MAAM;AACL,QAAI,eAAe;AAAW,gBAAU;AACxC,QAAI;AAAS,cAAQ;AAAA,KAEvB,CAAC,SAAS;AAGZ,QAAM,kBAAkB,8BACtB,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,8BAAY,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,mDAAC,2CAAD;AAAA,IAA6B,WAAW;AAAA,IAAiB,KAAK;AAAA,IAAc,QAAQ;AAAA,KAClF,mDAAC,+BAAD;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,mDAAC,uBAAD;AAAA,IAAQ,SAAS;AAAA,IAAe,KAAK;AAAA,IAAY;AAAA,OAAY,0CAAa;AAAA,KACxE,mDAAC,wBAAD;AAAA,IAAQ,OAAO,4BAAa;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var styles_exports = {};
|
|
29
|
-
__export(styles_exports, {
|
|
30
|
-
StyledNavSearchBoxContainer: () => StyledNavSearchBoxContainer
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
34
|
-
const StyledNavSearchBoxContainer = import_styled_components.default.div`
|
|
35
|
-
background: white;
|
|
36
|
-
position: relative;
|
|
37
|
-
|
|
38
|
-
min-width: 260px;
|
|
39
|
-
|
|
40
|
-
& .em-ds-button {
|
|
41
|
-
margin-right: 2px;
|
|
42
|
-
height: 24px;
|
|
43
|
-
width: 24px;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
& .em-ds-input {
|
|
47
|
-
border: none;
|
|
48
|
-
outline: none;
|
|
49
|
-
box-shadow: none;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
& .em-ds-input:focus {
|
|
53
|
-
border: none;
|
|
54
|
-
box-shadow: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
& .em-ds-input.em-ds-input--clearable:hover {
|
|
58
|
-
border: none;
|
|
59
|
-
outline: none;
|
|
60
|
-
box-shadow: none;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
& .em-ds-input-addon-wrapper {
|
|
64
|
-
box-shadow: none;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
& .em-ds-input-addon-wrapper:hover {
|
|
68
|
-
outline: none;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
& .em-ds-input-addon-wrapper__addon:hover {
|
|
72
|
-
outline: none;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
& .em-ds-input:not(.floating-label-input-controller):hover:active {
|
|
76
|
-
border: none;
|
|
77
|
-
outline: none;
|
|
78
|
-
box-shadow: none;
|
|
79
|
-
}
|
|
80
|
-
`;
|
|
81
|
-
module.exports = __toCommonJS(styles_exports);
|
|
82
|
-
//# sourceMappingURL=styles.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/outOfTheBox/SearchToggle/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,8BAA8B,iCAAO;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
|
-
}
|