@elliemae/ds-global-header 3.12.0-rc.2 → 3.12.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/cjs/DSGlobalHeader.js +12 -12
  2. package/dist/cjs/DSGlobalHeader.js.map +1 -1
  3. package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js +31 -35
  4. package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map +1 -1
  5. package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js +17 -17
  6. package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js.map +1 -1
  7. package/dist/cjs/parts/GlobalHeaderContainer.js +13 -10
  8. package/dist/cjs/parts/GlobalHeaderContainer.js.map +1 -1
  9. package/dist/cjs/parts/Logo/GlobalHeaderLogo.js +13 -10
  10. package/dist/cjs/parts/Logo/GlobalHeaderLogo.js.map +1 -1
  11. package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js +86 -60
  12. package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js.map +1 -1
  13. package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js +35 -32
  14. package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map +1 -1
  15. package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js +23 -18
  16. package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map +1 -1
  17. package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js +66 -56
  18. package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map +1 -1
  19. package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js +36 -27
  20. package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map +1 -1
  21. package/dist/esm/DSGlobalHeader.js +12 -12
  22. package/dist/esm/DSGlobalHeader.js.map +1 -1
  23. package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js +31 -35
  24. package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map +1 -1
  25. package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js +17 -17
  26. package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js.map +1 -1
  27. package/dist/esm/parts/GlobalHeaderContainer.js +13 -10
  28. package/dist/esm/parts/GlobalHeaderContainer.js.map +1 -1
  29. package/dist/esm/parts/Logo/GlobalHeaderLogo.js +13 -10
  30. package/dist/esm/parts/Logo/GlobalHeaderLogo.js.map +1 -1
  31. package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js +86 -60
  32. package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js.map +1 -1
  33. package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js +35 -32
  34. package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map +1 -1
  35. package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js +23 -18
  36. package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map +1 -1
  37. package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js +66 -56
  38. package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map +1 -1
  39. package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js +36 -27
  40. package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map +1 -1
  41. package/package.json +8 -8
package/dist/cjs/DSGlobalHeader.js CHANGED
@@ -47,21 +47,21 @@ const DSGlobalHeader = (props) => {
47
47
  const globalAttrs = (0, import_ds_utilities.useGetGlobalAttributes)(props);
48
48
  const xstyledAttrs = (0, import_ds_utilities.useGetXstyledProps)(props);
49
49
  const { bg, backgroundColor } = props;
50
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GlobalHeaderContainer.GlobalHeaderContainer, {
51
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.CONTAINER,
52
- globalAttrs,
53
- xstyledAttrs,
54
- bg,
55
- backgroundColor,
56
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DSGlobalHeaderContext.DSGlobalHeaderContext.Provider, {
57
- value: ctx,
58
- children: [
50
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
51
+ import_GlobalHeaderContainer.GlobalHeaderContainer,
52
+ {
53
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.CONTAINER,
54
+ globalAttrs,
55
+ xstyledAttrs,
56
+ bg,
57
+ backgroundColor,
58
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_DSGlobalHeaderContext.DSGlobalHeaderContext.Provider, { value: ctx, children: [
59
59
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GlobalHeaderLogo.GlobalHeaderLogo, {}),
60
60
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, {}),
61
61
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GlobalHeaderToolbar.GlobalHeaderToolbar, {})
62
- ]
63
- })
64
- });
62
+ ] })
63
+ }
64
+ );
65
65
  };
66
66
  DSGlobalHeader.displayName = import_exported_related.DSGlobalHeaderName;
67
67
  const DSGlobalHeaderWithSchema = (0, import_ds_utilities.describe)(DSGlobalHeader);
package/dist/cjs/DSGlobalHeader.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSGlobalHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps, describe } from '@elliemae/ds-utilities';\nimport { propTypes } from './react-desc-prop-types';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { GlobalHeaderContainer } from './parts/GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\nimport { DSGlobalHeaderDatatestid, DSGlobalHeaderName } from './exported-related';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n\n const globalAttrs = useGetGlobalAttributes(props);\n const xstyledAttrs = useGetXstyledProps(props);\n\n const { bg, backgroundColor } = props;\n\n return (\n <GlobalHeaderContainer\n data-testid={DSGlobalHeaderDatatestid.CONTAINER}\n globalAttrs={globalAttrs}\n xstyledAttrs={xstyledAttrs}\n bg={bg}\n backgroundColor={backgroundColor}\n >\n <DSGlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderLogo />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </DSGlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = propTypes;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { GlobalHeader, DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BjB;AA7BN,0BAAqE;AACrE,mCAA0B;AAC1B,8BAAiC;AACjC,oCAAuC;AACvC,iCAAoC;AACpC,mCAAsC;AACtC,6BAAgC;AAChC,mCAAsC;AACtC,8BAAiC;AACjC,8BAA6D;AAG7D,MAAM,iBAAiB,CAAC,UAA8C;AACpE,gDAAiB,KAAK;AACtB,QAAM,UAAM,wCAAgB,KAAK;AAEjC,QAAM,kBAAc,4CAAuB,KAAK;AAChD,QAAM,mBAAe,wCAAmB,KAAK;AAE7C,QAAM,EAAE,IAAI,gBAAgB,IAAI;AAEhC,SACE,4CAAC;AAAA,IACC,eAAa,iDAAyB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA,uDAAC,mDAAsB,UAAtB;AAAA,MAA+B,OAAO;AAAA,MACrC;AAAA,oDAAC,4CAAiB;AAAA,QAClB,4CAAC,wDAAuB;AAAA,QACxB,4CAAC,kDAAoB;AAAA;AAAA,KACvB;AAAA,GACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BjB;AA7BN,0BAAqE;AACrE,mCAA0B;AAC1B,8BAAiC;AACjC,oCAAuC;AACvC,iCAAoC;AACpC,mCAAsC;AACtC,6BAAgC;AAChC,mCAAsC;AACtC,8BAAiC;AACjC,8BAA6D;AAG7D,MAAM,iBAAiB,CAAC,UAA8C;AACpE,gDAAiB,KAAK;AACtB,QAAM,UAAM,wCAAgB,KAAK;AAEjC,QAAM,kBAAc,4CAAuB,KAAK;AAChD,QAAM,mBAAe,wCAAmB,KAAK;AAE7C,QAAM,EAAE,IAAI,gBAAgB,IAAI;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,iDAAyB;AAAA,MACtC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,uDAAC,mDAAsB,UAAtB,EAA+B,OAAO,KACrC;AAAA,oDAAC,4CAAiB;AAAA,QAClB,4CAAC,wDAAuB;AAAA,QACxB,4CAAC,kDAAoB;AAAA,SACvB;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js CHANGED
@@ -36,41 +36,37 @@ var import_PureBreadcrumb = require("./PureBreadcrumb");
36
36
  var import_exported_related = require("../../exported-related");
