@elliemae/ds-global-header 1.56.0 → 1.57.0-rc.10

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.
@@ -17,12 +17,11 @@ require('@elliemae/ds-grid');
17
17
  require('./components/Breadcrumb/styles.js');
18
18
  require('styled-components');
19
19
  require('./components/Breadcrumb/PureBreadcrumb.js');
20
- require('@elliemae/ds-icons/ChevronSmallRight');
20
+ require('@elliemae/ds-icons');
21
21
  require('./components/Toolbar/ToolbarItems.js');
22
22
  require('./outOfTheBox/AppPicker/AppPicker.js');
23
23
  require('@babel/runtime/helpers/slicedToArray');
24
24
  require('@elliemae/ds-app-picker');
25
- require('@elliemae/ds-icons/MenuPicker');
26
25
  require('./components/Toolbar/styles.js');
27
26
  require('./outOfTheBox/PopupMenu/PopupMenu.js');
28
27
  require('@elliemae/ds-popover');
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalHeader.js","sources":["../../src/GlobalHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './index.d';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n return (\n <GlobalHeaderContainer>\n <GlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderTitle />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </GlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n"],"names":["GlobalHeader","props","useValidateProps","ctx","useGlobalHeader","React","GlobalHeaderContainer","GlobalHeaderContext","GlobalHeaderTitle","GlobalHeaderBreadcrumb","GlobalHeaderToolbar","defaultProps","propTypes","globalHeaderProps","GlobalHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA+B;AAClDC,EAAAA,wCAAgB,CAACD,KAAD,CAAhB;AACA,MAAME,GAAG,GAAGC,sCAAe,CAACH,KAAD,CAA3B;AACA,sBACEI,wCAACC,2CAAD,qBACED,wCAACE,uCAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEJ;AAArC,kBACEE,wCAACG,oDAAD,OADF,eAEEH,wCAACI,mEAAD,OAFF,eAGEJ,wCAACK,0DAAD,OAHF,CADF,CADF;AASD;;AAEDV,YAAY,CAACW,YAAb,GAA4BA,yBAA5B;AAEAX,YAAY,CAACY,SAAb,GAAyBC,2BAAzB;IACMC,sBAAsB,GAAGC,kBAAQ,CAACf,YAAD;AACvCc,sBAAsB,CAACF,SAAvB,GAAmCC,2BAAnC;;;;;"}
1
+ {"version":3,"file":"GlobalHeader.js","sources":["../../src/GlobalHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './index.d';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n return (\n <GlobalHeaderContainer>\n <GlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderTitle />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </GlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n"],"names":["GlobalHeader","props","useValidateProps","ctx","useGlobalHeader","React","GlobalHeaderContainer","GlobalHeaderContext","GlobalHeaderTitle","GlobalHeaderBreadcrumb","GlobalHeaderToolbar","defaultProps","propTypes","globalHeaderProps","GlobalHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA+B;AAClDC,EAAAA,wCAAgB,CAACD,KAAD,CAAhB;AACA,MAAME,GAAG,GAAGC,sCAAe,CAACH,KAAD,CAA3B;AACA,sBACEI,wCAACC,2CAAD,qBACED,wCAACE,uCAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEJ;AAArC,kBACEE,wCAACG,oDAAD,OADF,eAEEH,wCAACI,mEAAD,OAFF,eAGEJ,wCAACK,0DAAD,OAHF,CADF,CADF;AASD;;AAEDV,YAAY,CAACW,YAAb,GAA4BA,yBAA5B;AAEAX,YAAY,CAACY,SAAb,GAAyBC,2BAAzB;IACMC,sBAAsB,GAAGC,kBAAQ,CAACf,YAAD;AACvCc,sBAAsB,CAACF,SAAvB,GAAmCC,2BAAnC;;;;;"}
@@ -9,7 +9,7 @@ var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
9
9
  var components_Breadcrumb_PureBreadcrumb = require('./PureBreadcrumb.js');
10
10
  require('styled-components');
11
11
  require('../../defaultProps.js');
12
- require('@elliemae/ds-icons/ChevronSmallRight');
12
+ require('@elliemae/ds-icons');
13
13
 
14
14
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
15
 
@@ -3,14 +3,13 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
- var Chevron = require('@elliemae/ds-icons/ChevronSmallRight');
6
+ var dsIcons = require('@elliemae/ds-icons');
7
7
  var components_Breadcrumb_styles = require('./styles.js');
8
8
  require('styled-components');
9
9
 
10
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
11
 
12
12
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
- var Chevron__default = /*#__PURE__*/_interopDefaultLegacy(Chevron);
14
13
 
15
14
  var PureBreadcrumb = /*#__PURE__*/React__default['default'].memo(function (_ref) {
16
15
  var onClick = _ref.onClick,
@@ -25,7 +24,7 @@ var PureBreadcrumb = /*#__PURE__*/React__default['default'].memo(function (_ref)
25
24
  }, /*#__PURE__*/React__default['default'].createElement(components_Breadcrumb_styles.Label, {
26
25
  isSelected: isSelected,
27
26
  isOnlyItem: length === 1
28
- }, label)), hasNext && /*#__PURE__*/React__default['default'].createElement(Chevron__default['default'], {
27
+ }, label)), hasNext && /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallRight, {
29
28
  size: "m",
30
29
  fill: "#FFF"
31
30
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"PureBreadcrumb.js","sources":["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport Chevron from '@elliemae/ds-icons/ChevronSmallRight';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../index.d';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext }: Props) => (\n <BreadcrumbItem>\n <LabelButton onClick={onClick} aria-selected={isSelected} data-testid=\"gh-breadcrumb-btn\">\n <Label isSelected={isSelected} isOnlyItem={length === 1}>\n {label}\n </Label>\n </LabelButton>\n {hasNext && <Chevron size=\"m\" fill=\"#FFF\" />}\n </BreadcrumbItem>\n));\n"],"names":["PureBreadcrumb","React","memo","onClick","isSelected","length","label","hasNext","BreadcrumbItem","LabelButton","Label","Chevron"],"mappings":";;;;;;;;;;;;;;IAKaA,cAAc,gBAAGC,yBAAK,CAACC,IAAN,CAAW;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,UAAZ,QAAYA,UAAZ;AAAA,MAAwBC,MAAxB,QAAwBA,MAAxB;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,MAAuCC,OAAvC,QAAuCA,OAAvC;AAAA,sBACvCN,wCAACO,2CAAD,qBACEP,wCAACQ,wCAAD;AAAa,IAAA,OAAO,EAAEN,OAAtB;AAA+B,qBAAeC,UAA9C;AAA0D,mBAAY;AAAtE,kBACEH,wCAACS,kCAAD;AAAO,IAAA,UAAU,EAAEN,UAAnB;AAA+B,IAAA,UAAU,EAAEC,MAAM,KAAK;AAAtD,KACGC,KADH,CADF,CADF,EAMGC,OAAO,iBAAIN,wCAACU,2BAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,IAAI,EAAC;AAAvB,IANd,CADuC;AAAA,CAAX;;;;"}
1
+ {"version":3,"file":"PureBreadcrumb.js","sources":["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../index.d';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext }: Props) => (\n <BreadcrumbItem>\n <LabelButton onClick={onClick} aria-selected={isSelected} data-testid=\"gh-breadcrumb-btn\">\n <Label isSelected={isSelected} isOnlyItem={length === 1}>\n {label}\n </Label>\n </LabelButton>\n {hasNext && <ChevronSmallRight size=\"m\" fill=\"#FFF\" />}\n </BreadcrumbItem>\n));\n"],"names":["PureBreadcrumb","React","memo","onClick","isSelected","length","label","hasNext","BreadcrumbItem","LabelButton","Label","ChevronSmallRight"],"mappings":";;;;;;;;;;;;;IAKaA,cAAc,gBAAGC,yBAAK,CAACC,IAAN,CAAW;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,UAAZ,QAAYA,UAAZ;AAAA,MAAwBC,MAAxB,QAAwBA,MAAxB;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,MAAuCC,OAAvC,QAAuCA,OAAvC;AAAA,sBACvCN,wCAACO,2CAAD,qBACEP,wCAACQ,wCAAD;AAAa,IAAA,OAAO,EAAEN,OAAtB;AAA+B,qBAAeC,UAA9C;AAA0D,mBAAY;AAAtE,kBACEH,wCAACS,kCAAD;AAAO,IAAA,UAAU,EAAEN,UAAnB;AAA+B,IAAA,UAAU,EAAEC,MAAM,KAAK;AAAtD,KACGC,KADH,CADF,CADF,EAMGC,OAAO,iBAAIN,wCAACU,yBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,IAAI,EAAC;AAAjC,IANd,CADuC;AAAA,CAAX;;;;"}
@@ -9,7 +9,7 @@ var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
9
9
  require('../../outOfTheBox/AppPicker/AppPicker.js');
10
10
  require('@babel/runtime/helpers/slicedToArray');
11
11
  require('@elliemae/ds-app-picker');
12
- require('@elliemae/ds-icons/MenuPicker');
12
+ require('@elliemae/ds-icons');
13
13
  require('./styles.js');
14
14
  require('styled-components');
15
15
  require('../../outOfTheBox/PopupMenu/PopupMenu.js');
@@ -9,7 +9,7 @@ var components_Toolbar_styles = require('./styles.js');
9
9
  var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
10
10
  require('@babel/runtime/helpers/slicedToArray');
11
11
  require('@elliemae/ds-app-picker');
12
- require('@elliemae/ds-icons/MenuPicker');
12
+ require('@elliemae/ds-icons');
13
13
  require('styled-components');
14
14
  require('@elliemae/ds-popover');
15
15
  require('../../outOfTheBox/PopupMenu/PopupMenuContent.js');
package/cjs/index.js CHANGED
@@ -14,13 +14,12 @@ require('./components/Breadcrumb/GlobalHeaderBreadcrumb.js');
14
14
  require('./components/Breadcrumb/styles.js');
15
15
  require('styled-components');
16
16
  require('./components/Breadcrumb/PureBreadcrumb.js');
17
- require('@elliemae/ds-icons/ChevronSmallRight');
17
+ require('@elliemae/ds-icons');
18
18
  require('./components/Toolbar/GlobalHeaderToolbar.js');
19
19
  require('./components/Toolbar/ToolbarItems.js');
20
20
  require('./outOfTheBox/AppPicker/AppPicker.js');
21
21
  require('@babel/runtime/helpers/slicedToArray');
22
22
  require('@elliemae/ds-app-picker');
23
- require('@elliemae/ds-icons/MenuPicker');
24
23
  require('./components/Toolbar/styles.js');
25
24
  require('./outOfTheBox/PopupMenu/PopupMenu.js');
26
25
  require('@elliemae/ds-popover');
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
6
  var React = require('react');
7
7
  var dsAppPicker = require('@elliemae/ds-app-picker');
8
- var MenuPicker = require('@elliemae/ds-icons/MenuPicker');
8
+ var dsIcons = require('@elliemae/ds-icons');
9
9
  var components_Toolbar_styles = require('../../components/Toolbar/styles.js');
10
10
  require('styled-components');
11
11
 
@@ -13,7 +13,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
13
13
 
14
14
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
- var MenuPicker__default = /*#__PURE__*/_interopDefaultLegacy(MenuPicker);
17
16
 
18
17
  var AppPicker = function AppPicker(_ref) {
19
18
  var label = _ref.label,
@@ -67,7 +66,7 @@ var AppPicker = function AppPicker(_ref) {
67
66
  ref: buttonRef,
68
67
  title: label,
69
68
  "data-testid": "gh-toolbar-item"
70
- }, /*#__PURE__*/React__default['default'].createElement(MenuPicker__default['default'], {
69
+ }, /*#__PURE__*/React__default['default'].createElement(dsIcons.MenuPicker, {
71
70
  fill: "#FFF",
72
71
  size: "m"
73
72
  })));
@@ -1 +1 @@
1
- {"version":3,"file":"AppPicker.js","sources":["../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport MenuPicker from '@elliemae/ds-icons/MenuPicker';\nimport type { AppPickerPropsT as Props } from '../../index.d';\nimport { Button } from '../../components/Toolbar/styles';\n\nexport const AppPicker = ({\n label,\n apps,\n customApps,\n sectionTitle,\n customSectionTitle,\n onClick = () => null,\n actionRef,\n onKeyDown: customHandleOnKeyDown = () => null,\n}: Props): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const buttonRef = useRef<HTMLButtonElement>();\n\n const handleTriggerKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n customHandleOnKeyDown(e);\n if (e.code === 'Escape') {\n setIsOpen(false);\n }\n },\n [customHandleOnKeyDown],\n );\n\n const handleOnClickOutside = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick = useCallback(\n (e) => {\n setIsOpen(true);\n onClick(e);\n },\n [onClick],\n );\n\n const trigger = useMemo(\n () =>\n ({ ref }: { ref: React.MutableRefObject<HTMLDivElement> }) =>\n (\n <div ref={ref}>\n <Button\n onClick={handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={buttonRef}\n title={label}\n data-testid=\"gh-toolbar-item\"\n >\n <MenuPicker fill=\"#FFF\" size=\"m\" />\n </Button>\n </div>\n ),\n [handleOnClick, handleTriggerKeyDown, label],\n );\n\n return useMemo(\n () => (\n <DSAppPicker\n isOpen={isOpen}\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n onClickOutside={handleOnClickOutside}\n renderTrigger={trigger}\n triggerRef={buttonRef}\n actionRef={actionRef}\n onKeyDown={handleAppPickerOnKeyDown}\n />\n ),\n [\n actionRef,\n apps,\n customApps,\n customSectionTitle,\n handleAppPickerOnKeyDown,\n handleOnClickOutside,\n isOpen,\n sectionTitle,\n trigger,\n ],\n );\n};\n"],"names":["AppPicker","label","apps","customApps","sectionTitle","customSectionTitle","onClick","actionRef","onKeyDown","customHandleOnKeyDown","useState","isOpen","setIsOpen","buttonRef","useRef","handleTriggerKeyDown","useCallback","e","code","handleAppPickerOnKeyDown","handleOnClickOutside","handleOnClick","trigger","useMemo","ref","React","Button","MenuPicker","DSAppPicker"],"mappings":";;;;;;;;;;;;;;;;;IAMaA,SAAS,GAAG,SAAZA,SAAY,OASC;AAAA,MARxBC,KAQwB,QARxBA,KAQwB;AAAA,MAPxBC,IAOwB,QAPxBA,IAOwB;AAAA,MANxBC,UAMwB,QANxBA,UAMwB;AAAA,MALxBC,YAKwB,QALxBA,YAKwB;AAAA,MAJxBC,kBAIwB,QAJxBA,kBAIwB;AAAA,0BAHxBC,OAGwB;AAAA,MAHxBA,OAGwB,6BAHd;AAAA,WAAM,IAAN;AAAA,GAGc;AAAA,MAFxBC,SAEwB,QAFxBA,SAEwB;AAAA,4BADxBC,SACwB;AAAA,MADbC,qBACa,+BADW;AAAA,WAAM,IAAN;AAAA,GACX;;AACxB,kBAA4BC,cAAQ,CAAU,KAAV,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,SAAS,GAAGC,YAAM,EAAxB;AAEA,MAAMC,oBAAoB,GAAGC,iBAAW,CAAC,UAACC,CAAD,EAA4B;AACnE,QAAIA,CAAC,CAACC,IAAF,KAAW,OAAX,IAAsBD,CAAC,CAACC,IAAF,KAAW,OAArC,EAA8C;AAC5CN,MAAAA,SAAS,CAAC,IAAD,CAAT;AACD;AACF,GAJuC,EAIrC,EAJqC,CAAxC;AAMA,MAAMO,wBAAwB,GAAGH,iBAAW,CAC1C,UAACC,CAAD,EAA4B;AAC1BR,IAAAA,qBAAqB,CAACQ,CAAD,CAArB;;AACA,QAAIA,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyB;AACvBN,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD;AACF,GANyC,EAO1C,CAACH,qBAAD,CAP0C,CAA5C;AAUA,MAAMW,oBAAoB,GAAGJ,iBAAW,CAAC,YAAM;AAC7CJ,IAAAA,SAAS,CAAC,KAAD,CAAT;AACD,GAFuC,EAErC,EAFqC,CAAxC;AAIA,MAAMS,aAAa,GAAGL,iBAAW,CAC/B,UAACC,CAAD,EAAO;AACLL,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAN,IAAAA,OAAO,CAACW,CAAD,CAAP;AACD,GAJ8B,EAK/B,CAACX,OAAD,CAL+B,CAAjC;AAQA,MAAMgB,OAAO,GAAGC,aAAO,CACrB;AAAA,WACE;AAAA,UAAGC,GAAH,SAAGA,GAAH;AAAA,0BAEIC;AAAK,QAAA,GAAG,EAAED;AAAV,sBACEC,wCAACC,gCAAD;AACE,QAAA,OAAO,EAAEL,aADX;AAEE,QAAA,SAAS,EAAEN,oBAFb;AAGE,QAAA,GAAG,EAAEF,SAHP;AAIE,QAAA,KAAK,EAAEZ,KAJT;AAKE,uBAAY;AALd,sBAOEwB,wCAACE,8BAAD;AAAY,QAAA,IAAI,EAAC,MAAjB;AAAwB,QAAA,IAAI,EAAC;AAA7B,QAPF,CADF,CAFJ;AAAA,KADF;AAAA,GADqB,EAgBrB,CAACN,aAAD,EAAgBN,oBAAhB,EAAsCd,KAAtC,CAhBqB,CAAvB;AAmBA,SAAOsB,aAAO,CACZ;AAAA,wBACEE,wCAACG,uBAAD;AACE,MAAA,MAAM,EAAEjB,MADV;AAEE,MAAA,IAAI,EAAET,IAFR;AAGE,MAAA,UAAU,EAAEC,UAHd;AAIE,MAAA,YAAY,EAAEC,YAJhB;AAKE,MAAA,kBAAkB,EAAEC,kBALtB;AAME,MAAA,cAAc,EAAEe,oBANlB;AAOE,MAAA,aAAa,EAAEE,OAPjB;AAQE,MAAA,UAAU,EAAET,SARd;AASE,MAAA,SAAS,EAAEN,SATb;AAUE,MAAA,SAAS,EAAEY;AAVb,MADF;AAAA,GADY,EAeZ,CACEZ,SADF,EAEEL,IAFF,EAGEC,UAHF,EAIEE,kBAJF,EAKEc,wBALF,EAMEC,oBANF,EAOET,MAPF,EAQEP,YARF,EASEkB,OATF,CAfY,CAAd;AA2BD;;;;"}
1
+ {"version":3,"file":"AppPicker.js","sources":["../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport type { AppPickerPropsT as Props } from '../../index.d';\nimport { Button } from '../../components/Toolbar/styles';\n\nexport const AppPicker = ({\n label,\n apps,\n customApps,\n sectionTitle,\n customSectionTitle,\n onClick = () => null,\n actionRef,\n onKeyDown: customHandleOnKeyDown = () => null,\n}: Props): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const buttonRef = useRef<HTMLButtonElement>();\n\n const handleTriggerKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n customHandleOnKeyDown(e);\n if (e.code === 'Escape') {\n setIsOpen(false);\n }\n },\n [customHandleOnKeyDown],\n );\n\n const handleOnClickOutside = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick = useCallback(\n (e) => {\n setIsOpen(true);\n onClick(e);\n },\n [onClick],\n );\n\n const trigger = useMemo(\n () =>\n ({ ref }: { ref: React.MutableRefObject<HTMLDivElement> }) =>\n (\n <div ref={ref}>\n <Button\n onClick={handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={buttonRef}\n title={label}\n data-testid=\"gh-toolbar-item\"\n >\n <MenuPicker fill=\"#FFF\" size=\"m\" />\n </Button>\n </div>\n ),\n [handleOnClick, handleTriggerKeyDown, label],\n );\n\n return useMemo(\n () => (\n <DSAppPicker\n isOpen={isOpen}\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n onClickOutside={handleOnClickOutside}\n renderTrigger={trigger}\n triggerRef={buttonRef}\n actionRef={actionRef}\n onKeyDown={handleAppPickerOnKeyDown}\n />\n ),\n [\n actionRef,\n apps,\n customApps,\n customSectionTitle,\n handleAppPickerOnKeyDown,\n handleOnClickOutside,\n isOpen,\n sectionTitle,\n trigger,\n ],\n );\n};\n"],"names":["AppPicker","label","apps","customApps","sectionTitle","customSectionTitle","onClick","actionRef","onKeyDown","customHandleOnKeyDown","useState","isOpen","setIsOpen","buttonRef","useRef","handleTriggerKeyDown","useCallback","e","code","handleAppPickerOnKeyDown","handleOnClickOutside","handleOnClick","trigger","useMemo","ref","React","Button","MenuPicker","DSAppPicker"],"mappings":"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"}
@@ -7,7 +7,7 @@ var outOfTheBox_PopupMenu_PopupMenu = require('./PopupMenu/PopupMenu.js');
7
7
  require('@babel/runtime/helpers/slicedToArray');
8
8
  require('react');
9
9
  require('@elliemae/ds-app-picker');
10
- require('@elliemae/ds-icons/MenuPicker');
10
+ require('@elliemae/ds-icons');
11
11
  require('../components/Toolbar/styles.js');
12
12
  require('styled-components');
13
13
  require('@elliemae/ds-popover');
@@ -13,12 +13,11 @@ import '@elliemae/ds-grid';
13
13
  import './components/Breadcrumb/styles.js';
14
14
  import 'styled-components';
15
15
  import './components/Breadcrumb/PureBreadcrumb.js';
16
- import '@elliemae/ds-icons/ChevronSmallRight';
16
+ import '@elliemae/ds-icons';
17
17
  import './components/Toolbar/ToolbarItems.js';
18
18
  import './outOfTheBox/AppPicker/AppPicker.js';
19
19
  import '@babel/runtime/helpers/esm/slicedToArray';
20
20
  import '@elliemae/ds-app-picker';
21
- import '@elliemae/ds-icons/MenuPicker';
22
21
  import './components/Toolbar/styles.js';
23
22
  import './outOfTheBox/PopupMenu/PopupMenu.js';
24
23
  import '@elliemae/ds-popover';
@@ -1 +1 @@
1
- {"version":3,"file":"GlobalHeader.js","sources":["../../src/GlobalHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './index.d';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n return (\n <GlobalHeaderContainer>\n <GlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderTitle />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </GlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n"],"names":["GlobalHeader","props","useValidateProps","ctx","useGlobalHeader","defaultProps","propTypes","globalHeaderProps","GlobalHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA+B;AAClDC,EAAAA,gBAAgB,CAACD,KAAD,CAAhB;AACA,MAAME,GAAG,GAAGC,eAAe,CAACH,KAAD,CAA3B;AACA,sBACE,oBAAC,qBAAD,qBACE,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEE;AAArC,kBACE,oBAAC,iBAAD,OADF,eAEE,oBAAC,sBAAD,OAFF,eAGE,oBAAC,mBAAD,OAHF,CADF,CADF;AASD;;AAEDH,YAAY,CAACK,YAAb,GAA4BA,YAA5B;AAEAL,YAAY,CAACM,SAAb,GAAyBC,iBAAzB;IACMC,sBAAsB,GAAGC,QAAQ,CAACT,YAAD;AACvCQ,sBAAsB,CAACF,SAAvB,GAAmCC,iBAAnC;;;;"}
1
+ {"version":3,"file":"GlobalHeader.js","sources":["../../src/GlobalHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './index.d';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n return (\n <GlobalHeaderContainer>\n <GlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderTitle />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </GlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n"],"names":["GlobalHeader","props","useValidateProps","ctx","useGlobalHeader","defaultProps","propTypes","globalHeaderProps","GlobalHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAA+B;AAClDC,EAAAA,gBAAgB,CAACD,KAAD,CAAhB;AACA,MAAME,GAAG,GAAGC,eAAe,CAACH,KAAD,CAA3B;AACA,sBACE,oBAAC,qBAAD,qBACE,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEE;AAArC,kBACE,oBAAC,iBAAD,OADF,eAEE,oBAAC,sBAAD,OAFF,eAGE,oBAAC,mBAAD,OAHF,CADF,CADF;AASD;;AAEDH,YAAY,CAACK,YAAb,GAA4BA,YAA5B;AAEAL,YAAY,CAACM,SAAb,GAAyBC,iBAAzB;IACMC,sBAAsB,GAAGC,QAAQ,CAACT,YAAD;AACvCQ,sBAAsB,CAACF,SAAvB,GAAmCC,iBAAnC;;;;"}
@@ -5,7 +5,7 @@ import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
5
5
  import { PureBreadcrumb } from './PureBreadcrumb.js';
6
6
  import 'styled-components';
7
7
  import '../../defaultProps.js';
8
- import '@elliemae/ds-icons/ChevronSmallRight';
8
+ import '@elliemae/ds-icons';
9
9
 
10
10
  var GlobalHeaderBreadcrumb = function GlobalHeaderBreadcrumb() {
11
11
  var _useContext = useContext(GlobalHeaderContext),
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import Chevron from '@elliemae/ds-icons/ChevronSmallRight';
2
+ import { ChevronSmallRight } from '@elliemae/ds-icons';
3
3
  import { BreadcrumbItem, LabelButton, Label } from './styles.js';
4
4
  import 'styled-components';
5
5
 
@@ -16,7 +16,7 @@ var PureBreadcrumb = /*#__PURE__*/React.memo(function (_ref) {
16
16
  }, /*#__PURE__*/React.createElement(Label, {
17
17
  isSelected: isSelected,
18
18
  isOnlyItem: length === 1
19
- }, label)), hasNext && /*#__PURE__*/React.createElement(Chevron, {
19
+ }, label)), hasNext && /*#__PURE__*/React.createElement(ChevronSmallRight, {
20
20
  size: "m",
21
21
  fill: "#FFF"
22
22
  }));
@@ -1 +1 @@
1
- {"version":3,"file":"PureBreadcrumb.js","sources":["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport Chevron from '@elliemae/ds-icons/ChevronSmallRight';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../index.d';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext }: Props) => (\n <BreadcrumbItem>\n <LabelButton onClick={onClick} aria-selected={isSelected} data-testid=\"gh-breadcrumb-btn\">\n <Label isSelected={isSelected} isOnlyItem={length === 1}>\n {label}\n </Label>\n </LabelButton>\n {hasNext && <Chevron size=\"m\" fill=\"#FFF\" />}\n </BreadcrumbItem>\n));\n"],"names":["PureBreadcrumb","React","memo","onClick","isSelected","length","label","hasNext"],"mappings":";;;;;IAKaA,cAAc,gBAAGC,KAAK,CAACC,IAAN,CAAW;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,UAAZ,QAAYA,UAAZ;AAAA,MAAwBC,MAAxB,QAAwBA,MAAxB;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,MAAuCC,OAAvC,QAAuCA,OAAvC;AAAA,sBACvC,oBAAC,cAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAEJ,OAAtB;AAA+B,qBAAeC,UAA9C;AAA0D,mBAAY;AAAtE,kBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAEA,UAAnB;AAA+B,IAAA,UAAU,EAAEC,MAAM,KAAK;AAAtD,KACGC,KADH,CADF,CADF,EAMGC,OAAO,iBAAI,oBAAC,OAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,IAAI,EAAC;AAAvB,IANd,CADuC;AAAA,CAAX;;;;"}
1
+ {"version":3,"file":"PureBreadcrumb.js","sources":["../../../../src/components/Breadcrumb/PureBreadcrumb.tsx"],"sourcesContent":["import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../index.d';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext }: Props) => (\n <BreadcrumbItem>\n <LabelButton onClick={onClick} aria-selected={isSelected} data-testid=\"gh-breadcrumb-btn\">\n <Label isSelected={isSelected} isOnlyItem={length === 1}>\n {label}\n </Label>\n </LabelButton>\n {hasNext && <ChevronSmallRight size=\"m\" fill=\"#FFF\" />}\n </BreadcrumbItem>\n));\n"],"names":["PureBreadcrumb","React","memo","onClick","isSelected","length","label","hasNext"],"mappings":";;;;;IAKaA,cAAc,gBAAGC,KAAK,CAACC,IAAN,CAAW;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,UAAZ,QAAYA,UAAZ;AAAA,MAAwBC,MAAxB,QAAwBA,MAAxB;AAAA,MAAgCC,KAAhC,QAAgCA,KAAhC;AAAA,MAAuCC,OAAvC,QAAuCA,OAAvC;AAAA,sBACvC,oBAAC,cAAD,qBACE,oBAAC,WAAD;AAAa,IAAA,OAAO,EAAEJ,OAAtB;AAA+B,qBAAeC,UAA9C;AAA0D,mBAAY;AAAtE,kBACE,oBAAC,KAAD;AAAO,IAAA,UAAU,EAAEA,UAAnB;AAA+B,IAAA,UAAU,EAAEC,MAAM,KAAK;AAAtD,KACGC,KADH,CADF,CADF,EAMGC,OAAO,iBAAI,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,IAAI,EAAC;AAAjC,IANd,CADuC;AAAA,CAAX;;;;"}
@@ -5,7 +5,7 @@ import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
5
5
  import '../../outOfTheBox/AppPicker/AppPicker.js';
6
6
  import '@babel/runtime/helpers/esm/slicedToArray';
7
7
  import '@elliemae/ds-app-picker';
8
- import '@elliemae/ds-icons/MenuPicker';
8
+ import '@elliemae/ds-icons';
9
9
  import './styles.js';
10
10
  import 'styled-components';
11
11
  import '../../outOfTheBox/PopupMenu/PopupMenu.js';
@@ -5,7 +5,7 @@ import { Button } from './styles.js';
5
5
  import { GlobalHeaderContext } from '../../GlobalHeaderContext.js';
6
6
  import '@babel/runtime/helpers/esm/slicedToArray';
7
7
  import '@elliemae/ds-app-picker';
8
- import '@elliemae/ds-icons/MenuPicker';
8
+ import '@elliemae/ds-icons';
9
9
  import 'styled-components';
10
10
  import '@elliemae/ds-popover';
11
11
  import '../../outOfTheBox/PopupMenu/PopupMenuContent.js';
package/esm/index.js CHANGED
@@ -10,13 +10,12 @@ import './components/Breadcrumb/GlobalHeaderBreadcrumb.js';
10
10
  import './components/Breadcrumb/styles.js';
11
11
  import 'styled-components';
12
12
  import './components/Breadcrumb/PureBreadcrumb.js';
13
- import '@elliemae/ds-icons/ChevronSmallRight';
13
+ import '@elliemae/ds-icons';
14
14
  import './components/Toolbar/GlobalHeaderToolbar.js';
15
15
  import './components/Toolbar/ToolbarItems.js';
16
16
  import './outOfTheBox/AppPicker/AppPicker.js';
17
17
  import '@babel/runtime/helpers/esm/slicedToArray';
18
18
  import '@elliemae/ds-app-picker';
19
- import '@elliemae/ds-icons/MenuPicker';
20
19
  import './components/Toolbar/styles.js';
21
20
  import './outOfTheBox/PopupMenu/PopupMenu.js';
22
21
  import '@elliemae/ds-popover';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
2
2
  import React, { useState, useRef, useCallback, useMemo } from 'react';
3
3
  import { DSAppPicker } from '@elliemae/ds-app-picker';
4
- import MenuPicker from '@elliemae/ds-icons/MenuPicker';
4
+ import { MenuPicker } from '@elliemae/ds-icons';
5
5
  import { Button } from '../../components/Toolbar/styles.js';
6
6
  import 'styled-components';
7
7
 
@@ -1 +1 @@
1
- {"version":3,"file":"AppPicker.js","sources":["../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport MenuPicker from '@elliemae/ds-icons/MenuPicker';\nimport type { AppPickerPropsT as Props } from '../../index.d';\nimport { Button } from '../../components/Toolbar/styles';\n\nexport const AppPicker = ({\n label,\n apps,\n customApps,\n sectionTitle,\n customSectionTitle,\n onClick = () => null,\n actionRef,\n onKeyDown: customHandleOnKeyDown = () => null,\n}: Props): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const buttonRef = useRef<HTMLButtonElement>();\n\n const handleTriggerKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n customHandleOnKeyDown(e);\n if (e.code === 'Escape') {\n setIsOpen(false);\n }\n },\n [customHandleOnKeyDown],\n );\n\n const handleOnClickOutside = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick = useCallback(\n (e) => {\n setIsOpen(true);\n onClick(e);\n },\n [onClick],\n );\n\n const trigger = useMemo(\n () =>\n ({ ref }: { ref: React.MutableRefObject<HTMLDivElement> }) =>\n (\n <div ref={ref}>\n <Button\n onClick={handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={buttonRef}\n title={label}\n data-testid=\"gh-toolbar-item\"\n >\n <MenuPicker fill=\"#FFF\" size=\"m\" />\n </Button>\n </div>\n ),\n [handleOnClick, handleTriggerKeyDown, label],\n );\n\n return useMemo(\n () => (\n <DSAppPicker\n isOpen={isOpen}\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n onClickOutside={handleOnClickOutside}\n renderTrigger={trigger}\n triggerRef={buttonRef}\n actionRef={actionRef}\n onKeyDown={handleAppPickerOnKeyDown}\n />\n ),\n [\n actionRef,\n apps,\n customApps,\n customSectionTitle,\n handleAppPickerOnKeyDown,\n handleOnClickOutside,\n isOpen,\n sectionTitle,\n trigger,\n ],\n );\n};\n"],"names":["AppPicker","label","apps","customApps","sectionTitle","customSectionTitle","onClick","actionRef","onKeyDown","customHandleOnKeyDown","useState","isOpen","setIsOpen","buttonRef","useRef","handleTriggerKeyDown","useCallback","e","code","handleAppPickerOnKeyDown","handleOnClickOutside","handleOnClick","trigger","useMemo","ref"],"mappings":";;;;;;;IAMaA,SAAS,GAAG,SAAZA,SAAY,OASC;AAAA,MARxBC,KAQwB,QARxBA,KAQwB;AAAA,MAPxBC,IAOwB,QAPxBA,IAOwB;AAAA,MANxBC,UAMwB,QANxBA,UAMwB;AAAA,MALxBC,YAKwB,QALxBA,YAKwB;AAAA,MAJxBC,kBAIwB,QAJxBA,kBAIwB;AAAA,0BAHxBC,OAGwB;AAAA,MAHxBA,OAGwB,6BAHd;AAAA,WAAM,IAAN;AAAA,GAGc;AAAA,MAFxBC,SAEwB,QAFxBA,SAEwB;AAAA,4BADxBC,SACwB;AAAA,MADbC,qBACa,+BADW;AAAA,WAAM,IAAN;AAAA,GACX;;AACxB,kBAA4BC,QAAQ,CAAU,KAAV,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,SAAS,GAAGC,MAAM,EAAxB;AAEA,MAAMC,oBAAoB,GAAGC,WAAW,CAAC,UAACC,CAAD,EAA4B;AACnE,QAAIA,CAAC,CAACC,IAAF,KAAW,OAAX,IAAsBD,CAAC,CAACC,IAAF,KAAW,OAArC,EAA8C;AAC5CN,MAAAA,SAAS,CAAC,IAAD,CAAT;AACD;AACF,GAJuC,EAIrC,EAJqC,CAAxC;AAMA,MAAMO,wBAAwB,GAAGH,WAAW,CAC1C,UAACC,CAAD,EAA4B;AAC1BR,IAAAA,qBAAqB,CAACQ,CAAD,CAArB;;AACA,QAAIA,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyB;AACvBN,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD;AACF,GANyC,EAO1C,CAACH,qBAAD,CAP0C,CAA5C;AAUA,MAAMW,oBAAoB,GAAGJ,WAAW,CAAC,YAAM;AAC7CJ,IAAAA,SAAS,CAAC,KAAD,CAAT;AACD,GAFuC,EAErC,EAFqC,CAAxC;AAIA,MAAMS,aAAa,GAAGL,WAAW,CAC/B,UAACC,CAAD,EAAO;AACLL,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAN,IAAAA,OAAO,CAACW,CAAD,CAAP;AACD,GAJ8B,EAK/B,CAACX,OAAD,CAL+B,CAAjC;AAQA,MAAMgB,OAAO,GAAGC,OAAO,CACrB;AAAA,WACE;AAAA,UAAGC,GAAH,SAAGA,GAAH;AAAA,0BAEI;AAAK,QAAA,GAAG,EAAEA;AAAV,sBACE,oBAAC,MAAD;AACE,QAAA,OAAO,EAAEH,aADX;AAEE,QAAA,SAAS,EAAEN,oBAFb;AAGE,QAAA,GAAG,EAAEF,SAHP;AAIE,QAAA,KAAK,EAAEZ,KAJT;AAKE,uBAAY;AALd,sBAOE,oBAAC,UAAD;AAAY,QAAA,IAAI,EAAC,MAAjB;AAAwB,QAAA,IAAI,EAAC;AAA7B,QAPF,CADF,CAFJ;AAAA,KADF;AAAA,GADqB,EAgBrB,CAACoB,aAAD,EAAgBN,oBAAhB,EAAsCd,KAAtC,CAhBqB,CAAvB;AAmBA,SAAOsB,OAAO,CACZ;AAAA,wBACE,oBAAC,WAAD;AACE,MAAA,MAAM,EAAEZ,MADV;AAEE,MAAA,IAAI,EAAET,IAFR;AAGE,MAAA,UAAU,EAAEC,UAHd;AAIE,MAAA,YAAY,EAAEC,YAJhB;AAKE,MAAA,kBAAkB,EAAEC,kBALtB;AAME,MAAA,cAAc,EAAEe,oBANlB;AAOE,MAAA,aAAa,EAAEE,OAPjB;AAQE,MAAA,UAAU,EAAET,SARd;AASE,MAAA,SAAS,EAAEN,SATb;AAUE,MAAA,SAAS,EAAEY;AAVb,MADF;AAAA,GADY,EAeZ,CACEZ,SADF,EAEEL,IAFF,EAGEC,UAHF,EAIEE,kBAJF,EAKEc,wBALF,EAMEC,oBANF,EAOET,MAPF,EAQEP,YARF,EASEkB,OATF,CAfY,CAAd;AA2BD;;;;"}
1
+ {"version":3,"file":"AppPicker.js","sources":["../../../../src/outOfTheBox/AppPicker/AppPicker.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport type { AppPickerPropsT as Props } from '../../index.d';\nimport { Button } from '../../components/Toolbar/styles';\n\nexport const AppPicker = ({\n label,\n apps,\n customApps,\n sectionTitle,\n customSectionTitle,\n onClick = () => null,\n actionRef,\n onKeyDown: customHandleOnKeyDown = () => null,\n}: Props): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const buttonRef = useRef<HTMLButtonElement>();\n\n const handleTriggerKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (e.code === 'Enter' || e.code === 'Space') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n customHandleOnKeyDown(e);\n if (e.code === 'Escape') {\n setIsOpen(false);\n }\n },\n [customHandleOnKeyDown],\n );\n\n const handleOnClickOutside = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick = useCallback(\n (e) => {\n setIsOpen(true);\n onClick(e);\n },\n [onClick],\n );\n\n const trigger = useMemo(\n () =>\n ({ ref }: { ref: React.MutableRefObject<HTMLDivElement> }) =>\n (\n <div ref={ref}>\n <Button\n onClick={handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={buttonRef}\n title={label}\n data-testid=\"gh-toolbar-item\"\n >\n <MenuPicker fill=\"#FFF\" size=\"m\" />\n </Button>\n </div>\n ),\n [handleOnClick, handleTriggerKeyDown, label],\n );\n\n return useMemo(\n () => (\n <DSAppPicker\n isOpen={isOpen}\n apps={apps}\n customApps={customApps}\n sectionTitle={sectionTitle}\n customSectionTitle={customSectionTitle}\n onClickOutside={handleOnClickOutside}\n renderTrigger={trigger}\n triggerRef={buttonRef}\n actionRef={actionRef}\n onKeyDown={handleAppPickerOnKeyDown}\n />\n ),\n [\n actionRef,\n apps,\n customApps,\n customSectionTitle,\n handleAppPickerOnKeyDown,\n handleOnClickOutside,\n isOpen,\n sectionTitle,\n trigger,\n ],\n );\n};\n"],"names":["AppPicker","label","apps","customApps","sectionTitle","customSectionTitle","onClick","actionRef","onKeyDown","customHandleOnKeyDown","useState","isOpen","setIsOpen","buttonRef","useRef","handleTriggerKeyDown","useCallback","e","code","handleAppPickerOnKeyDown","handleOnClickOutside","handleOnClick","trigger","useMemo","ref"],"mappings":";;;;;;;IAMaA,SAAS,GAAG,SAAZA,SAAY,OASC;AAAA,MARxBC,KAQwB,QARxBA,KAQwB;AAAA,MAPxBC,IAOwB,QAPxBA,IAOwB;AAAA,MANxBC,UAMwB,QANxBA,UAMwB;AAAA,MALxBC,YAKwB,QALxBA,YAKwB;AAAA,MAJxBC,kBAIwB,QAJxBA,kBAIwB;AAAA,0BAHxBC,OAGwB;AAAA,MAHxBA,OAGwB,6BAHd;AAAA,WAAM,IAAN;AAAA,GAGc;AAAA,MAFxBC,SAEwB,QAFxBA,SAEwB;AAAA,4BADxBC,SACwB;AAAA,MADbC,qBACa,+BADW;AAAA,WAAM,IAAN;AAAA,GACX;;AACxB,kBAA4BC,QAAQ,CAAU,KAAV,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,SAAS,GAAGC,MAAM,EAAxB;AAEA,MAAMC,oBAAoB,GAAGC,WAAW,CAAC,UAACC,CAAD,EAA4B;AACnE,QAAIA,CAAC,CAACC,IAAF,KAAW,OAAX,IAAsBD,CAAC,CAACC,IAAF,KAAW,OAArC,EAA8C;AAC5CN,MAAAA,SAAS,CAAC,IAAD,CAAT;AACD;AACF,GAJuC,EAIrC,EAJqC,CAAxC;AAMA,MAAMO,wBAAwB,GAAGH,WAAW,CAC1C,UAACC,CAAD,EAA4B;AAC1BR,IAAAA,qBAAqB,CAACQ,CAAD,CAArB;;AACA,QAAIA,CAAC,CAACC,IAAF,KAAW,QAAf,EAAyB;AACvBN,MAAAA,SAAS,CAAC,KAAD,CAAT;AACD;AACF,GANyC,EAO1C,CAACH,qBAAD,CAP0C,CAA5C;AAUA,MAAMW,oBAAoB,GAAGJ,WAAW,CAAC,YAAM;AAC7CJ,IAAAA,SAAS,CAAC,KAAD,CAAT;AACD,GAFuC,EAErC,EAFqC,CAAxC;AAIA,MAAMS,aAAa,GAAGL,WAAW,CAC/B,UAACC,CAAD,EAAO;AACLL,IAAAA,SAAS,CAAC,IAAD,CAAT;AACAN,IAAAA,OAAO,CAACW,CAAD,CAAP;AACD,GAJ8B,EAK/B,CAACX,OAAD,CAL+B,CAAjC;AAQA,MAAMgB,OAAO,GAAGC,OAAO,CACrB;AAAA,WACE;AAAA,UAAGC,GAAH,SAAGA,GAAH;AAAA,0BAEI;AAAK,QAAA,GAAG,EAAEA;AAAV,sBACE,oBAAC,MAAD;AACE,QAAA,OAAO,EAAEH,aADX;AAEE,QAAA,SAAS,EAAEN,oBAFb;AAGE,QAAA,GAAG,EAAEF,SAHP;AAIE,QAAA,KAAK,EAAEZ,KAJT;AAKE,uBAAY;AALd,sBAOE,oBAAC,UAAD;AAAY,QAAA,IAAI,EAAC,MAAjB;AAAwB,QAAA,IAAI,EAAC;AAA7B,QAPF,CADF,CAFJ;AAAA,KADF;AAAA,GADqB,EAgBrB,CAACoB,aAAD,EAAgBN,oBAAhB,EAAsCd,KAAtC,CAhBqB,CAAvB;AAmBA,SAAOsB,OAAO,CACZ;AAAA,wBACE,oBAAC,WAAD;AACE,MAAA,MAAM,EAAEZ,MADV;AAEE,MAAA,IAAI,EAAET,IAFR;AAGE,MAAA,UAAU,EAAEC,UAHd;AAIE,MAAA,YAAY,EAAEC,YAJhB;AAKE,MAAA,kBAAkB,EAAEC,kBALtB;AAME,MAAA,cAAc,EAAEe,oBANlB;AAOE,MAAA,aAAa,EAAEE,OAPjB;AAQE,MAAA,UAAU,EAAET,SARd;AASE,MAAA,SAAS,EAAEN,SATb;AAUE,MAAA,SAAS,EAAEY;AAVb,MADF;AAAA,GADY,EAeZ,CACEZ,SADF,EAEEL,IAFF,EAGEC,UAHF,EAIEE,kBAJF,EAKEc,wBALF,EAMEC,oBANF,EAOET,MAPF,EAQEP,YARF,EASEkB,OATF,CAfY,CAAd;AA2BD;;;;"}
@@ -3,7 +3,7 @@ export { PopupMenu } from './PopupMenu/PopupMenu.js';
3
3
  import '@babel/runtime/helpers/esm/slicedToArray';
4
4
  import 'react';
5
5
  import '@elliemae/ds-app-picker';
6
- import '@elliemae/ds-icons/MenuPicker';
6
+ import '@elliemae/ds-icons';
7
7
  import '../components/Toolbar/styles.js';
8
8
  import 'styled-components';
9
9
  import '@elliemae/ds-popover';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-global-header",
3
- "version": "1.56.0",
3
+ "version": "1.57.0-rc.10",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Global Header",
6
6
  "module": "esm/index.js",
@@ -16,10 +16,10 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-app-picker": "1.56.0",
20
- "@elliemae/ds-grid": "1.56.0",
21
- "@elliemae/ds-icons": "1.56.0",
22
- "@elliemae/ds-popover": "1.56.0",
19
+ "@elliemae/ds-app-picker": "1.57.0-rc.10",
20
+ "@elliemae/ds-grid": "1.57.0-rc.10",
21
+ "@elliemae/ds-icons": "1.57.0-rc.10",
22
+ "@elliemae/ds-popover": "1.57.0-rc.10",
23
23
  "react-desc": "^4.1.2",
24
24
  "uid": "2.0.0"
25
25
  },