37
37
  const GlobalHeaderBreadcrumb = () => {
38
38
  const { breadcrumb, CustomNavigation, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } = (0, import_useGlobalHeaderBreadcrumb.useGlobalHeaderBreadcrumb)();
39
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledBreadcrumbContainer, {
40
- height: "100%",
41
- alignItems: "center",
42
- justifyContent: "flex-start",
43
- "aria-label": "breadcrumb",
44
- cols: ["auto", "auto", "1fr"],
45
- forwardedAs: "nav",
46
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER,
47
- children: [
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPipe, {
49
- showIconOnly,
50
- "aria-hidden": true,
51
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.PIPE
52
- }),
53
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledBreadcrumbList, {
54
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.LIST,
55
- children: CustomNavigation !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomNavigation, {}) : breadcrumb?.map((item) => {
39
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
40
+ import_styles.StyledBreadcrumbContainer,
41
+ {
42
+ height: "100%",
43
+ alignItems: "center",
44
+ justifyContent: "flex-start",
45
+ "aria-label": "breadcrumb",
46
+ cols: ["auto", "auto", "1fr"],
47
+ forwardedAs: "nav",
48
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER,
49
+ children: [
50
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledPipe, { showIconOnly, "aria-hidden": true, "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.PIPE }),
51
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledBreadcrumbList, { "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.LIST, children: CustomNavigation !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomNavigation, {}) : breadcrumb?.map((item) => {
56
52
  const { onClick, isSelected, label, hasNext, id, ...rest } = item;
57
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PureBreadcrumb.PureBreadcrumb, {
58
- label,
59
- hasNext,
60
- isSelected,
61
- onKeyDown: onClick && handleOnKeyDown(onClick),
62
- ...(0, import_ds_utilities.getGlobalAttributes)(rest),
63
- onClick,
64
- length: breadcrumb.length
65
- }, `${instanceUID}-breadcrumb-item-${label}`);
66
- })
67
- }),
68
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
69
- id: "global-header-flex-region",
70
- ref: flexRegionRef,
71
- "aria-hidden": true
72
- })
73
- ]
74
- });
53
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
+ import_PureBreadcrumb.PureBreadcrumb,
55
+ {
56
+ label,
57
+ hasNext,
58
+ isSelected,
59
+ onKeyDown: onClick && handleOnKeyDown(onClick),
60
+ ...(0, import_ds_utilities.getGlobalAttributes)(rest),
61
+ onClick,
62
+ length: breadcrumb.length
63
+ },
64
+ `${instanceUID}-breadcrumb-item-${label}`
65
+ );
66
+ }) }),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: "global-header-flex-region", ref: flexRegionRef, "aria-hidden": true })
68
+ ]
69
+ }
70
+ );
75
71
  };
76
72
  //# sourceMappingURL=GlobalHeaderBreadcrumb.js.map
package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/Breadcrumb/GlobalHeaderBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledBreadcrumbContainer, StyledPipe, StyledBreadcrumbList } from './styles';\nimport { useGlobalHeaderBreadcrumb } from './useGlobalHeaderBreadcrumb';\nimport { PureBreadcrumb } from './PureBreadcrumb';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n const { breadcrumb, CustomNavigation, showIconOnly, flexRegionRef, handleOnKeyDown, instanceUID } =\n useGlobalHeaderBreadcrumb();\n\n return (\n <StyledBreadcrumbContainer\n height=\"100%\"\n alignItems=\"center\"\n justifyContent=\"flex-start\"\n aria-label=\"breadcrumb\"\n cols={['auto', 'auto', '1fr']}\n forwardedAs=\"nav\"\n data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.CONTAINER}\n >\n <StyledPipe showIconOnly={showIconOnly} aria-hidden data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.PIPE} />\n <StyledBreadcrumbList data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.LIST}>\n {CustomNavigation !== undefined ? (\n <CustomNavigation />\n ) : (\n breadcrumb?.map((item) => {\n const { onClick, isSelected, label, hasNext, id, ...rest } = item;\n return (\n <PureBreadcrumb\n label={label}\n hasNext={hasNext}\n isSelected={isSelected}\n key={`${instanceUID}-breadcrumb-item-${label}`}\n onKeyDown={onClick && handleOnKeyDown(onClick)}\n {...getGlobalAttributes(rest)}\n onClick={onClick}\n length={breadcrumb.length}\n />\n );\n })\n )}\n </StyledBreadcrumbList>\n <div id=\"global-header-flex-region\" ref={flexRegionRef} aria-hidden />\n </StyledBreadcrumbContainer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAXJ,0BAAoC;AACpC,oBAA4E;AAC5E,uCAA0C;AAC1C,4BAA+B;AAC/B,8BAAyC;AAElC,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,kBAAkB,cAAc,eAAe,iBAAiB,YAAY,QAC9F,4DAA0B;AAE5B,SACE,6CAAC;AAAA,IACC,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,IAC5B,aAAY;AAAA,IACZ,eAAa,iDAAyB,WAAW;AAAA,IAEjD;AAAA,kDAAC;AAAA,QAAW;AAAA,QAA4B,eAAW;AAAA,QAAC,eAAa,iDAAyB,WAAW;AAAA,OAAM;AAAA,MAC3G,4CAAC;AAAA,QAAqB,eAAa,iDAAyB,WAAW;AAAA,QACpE,+BAAqB,SACpB,4CAAC,oBAAiB,IAElB,YAAY,IAAI,CAAC,SAAS;AACxB,gBAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,KAAK,IAAI;AAC7D,iBACE,4CAAC;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YAEA,WAAW,WAAW,gBAAgB,OAAO;AAAA,YAC5C,OAAG,yCAAoB,IAAI;AAAA,YAC5B;AAAA,YACA,QAAQ,WAAW;AAAA,aAJd,GAAG,+BAA+B,OAKzC;AAAA,QAEJ,CAAC;AAAA,OAEL;AAAA,MACA,4CAAC;AAAA,QAAI,IAAG;AAAA,QAA4B,KAAK;AAAA,QAAe,eAAW;AAAA,OAAC;AAAA;AAAA,GACtE;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAXJ,0BAAoC;AACpC,oBAA4E;AAC5E,uCAA0C;AAC1C,4BAA+B;AAC/B,8BAAyC;AAElC,MAAM,yBAAyB,MAAmB;AACvD,QAAM,EAAE,YAAY,kBAAkB,cAAc,eAAe,iBAAiB,YAAY,QAC9F,4DAA0B;AAE5B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,cAAW;AAAA,MACX,MAAM,CAAC,QAAQ,QAAQ,KAAK;AAAA,MAC5B,aAAY;AAAA,MACZ,eAAa,iDAAyB,WAAW;AAAA,MAEjD;AAAA,oDAAC,4BAAW,cAA4B,eAAW,MAAC,eAAa,iDAAyB,WAAW,MAAM;AAAA,QAC3G,4CAAC,sCAAqB,eAAa,iDAAyB,WAAW,MACpE,+BAAqB,SACpB,4CAAC,oBAAiB,IAElB,YAAY,IAAI,CAAC,SAAS;AACxB,gBAAM,EAAE,SAAS,YAAY,OAAO,SAAS,OAAO,KAAK,IAAI;AAC7D,iBACE;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cAEA,WAAW,WAAW,gBAAgB,OAAO;AAAA,cAC5C,OAAG,yCAAoB,IAAI;AAAA,cAC5B;AAAA,cACA,QAAQ,WAAW;AAAA;AAAA,YAJd,GAAG,+BAA+B;AAAA,UAKzC;AAAA,QAEJ,CAAC,GAEL;AAAA,QACA,4CAAC,SAAI,IAAG,6BAA4B,KAAK,eAAe,eAAW,MAAC;AAAA;AAAA;AAAA,EACtE;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js CHANGED
@@ -42,10 +42,10 @@ const PureBreadcrumb = import_react.default.memo(
42
42
  hasNext,
43
43
  id,
44
44
  ...rest
45
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledBreadcrumbItem, {
46
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM,
47
- children: [
48
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLink, {
45
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledBreadcrumbItem, { "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM, children: [
46
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
47
+ import_styles.StyledLink,
48
+ {
49
49
  onClick,
50
50
  onKeyDown,
51
51
  "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK,
@@ -53,18 +53,18 @@ const PureBreadcrumb = import_react.default.memo(
53
53
  id,
54
54
  tabIndex: "0",
55
55
  ...rest,
56
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledLabel, {
57
- isSelected: !!isSelected,
58
- isOnlyItem: length === 1,
59
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL,
60
- children: label
61
- })
62
- }),
63
- hasNext && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledChevron, {
64
- size: "m",
65
- "aria-hidden": true
66
- })
67
- ]
68
- })
56
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
57
+ import_styles.StyledLabel,
58
+ {
59
+ isSelected: !!isSelected,
60
+ isOnlyItem: length === 1,
61
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL,
62
+ children: label
63
+ }
64
+ )
65
+ }
66
+ ),
67
+ hasNext && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledChevron, { size: "m", "aria-hidden": true })
68
+ ] })
69
69
  );
70
70
  //# sourceMappingURL=PureBreadcrumb.js.map
package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/Breadcrumb/PureBreadcrumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { StyledBreadcrumbItem, StyledLink, StyledLabel, StyledChevron } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const PureBreadcrumb = React.memo(\n ({\n onClick,\n onKeyDown,\n isSelected,\n length,\n label,\n hasNext,\n id,\n ...rest\n }: DSGlobalHeaderInternalsT.BreadcrumbItem) => (\n <StyledBreadcrumbItem data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM}>\n <StyledLink\n onClick={onClick}\n onKeyDown={onKeyDown}\n data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK}\n aria-current={isSelected}\n id={id}\n tabIndex=\"0\"\n {...rest}\n >\n <StyledLabel\n isSelected={!!isSelected}\n isOnlyItem={length === 1}\n data-testid={DSGlobalHeaderDatatestid.BREADCRUMB.ITEM_LINK_LABEL}\n >\n {label}\n </StyledLabel>\n </StyledLink>\n {hasNext && <StyledChevron size=\"m\" aria-hidden />}\n </StyledBreadcrumbItem>\n ),\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBnB;AAhBJ,mBAAkB;AAClB,oBAA6E;AAC7E,8BAAyC;AAGlC,MAAM,iBAAiB,aAAAA,QAAM;AAAA,EAClC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE,6CAAC;AAAA,IAAqB,eAAa,iDAAyB,WAAW;AAAA,IACrE;AAAA,kDAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,iDAAyB,WAAW;AAAA,QACjD,gBAAc;AAAA,QACd;AAAA,QACA,UAAS;AAAA,QACR,GAAG;AAAA,QAEJ,sDAAC;AAAA,UACC,YAAY,CAAC,CAAC;AAAA,UACd,YAAY,WAAW;AAAA,UACvB,eAAa,iDAAyB,WAAW;AAAA,UAEhD;AAAA,SACH;AAAA,OACF;AAAA,MACC,WAAW,4CAAC;AAAA,QAAc,MAAK;AAAA,QAAI,eAAW;AAAA,OAAC;AAAA;AAAA,GAClD;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgBnB;AAhBJ,mBAAkB;AAClB,oBAA6E;AAC7E,8BAAyC;AAGlC,MAAM,iBAAiB,aAAAA,QAAM;AAAA,EAClC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE,6CAAC,sCAAqB,eAAa,iDAAyB,WAAW,MACrE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAa,iDAAyB,WAAW;AAAA,QACjD,gBAAc;AAAA,QACd;AAAA,QACA,UAAS;AAAA,QACR,GAAG;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YACC,YAAY,CAAC,CAAC;AAAA,YACd,YAAY,WAAW;AAAA,YACvB,eAAa,iDAAyB,WAAW;AAAA,YAEhD;AAAA;AAAA,QACH;AAAA;AAAA,IACF;AAAA,IACC,WAAW,4CAAC,+BAAc,MAAK,KAAI,eAAW,MAAC;AAAA,KAClD;AAEJ;",
6
6
  "names": ["React"]
7
7
  }
package/dist/cjs/parts/GlobalHeaderContainer.js CHANGED
@@ -36,14 +36,17 @@ const GlobalHeaderContainer = ({
36
36
  bg,
37
37
  backgroundColor,
38
38
  children
39
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.Container, {
40
- forwardedAs: "header",
41
- "data-testid": "ds-global-header",
42
- cols: ["auto", "1fr", "auto"],
43
- bg,
44
- backgroundColor,
45
- ...globalAttrs,
46
- ...xstyledAttrs,
47
- children
48
- });
39
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
40
+ import_styles.Container,
41
+ {
42
+ forwardedAs: "header",
43
+ "data-testid": "ds-global-header",
44
+ cols: ["auto", "1fr", "auto"],
45
+ bg,
46
+ backgroundColor,
47
+ ...globalAttrs,
48
+ ...xstyledAttrs,
49
+ children
50
+ }
51
+ );
49
52
  //# sourceMappingURL=GlobalHeaderContainer.js.map
package/dist/cjs/parts/GlobalHeaderContainer.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/parts/GlobalHeaderContainer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { Container } from './styles';\n\ninterface GlobalHeaderContainerT {\n xstyledAttrs: Record<string, unknown>;\n globalAttrs: Record<string, unknown>;\n backgroundColor?: string;\n bg?: string;\n children: React.ReactNode;\n}\n\nexport const GlobalHeaderContainer = ({\n xstyledAttrs,\n globalAttrs,\n bg,\n backgroundColor,\n children,\n}: GlobalHeaderContainerT): JSX.Element => (\n <Container\n forwardedAs=\"header\"\n data-testid=\"ds-global-header\"\n cols={['auto', '1fr', 'auto']}\n bg={bg}\n backgroundColor={backgroundColor}\n {...globalAttrs}\n {...xstyledAttrs}\n >\n {children}\n </Container>\n);\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBrB;AAjBF,oBAA0B;AAUnB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC,aAAY;AAAA,EACZ,eAAY;AAAA,EACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,EAC5B;AAAA,EACA;AAAA,EACC,GAAG;AAAA,EACH,GAAG;AAAA,EAEH;AAAA,CACH;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBrB;AAjBF,oBAA0B;AAUnB,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,aAAY;AAAA,IACZ,eAAY;AAAA,IACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,IAC5B;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEH;AAAA;AACH;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/Logo/GlobalHeaderLogo.js CHANGED
@@ -38,15 +38,18 @@ const GlobalHeaderLogo = () => {
38
38
  props: { Logo, LogoWithBrand },
39
39
  showIconOnly
40
40
  } = (0, import_react.useContext)(import_DSGlobalHeaderContext.DSGlobalHeaderContext);
41
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styles.StyledLogoContainer, {
42
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.LOGO.CONTAINER,
43
- alignItems: "center",
44
- pr: showIconOnly ? "0px" : "36px",
45
- cols: showIconOnly ? ["auto"] : ["auto", "1fr"],
46
- children: [
47
- Logo && showIconOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, {}),
48
- LogoWithBrand && !showIconOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoWithBrand, {})
49
- ]
50
- });
41
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
42
+ import_styles.StyledLogoContainer,
43
+ {
44
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.LOGO.CONTAINER,
45
+ alignItems: "center",
46
+ pr: showIconOnly ? "0px" : "36px",
47
+ cols: showIconOnly ? ["auto"] : ["auto", "1fr"],
48
+ children: [
49
+ Logo && showIconOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Logo, {}),
50
+ LogoWithBrand && !showIconOnly && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoWithBrand, {})
51
+ ]
52
+ }
53
+ );
51
54
  };
52
55
  //# sourceMappingURL=GlobalHeaderLogo.js.map
package/dist/cjs/parts/Logo/GlobalHeaderLogo.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/Logo/GlobalHeaderLogo.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { StyledLogoContainer } from './styles';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\n\nexport const GlobalHeaderLogo = (): JSX.Element => {\n const {\n props: { Logo, LogoWithBrand },\n showIconOnly,\n } = useContext(DSGlobalHeaderContext);\n\n return (\n <StyledLogoContainer\n data-testid={DSGlobalHeaderDatatestid.LOGO.CONTAINER}\n alignItems=\"center\"\n pr={showIconOnly ? '0px' : '36px'}\n cols={showIconOnly ? ['auto'] : ['auto', '1fr']}\n >\n {Logo && showIconOnly && <Logo />}\n {LogoWithBrand && !showIconOnly && <LogoWithBrand />}\n </StyledLogoContainer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAZJ,mBAAkC;AAClC,mCAAsC;AACtC,oBAAoC;AACpC,8BAAyC;AAElC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA,EACF,QAAI,yBAAW,kDAAqB;AAEpC,SACE,6CAAC;AAAA,IACC,eAAa,iDAAyB,KAAK;AAAA,IAC3C,YAAW;AAAA,IACX,IAAI,eAAe,QAAQ;AAAA,IAC3B,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,IAE7C;AAAA,cAAQ,gBAAgB,4CAAC,QAAK;AAAA,MAC9B,iBAAiB,CAAC,gBAAgB,4CAAC,iBAAc;AAAA;AAAA,GACpD;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAZJ,mBAAkC;AAClC,mCAAsC;AACtC,oBAAoC;AACpC,8BAAyC;AAElC,MAAM,mBAAmB,MAAmB;AACjD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM,cAAc;AAAA,IAC7B;AAAA,EACF,QAAI,yBAAW,kDAAqB;AAEpC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,iDAAyB,KAAK;AAAA,MAC3C,YAAW;AAAA,MACX,IAAI,eAAe,QAAQ;AAAA,MAC3B,MAAM,eAAe,CAAC,MAAM,IAAI,CAAC,QAAQ,KAAK;AAAA,MAE7C;AAAA,gBAAQ,gBAAgB,4CAAC,QAAK;AAAA,QAC9B,iBAAiB,CAAC,gBAAgB,4CAAC,iBAAc;AAAA;AAAA;AAAA,EACpD;AAEJ;",
6
6
  "names": []
7
7
  }
package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js CHANGED
@@ -44,9 +44,9 @@ const GlobalHeaderToolbar = () => {
44
44
  globalHeaderToolbarGrid
45
45
  } = (0, import_react.useContext)(import_DSGlobalHeaderContext.DSGlobalHeaderContext);
46
46
  const { listRef, setRef, keyboardNavigation } = (0, import_useGlobalHeaderToolbar.useGlobalHeaderToolbar)();
47
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMenubarContainer, {
48
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.CONTAINER,
49
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledList, {
47
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledMenubarContainer, { "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.CONTAINER, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
48
+ import_styles.StyledList,
49
+ {
50
50
  height: "100%",
51
51
  alignItems: "center",
52
52
  justifyContent: "center",
@@ -70,68 +70,94 @@ const GlobalHeaderToolbar = () => {
70
70
  } = item;
71
71
  switch (type) {
72
72
  case "ds-popup-menu":
73
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledToolbarItem, {
74
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
75
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outOfTheBox.PopupMenu, {
76
- title: label,
77
- Icon,
78
- onClick,
79
- onKeyPress,
80
- setRef: setRef(index),
81
- id,
82
- componentProps,
83
- ...otherProps
84
- })
85
- }, `${instanceUID}-ds-toolbar-item-${label}`);
73
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
74
+ import_styles.StyledToolbarItem,
75
+ {
76
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
77
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
78
+ import_outOfTheBox.PopupMenu,
79
+ {
80
+ title: label,
81
+ Icon,
82
+ onClick,
83
+ onKeyPress,
84
+ setRef: setRef(index),
85
+ id,
86
+ componentProps,
87
+ ...otherProps
88
+ }
89
+ )
90
+ },
91
+ `${instanceUID}-ds-toolbar-item-${label}`
92
+ );
86
93
  case "ds-app-picker":
87
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledToolbarItem, {
88
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
89
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outOfTheBox.AppPicker, {
90
- label,
91
- id,
92
- setRef: setRef(index),
93
- componentProps,
94
- ...otherProps
95
- })
96
- }, `${instanceUID}-ds-toolbar-item-${label}`);
94
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
95
+ import_styles.StyledToolbarItem,
96
+ {
97
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
98
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
99
+ import_outOfTheBox.AppPicker,
100
+ {
101
+ label,
102
+ id,
103
+ setRef: setRef(index),
104
+ componentProps,
105
+ ...otherProps
106
+ }
107
+ )
108
+ },
109
+ `${instanceUID}-ds-toolbar-item-${label}`
110
+ );
97
111
  case "ds-search-toggle":
98
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledToolbarItem, {
99
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
100
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outOfTheBox.SearchToggle, {
101
- id,
102
- setRef: setRef(index),
103
- componentProps,
104
- ...otherProps
105
- })
106
- }, `${instanceUID}-ds-toolbar-item-${label}`);
112
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
+ import_styles.StyledToolbarItem,
114
+ {
115
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
116
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
117
+ import_outOfTheBox.SearchToggle,
118
+ {
119
+ id,
120
+ setRef: setRef(index),
121
+ componentProps,
122
+ ...otherProps
123
+ }
124
+ )
125
+ },
126
+ `${instanceUID}-ds-toolbar-item-${label}`
127
+ );
107
128
  case "custom":
108
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledToolbarItem, {
109
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
110
- children: CustomComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomComponent, {
111
- item,
112
- role: "menuitem",
113
- setRef: setRef(index)
114
- })
115
- }, `${instanceUID}-ds-toolbar-item-${label}`);
129
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
130
+ import_styles.StyledToolbarItem,
131
+ {
132
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
133
+ children: CustomComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomComponent, { item, role: "menuitem", setRef: setRef(index) })
134
+ },
135
+ `${instanceUID}-ds-toolbar-item-${label}`
136
+ );
116
137
  default:
117
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledToolbarItem, {
118
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
119
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles2.StyledButton, {
120
- onClick,
121
- title: label,
122
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
123
- id,
124
- role: "menuitem",
125
- ref: setRef(index),
126
- ...(0, import_ds_utilities.getGlobalAttributes)(otherProps),
127
- children: Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
128
- size: "m"
129
- })
130
- })
131
- }, `${instanceUID}-ds-toolbar-item-${label}`);
138
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
139
+ import_styles.StyledToolbarItem,
140
+ {
141
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM,
142
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
143
+ import_styles2.StyledButton,
144
+ {
145
+ onClick,
146
+ title: label,
147
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
148
+ id,
149
+ role: "menuitem",
150
+ ref: setRef(index),
151
+ ...(0, import_ds_utilities.getGlobalAttributes)(otherProps),
152
+ children: Icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { size: "m" })
153
+ }
154
+ )
155
+ },
156
+ `${instanceUID}-ds-toolbar-item-${label}`
157
+ );
132
158
  }
133
159
  })
134
- })
135
- });
160
+ }
161
+ ) });
136
162
  };
137
163
  //# sourceMappingURL=GlobalHeaderToolbar.js.map
package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/parts/Toolbar/GlobalHeaderToolbar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useContext } from 'react';\nimport { getGlobalAttributes } from '@elliemae/ds-utilities';\nimport { StyledList, StyledMenubarContainer, StyledToolbarItem } from './styles';\nimport { AppPicker, PopupMenu, SearchToggle } from './outOfTheBox';\nimport { StyledButton } from '../styles';\nimport { DSGlobalHeaderContext } from '../../DSGlobalHeaderContext';\nimport { DSGlobalHeaderDatatestid } from '../../exported-related';\nimport { useGlobalHeaderToolbar } from './useGlobalHeaderToolbar';\nimport type { DSGlobalHeaderInternalsT } from '../../sharedTypes';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n const {\n props: { toolbar },\n instanceUID,\n globalHeaderToolbarGrid,\n } = useContext(DSGlobalHeaderContext);\n\n const { listRef, setRef, keyboardNavigation } = useGlobalHeaderToolbar();\n\n return (\n <StyledMenubarContainer data-testid={DSGlobalHeaderDatatestid.MENUBAR.CONTAINER}>\n <StyledList\n height=\"100%\"\n alignItems=\"center\"\n justifyContent=\"center\"\n gutter=\"xxs\"\n cols={globalHeaderToolbarGrid}\n role=\"menubar\"\n onKeyDown={keyboardNavigation}\n ref={listRef}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.LIST}\n >\n {toolbar.map((item, index) => {\n const {\n Icon,\n type,\n onClick,\n onKeyPress,\n CustomComponent,\n label,\n id = '',\n componentProps = {},\n ...otherProps\n } = item;\n\n switch (type) {\n case 'ds-popup-menu':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <PopupMenu\n title={label}\n Icon={Icon}\n onClick={onClick}\n onKeyPress={onKeyPress}\n setRef={setRef(index)}\n id={id}\n componentProps={componentProps as DSGlobalHeaderInternalsT.PopupMenuComponentProps}\n {...otherProps}\n />\n </StyledToolbarItem>\n );\n case 'ds-app-picker':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <AppPicker\n label={label}\n id={id}\n setRef={setRef(index)}\n componentProps={componentProps}\n {...otherProps}\n />\n </StyledToolbarItem>\n );\n case 'ds-search-toggle':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <SearchToggle\n id={id}\n setRef={setRef(index)}\n componentProps={componentProps as DSGlobalHeaderInternalsT.ToggleSearchComponentProps}\n {...otherProps}\n />\n </StyledToolbarItem>\n );\n case 'custom':\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n {CustomComponent && <CustomComponent item={item} role=\"menuitem\" setRef={setRef(index)} />}\n </StyledToolbarItem>\n );\n\n default:\n return (\n <StyledToolbarItem\n key={`${instanceUID}-ds-toolbar-item-${label}`}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM}\n >\n <StyledButton\n onClick={onClick}\n title={label}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n id={id}\n role=\"menuitem\"\n ref={setRef(index)}\n {...getGlobalAttributes(otherProps)}\n >\n {Icon && <Icon size=\"m\" />}\n </StyledButton>\n </StyledToolbarItem>\n );\n }\n })}\n </StyledList>\n </StyledMenubarContainer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDL;AApDlB,mBAAkC;AAClC,0BAAoC;AACpC,oBAAsE;AACtE,yBAAmD;AACnD,IAAAA,iBAA6B;AAC7B,mCAAsC;AACtC,8BAAyC;AACzC,oCAAuC;AAGhC,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kDAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,mBAAmB,QAAI,sDAAuB;AAEvE,SACE,4CAAC;AAAA,IAAuB,eAAa,iDAAyB,QAAQ;AAAA,IACpE,sDAAC;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAK;AAAA,MACL,WAAW;AAAA,MACX,KAAK;AAAA,MACL,eAAa,iDAAyB,QAAQ;AAAA,MAE7C,kBAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACL,iBAAiB,CAAC;AAAA,aACf;AAAA,QACL,IAAI;AAEJ,gBAAQ,MAAM;AAAA,UACZ,KAAK;AACH,mBACE,4CAAC;AAAA,cAEC,eAAa,iDAAyB,QAAQ;AAAA,cAE9C,sDAAC;AAAA,gBACC,OAAO;AAAA,gBACP;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACA;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eAZK,GAAG,+BAA+B,OAazC;AAAA,UAEJ,KAAK;AACH,mBACE,4CAAC;AAAA,cAEC,eAAa,iDAAyB,QAAQ;AAAA,cAE9C,sDAAC;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eATK,GAAG,+BAA+B,OAUzC;AAAA,UAEJ,KAAK;AACH,mBACE,4CAAC;AAAA,cAEC,eAAa,iDAAyB,QAAQ;AAAA,cAE9C,sDAAC;AAAA,gBACC;AAAA,gBACA,QAAQ,OAAO,KAAK;AAAA,gBACpB;AAAA,gBACC,GAAG;AAAA,eACN;AAAA,eARK,GAAG,+BAA+B,OASzC;AAAA,UAEJ,KAAK;AACH,mBACE,4CAAC;AAAA,cAEC,eAAa,iDAAyB,QAAQ;AAAA,cAE7C,6BAAmB,4CAAC;AAAA,gBAAgB;AAAA,gBAAY,MAAK;AAAA,gBAAW,QAAQ,OAAO,KAAK;AAAA,eAAG;AAAA,eAHnF,GAAG,+BAA+B,OAIzC;AAAA,UAGJ;AACE,mBACE,4CAAC;AAAA,cAEC,eAAa,iDAAyB,QAAQ;AAAA,cAE9C,sDAAC;AAAA,gBACC;AAAA,gBACA,OAAO;AAAA,gBACP,eAAa,iDAAyB,QAAQ;AAAA,gBAC9C;AAAA,gBACA,MAAK;AAAA,gBACL,KAAK,OAAO,KAAK;AAAA,gBAChB,OAAG,yCAAoB,UAAU;AAAA,gBAEjC,kBAAQ,4CAAC;AAAA,kBAAK,MAAK;AAAA,iBAAI;AAAA,eAC1B;AAAA,eAbK,GAAG,+BAA+B,OAczC;AAAA,QAEN;AAAA,MACF,CAAC;AAAA,KACH;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoDL;AApDlB,mBAAkC;AAClC,0BAAoC;AACpC,oBAAsE;AACtE,yBAAmD;AACnD,IAAAA,iBAA6B;AAC7B,mCAAsC;AACtC,8BAAyC;AACzC,oCAAuC;AAGhC,MAAM,sBAAsB,MAAmB;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,kDAAqB;AAEpC,QAAM,EAAE,SAAS,QAAQ,mBAAmB,QAAI,sDAAuB;AAEvE,SACE,4CAAC,wCAAuB,eAAa,iDAAyB,QAAQ,WACpE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,QAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAK;AAAA,MACL,WAAW;AAAA,MACX,KAAK;AAAA,MACL,eAAa,iDAAyB,QAAQ;AAAA,MAE7C,kBAAQ,IAAI,CAAC,MAAM,UAAU;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK;AAAA,UACL,iBAAiB,CAAC;AAAA,aACf;AAAA,QACL,IAAI;AAEJ,gBAAQ,MAAM;AAAA,UACZ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,iDAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO;AAAA,oBACP;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA,QAAQ,OAAO,KAAK;AAAA,oBACpB;AAAA,oBACA;AAAA,oBACC,GAAG;AAAA;AAAA,gBACN;AAAA;AAAA,cAZK,GAAG,+BAA+B;AAAA,YAazC;AAAA,UAEJ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,iDAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA;AAAA,oBACA,QAAQ,OAAO,KAAK;AAAA,oBACpB;AAAA,oBACC,GAAG;AAAA;AAAA,gBACN;AAAA;AAAA,cATK,GAAG,+BAA+B;AAAA,YAUzC;AAAA,UAEJ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,iDAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,QAAQ,OAAO,KAAK;AAAA,oBACpB;AAAA,oBACC,GAAG;AAAA;AAAA,gBACN;AAAA;AAAA,cARK,GAAG,+BAA+B;AAAA,YASzC;AAAA,UAEJ,KAAK;AACH,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,iDAAyB,QAAQ;AAAA,gBAE7C,6BAAmB,4CAAC,mBAAgB,MAAY,MAAK,YAAW,QAAQ,OAAO,KAAK,GAAG;AAAA;AAAA,cAHnF,GAAG,+BAA+B;AAAA,YAIzC;AAAA,UAGJ;AACE,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,eAAa,iDAAyB,QAAQ;AAAA,gBAE9C;AAAA,kBAAC;AAAA;AAAA,oBACC;AAAA,oBACA,OAAO;AAAA,oBACP,eAAa,iDAAyB,QAAQ;AAAA,oBAC9C;AAAA,oBACA,MAAK;AAAA,oBACL,KAAK,OAAO,KAAK;AAAA,oBAChB,OAAG,yCAAoB,UAAU;AAAA,oBAEjC,kBAAQ,4CAAC,QAAK,MAAK,KAAI;AAAA;AAAA,gBAC1B;AAAA;AAAA,cAbK,GAAG,+BAA+B;AAAA,YAczC;AAAA,QAEN;AAAA,MACF,CAAC;AAAA;AAAA,EACH,GACF;AAEJ;",
6
6
  "names": ["import_styles"]
7
7
  }
package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js CHANGED
@@ -95,37 +95,40 @@ const AppPicker = ({
95
95
  },
96
96
  [internalActionRef]
97
97
  );
98
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_app_picker.DSAppPicker, {
99
- apps,
100
- customApps,
101
- sectionTitle,
102
- customSectionTitle,
103
- icon,
104
- onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
105
- actionRef: internalActionRef,
106
- onClickOutside: userOnClickOutside ?? handleOnClickOutside,
107
- renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styles.StyledButton, {
108
- onClick: triggerOnClick ?? handleOnClick,
109
- onKeyDown: handleTriggerKeyDown,
110
- ref: (buttonRef) => {
111
- setRef(buttonRef);
112
- (0, import_ds_utilities.mergeRefs)(internalTriggerRef, triggerRef, ref)(buttonRef);
113
- },
114
- "aria-label": label,
115
- "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
116
- role: "menuitem",
117
- "aria-haspopup": true,
118
- "aria-expanded": userIsOpen ?? isOpen,
119
- id,
120
- ...(0, import_ds_utilities.getGlobalAttributes)(otherProps),
121
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MenuPicker, {
122
- width: 20.73,
123
- height: 20.73
124
- })
125
- })),
126
- isOpen: userIsOpen ?? isOpen,
127
- onClose,
128
- triggerRef
129
- });
98
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
99
+ import_ds_app_picker.DSAppPicker,
100
+ {
101
+ apps,
102
+ customApps,
103
+ sectionTitle,
104
+ customSectionTitle,
105
+ icon,
106
+ onKeyDown: userOnKeyDown ?? handleAppPickerOnKeyDown,
107
+ actionRef: internalActionRef,
108
+ onClickOutside: userOnClickOutside ?? handleOnClickOutside,
109
+ renderTrigger: userRenderTrigger || (({ ref }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
110
+ import_styles.StyledButton,
111
+ {
112
+ onClick: triggerOnClick ?? handleOnClick,
113
+ onKeyDown: handleTriggerKeyDown,
114
+ ref: (buttonRef) => {
115
+ setRef(buttonRef);
116
+ (0, import_ds_utilities.mergeRefs)(internalTriggerRef, triggerRef, ref)(buttonRef);
117
+ },
118
+ "aria-label": label,
119
+ "data-testid": import_exported_related.DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON,
120
+ role: "menuitem",
121
+ "aria-haspopup": true,
122
+ "aria-expanded": userIsOpen ?? isOpen,
123
+ id,
124
+ ...(0, import_ds_utilities.getGlobalAttributes)(otherProps),
125
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MenuPicker, { width: 20.73, height: 20.73 })
126
+ }
127
+ )),
128
+ isOpen: userIsOpen ?? isOpen,
129
+ onClose,
130
+ triggerRef
131
+ }
132
+ );
130
133
  };
131
134
  //# sourceMappingURL=AppPicker.js.map
package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { useState, useRef, useCallback, useMemo } from 'react';\nimport { DSAppPicker } from '@elliemae/ds-app-picker';\nimport { mergeRefs, getGlobalAttributes, useCallbackAfterRender } from '@elliemae/ds-utilities';\nimport { MenuPicker } from '@elliemae/ds-icons';\nimport { StyledButton } from '../../../styles';\nimport { DSGlobalHeaderDatatestid } from '../../../../exported-related';\nimport type { DSGlobalHeaderInternalsT } from '../../../../sharedTypes';\n\nexport const AppPicker = ({\n label,\n id,\n setRef,\n componentProps,\n ...otherProps\n}: DSGlobalHeaderInternalsT.AppPickerProps): JSX.Element => {\n const [isOpen, setIsOpen] = useState<boolean>(false);\n const internalTriggerRef = 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 schedule = useCallbackAfterRender();\n\n const internalActionRef = useMemo(() => {\n const ref = React.createRef();\n ref.current = {};\n return actionRef ?? ref;\n }, [actionRef]);\n\n const focusTrigger = useCallback(() => internalTriggerRef.current?.focus(), []);\n\n const handleTriggerKeyDown: React.KeyboardEventHandler = useCallback((e) => {\n if (e.code === 'Enter' || e.code === 'Space' || e.code === 'ArrowDown') {\n setIsOpen(true);\n }\n }, []);\n\n const handleAppPickerOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Escape') {\n setIsOpen(false);\n schedule(focusTrigger);\n }\n },\n [schedule],\n );\n\n const handleOnClickOutside = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleOnClick: React.MouseEventHandler = useCallback(\n (e) => {\n setIsOpen(true);\n setTimeout(() => {\n if (e.detail === 0) internalActionRef.current.focusSelectedOrFirstAvailable();\n else internalActionRef.current.focusWrapper();\n }, 10);\n },\n [internalActionRef],\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={internalActionRef}\n onClickOutside={userOnClickOutside ?? handleOnClickOutside}\n renderTrigger={\n userRenderTrigger ||\n (({ ref }: { ref: React.MutableRefObject<HTMLButtonElement> }) => (\n <StyledButton\n onClick={triggerOnClick ?? handleOnClick}\n onKeyDown={handleTriggerKeyDown}\n ref={(buttonRef: HTMLButtonElement) => {\n setRef(buttonRef);\n mergeRefs(internalTriggerRef, triggerRef, ref)(buttonRef);\n }}\n aria-label={label}\n data-testid={DSGlobalHeaderDatatestid.MENUBAR.ITEM_BUTTON}\n role=\"menuitem\"\n aria-haspopup\n aria-expanded={userIsOpen ?? isOpen}\n id={id}\n {...getGlobalAttributes(otherProps)}\n >\n <MenuPicker width={20.73} height={20.73} />\n </StyledButton>\n ))\n }\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;AAAA;ACAA,YAAuB;ADuGX;AAvGZ,mBAA8D;AAC9D,2BAA4B;AAC5B,0BAAuE;AACvE,sBAA2B;AAC3B,oBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA4D;AAC1D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,KAAK;AACnD,QAAM,yBAAqB,qBAA0B,IAAI;AAEzD,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,EACF,IAAI;AAEJ,QAAM,eAAW,4CAAuB;AAExC,QAAM,wBAAoB,sBAAQ,MAAM;AACtC,UAAM,MAAM,aAAAA,QAAM,UAAU;AAC5B,QAAI,UAAU,CAAC;AACf,WAAO,aAAa;AAAA,EACtB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,mBAAe,0BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,2BAAmD,0BAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,+BAA2B;AAAA,IAC/B,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAyC;AAAA,IAC7C,CAAC,MAAM;AACL,gBAAU,IAAI;AACd,iBAAW,MAAM;AACf,YAAI,EAAE,WAAW;AAAG,4BAAkB,QAAQ,8BAA8B;AAAA;AACvE,4BAAkB,QAAQ,aAAa;AAAA,MAC9C,GAAG,EAAE;AAAA,IACP;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,iBAAiB;AAAA,IAC5B,WAAW;AAAA,IACX,gBAAgB,sBAAsB;AAAA,IACtC,eACE,sBACC,CAAC,EAAE,IAAI,MACN,4CAAC;AAAA,MACC,SAAS,kBAAkB;AAAA,MAC3B,WAAW;AAAA,MACX,KAAK,CAAC,cAAiC;AACrC,eAAO,SAAS;AAChB,2CAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,MAC1D;AAAA,MACA,cAAY;AAAA,MACZ,eAAa,iDAAyB,QAAQ;AAAA,MAC9C,MAAK;AAAA,MACL,iBAAa;AAAA,MACb,iBAAe,cAAc;AAAA,MAC7B;AAAA,MACC,OAAG,yCAAoB,UAAU;AAAA,MAElC,sDAAC;AAAA,QAAW,OAAO;AAAA,QAAO,QAAQ;AAAA,OAAO;AAAA,KAC3C;AAAA,IAGJ,QAAQ,cAAc;AAAA,IACtB;AAAA,IACA;AAAA,GACF;AAEJ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuGX;AAvGZ,mBAA8D;AAC9D,2BAA4B;AAC5B,0BAAuE;AACvE,sBAA2B;AAC3B,oBAA6B;AAC7B,8BAAyC;AAGlC,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAA4D;AAC1D,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAkB,KAAK;AACnD,QAAM,yBAAqB,qBAA0B,IAAI;AAEzD,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,EACF,IAAI;AAEJ,QAAM,eAAW,4CAAuB;AAExC,QAAM,wBAAoB,sBAAQ,MAAM;AACtC,UAAM,MAAM,aAAAA,QAAM,UAAU;AAC5B,QAAI,UAAU,CAAC;AACf,WAAO,aAAa;AAAA,EACtB,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,mBAAe,0BAAY,MAAM,mBAAmB,SAAS,MAAM,GAAG,CAAC,CAAC;AAE9E,QAAM,2BAAmD,0BAAY,CAAC,MAAM;AAC1E,QAAI,EAAE,SAAS,WAAW,EAAE,SAAS,WAAW,EAAE,SAAS,aAAa;AACtE,gBAAU,IAAI;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,+BAA2B;AAAA,IAC/B,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,UAAU;AACtB,kBAAU,KAAK;AACf,iBAAS,YAAY;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,cAAU,KAAK;AAAA,EACjB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAyC;AAAA,IAC7C,CAAC,MAAM;AACL,gBAAU,IAAI;AACd,iBAAW,MAAM;AACf,YAAI,EAAE,WAAW;AAAG,4BAAkB,QAAQ,8BAA8B;AAAA;AACvE,4BAAkB,QAAQ,aAAa;AAAA,MAC9C,GAAG,EAAE;AAAA,IACP;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,iBAAiB;AAAA,MAC5B,WAAW;AAAA,MACX,gBAAgB,sBAAsB;AAAA,MACtC,eACE,sBACC,CAAC,EAAE,IAAI,MACN;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,kBAAkB;AAAA,UAC3B,WAAW;AAAA,UACX,KAAK,CAAC,cAAiC;AACrC,mBAAO,SAAS;AAChB,+CAAU,oBAAoB,YAAY,GAAG,EAAE,SAAS;AAAA,UAC1D;AAAA,UACA,cAAY;AAAA,UACZ,eAAa,iDAAyB,QAAQ;AAAA,UAC9C,MAAK;AAAA,UACL,iBAAa;AAAA,UACb,iBAAe,cAAc;AAAA,UAC7B;AAAA,UACC,OAAG,yCAAoB,UAAU;AAAA,UAElC,sDAAC,8BAAW,OAAO,OAAO,QAAQ,OAAO;AAAA;AAAA,MAC3C;AAAA,MAGJ,QAAQ,cAAc;AAAA,MACtB;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;",
6
6
  "names": ["React"]
7
7
  }