npm - @elliemae/ds-left-navigation - Versions diffs - 1.61.10 → 1.61.13 - Mend

@elliemae/ds-left-navigation 1.61.10 → 1.61.13

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 (91) hide show

package/cjs/outOfTheBox/ItemLink/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemLink/index.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, labelDataTestId },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow, openedItem },\n selectedItem,\n selectedParent,\n },\n } = props;\n\n const isSelected = selectedItem === dsId \|\| selectedParent === dsId;\n\n const shadowStyle = useCallback(\n (opened) => (theme: any) => !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n [isSelected, openedItem],\n );\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaLabel: typeof label === 'string' ? label : '',\n ariaRole: 'link',\n ...item.itemOpts,\n selectable: true,\n },\n }}\n shadowStyle={shadowStyle}\n >\n <Grid cols={['38px']} gutter=\"1px\" pl={0} justifyItems=\"center\" data-testid=\"leftnav-leftcomponent\">\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml=\"1px\"\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid={labelDataTestId \|\| 'leftnav-itemlabel'}\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","ItemLink","props","item","dsId","itemOpts","label","RightComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","selectedParent","shadowStyle","useCallback","opened","React","ItemRenderer","ariaLabel","ariaRole","selectable","Grid","StyledLabel","SimpleTruncatedTooltipText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;~~AAAA~~,~~SAAyB~~,UAACC,KAAD;~~AAAA~~,~~qDAEtBD~~,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAFjB,8DAKpBH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CALnB,oEASpBF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAToB;~~AAAA,~~GAAzB;AAAA,CAA7B;;IAaaC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAwC;~~AAC9D~~,~~MACEC~~,IADF,GAaID,KAbJ,CACEC,IADF;~~AAAA,~~oBAaID,KAbJ,CAEEC,IAFF;~~AAAA,~~MAGIC,IAHJ,eAGIA,IAHJ;~~AAAA,~~yCAIIC,QAJJ;~~AAAA,~~MAIgBC,KAJhB,wBAIgBA,KAJhB;~~AAAA,~~MAIuBC,cAJvB,wBAIuBA,cAJvB;~~AAAA,~~MAIuCC,eAJvC,wBAIuCA,eAJvC;~~AAAA,~~0CAKIC,kBALJ;~~AAAA,~~MAKIA,kBALJ,sCAKyB;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GALzB;~~AAAA,~~MAOEC,GAPF,GAaIR,KAbJ,CAOEQ,GAPF;~~AAAA,~~mBAaIR,KAbJ,CAQEQ,GARF;~~AAAA,~~yCASIC,YATJ;~~AAAA,~~MASoBC,aATpB,yBASoBA,aATpB;~~AAAA,~~MASmCC,UATnC,yBASmCA,UATnC;~~AAAA,~~MAUIC,YAVJ,cAUIA,YAVJ;~~AAAA,~~MAWIC,cAXJ,cAWIA,cAXJ;~~AAeA~~,~~MAAMlB~~,UAAU,GAAGiB,YAAY,KAAKV,IAAjB,IAAyBW,cAAc,KAAKX,IAA/D;~~AAEA~~,~~MAAMY~~,WAAW,GAAGC,iBAAW,CAC7B,UAACC,MAAD;~~AAAA~~,~~WAAY~~,UAACpB,KAAD;~~AAAA~~,~~aAAgB~~,CAACoB,MAAD,GAAUtB,oBAAoB,CAACC,UAAD,CAApB,CAAiCC,KAAjC,CAAV,wCAAhB;~~AAAA,~~KAAZ;~~AAAA,~~GAD6B,EAE7B,CAACD,UAAD,EAAagB,UAAb,CAF6B,CAA/B;~~AAKA~~,~~sBACEM~~,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCjB,IADD;~~AAEFE~~,~~MAAAA,~~QAAQ;~~AACNgB~~,~~QAAAA,~~SAAS,EAAE,OAAOf,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;~~AAENgB~~,~~QAAAA,~~QAAQ,EAAE;~~AAFJ~~,~~SAGHnB,~~IAAI,CAACE,QAHF;~~AAINkB~~,~~QAAAA,~~UAAU,EAAE;~~AAJN;AAFN~~,~~MADN;AAUE,IAAA,~~WAAW,EAAEP;~~AAVf~~,~~kBAYEG,~~wCAACK,wBAAD;~~AAAM~~,~~IAAA,~~IAAI,EAAE,CAAC,MAAD,CAAZ;~~AAAsB~~,~~IAAA,~~MAAM,EAAC,KAA7B;~~AAAmC~~,~~IAAA,~~EAAE,EAAE,CAAvC;~~AAA0C~~,~~IAAA,~~YAAY,EAAC,QAAvD;~~AAAgE~~,~~mBAAY~~;~~AAA5E~~,~~kBACEL,~~wCAAC,kBAAD;~~AAAoB~~,~~IAAA,~~IAAI,EAAEhB,IAA1B;~~AAAgC~~,~~IAAA,~~GAAG,EAAEO;~~AAArC~~,~~IADF,~~CAZF,eAeES,wCAACM,uCAAD;~~AACE~~,~~IAAA,~~EAAE,EAAC,KADL;~~AAEE~~,~~IAAA,~~EAAE,EAAC,MAFL;~~AAGE~~,~~IAAA,~~EAAE,EAAC,MAHL;~~AAIE~~,~~mBAAajB~~,eAAe,IAAI,mBAJlC;~~AAKE~~,~~IAAA,~~aAAa,EAAEI;~~AALjB~~,~~KAOGA,~~aAAa,KAAK,UAAlB,gBAA+BO,wCAACO,iDAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAEpB,KAAnC;~~AAA0C~~,~~IAAA,~~SAAS,EAAC;~~AAApD~~,~~IAA/B,~~GAAuGA,KAP1G,CAfF,eAwBEa,wCAACK,wBAAD;~~AAAM~~,~~IAAA,~~EAAE,EAAC,MAAT;~~AAAgB~~,~~IAAA,~~EAAE,EAAC,MAAnB;~~AAA0B~~,~~mBAAY~~;~~AAAtC~~,~~KACGjB,~~cAAc,iBAAIY,wCAAC,cAAD;~~AAAgB~~,~~IAAA,~~GAAG,EAAET,GAArB;~~AAA0B~~,~~IAAA,~~IAAI,EAAEP;~~AAAhC~~,~~IADrB,~~CAxBF,CADF;AA8BD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemLink/index.tsx"],"sourcesContent":["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, labelDataTestId },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow, openedItem },\n selectedItem,\n selectedParent,\n },\n } = props;\n\n const isSelected = selectedItem === dsId \|\| selectedParent === dsId;\n\n const shadowStyle = useCallback(\n (opened) => (theme: any) => !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n [isSelected, openedItem],\n );\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaLabel: typeof label === 'string' ? label : '',\n ariaRole: 'link',\n ...item.itemOpts,\n selectable: true,\n },\n }}\n shadowStyle={shadowStyle}\n >\n <Grid cols={['38px']} gutter=\"1px\" pl={0} justifyItems=\"center\" data-testid=\"leftnav-leftcomponent\">\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml=\"1px\"\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid={labelDataTestId \|\| 'leftnav-itemlabel'}\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","ItemLink","props","item","dsId","itemOpts","label","RightComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","labelOverflow","openedItem","selectedItem","selectedParent","shadowStyle","useCallback","opened","React","ItemRenderer","ariaLabel","ariaRole","selectable","Grid","StyledLabel","SimpleTruncatedTooltipText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;EAAA,OAAyB,UAACC,KAAD;IAAA,iDAEtBD,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAFjB,8DAKpBH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CALnB,oEASpBF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAToB;GAAzB;AAAA,CAA7B;;IAaaC,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAwC;EAC9D,IACEC,IADF,GAaID,KAbJ,CACEC,IADF;oBAaID,KAbJ,CAEEC,IAFF;MAGIC,IAHJ,eAGIA,IAHJ;yCAIIC,QAJJ;MAIgBC,KAJhB,wBAIgBA,KAJhB;MAIuBC,cAJvB,wBAIuBA,cAJvB;MAIuCC,eAJvC,wBAIuCA,eAJvC;0CAKIC,kBALJ;MAKIA,kBALJ,sCAKyB;IAAA,OAAM,IAAN;GALzB;MAOEC,GAPF,GAaIR,KAbJ,CAOEQ,GAPF;mBAaIR,KAbJ,CAQEQ,GARF;yCASIC,YATJ;MASoBC,aATpB,yBASoBA,aATpB;MASmCC,UATnC,yBASmCA,UATnC;MAUIC,YAVJ,cAUIA,YAVJ;MAWIC,cAXJ,cAWIA,cAXJ;EAeA,IAAMlB,UAAU,GAAGiB,YAAY,KAAKV,IAAjB,IAAyBW,cAAc,KAAKX,IAA/D;EAEA,IAAMY,WAAW,GAAGC,iBAAW,CAC7B,UAACC,MAAD;IAAA,OAAY,UAACpB,KAAD;MAAA,OAAgB,CAACoB,MAAD,GAAUtB,oBAAoB,CAACC,UAAD,CAApB,CAAiCC,KAAjC,CAAV,wCAAhB;KAAZ;GAD6B,EAE7B,CAACD,UAAD,EAAagB,UAAb,CAF6B,CAA/B;EAKA,oBACEM,wCAACC,+CAAD;IACE,IAAI,kCACCjB,IADD;MAEFE,QAAQ;QACNgB,SAAS,EAAE,OAAOf,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,EADzC;QAENgB,QAAQ,EAAE;SACPnB,IAAI,CAACE,QAHF;QAINkB,UAAU,EAAE;;MAPlB;IAUE,WAAW,EAAEP;kBAEbG,wCAACK,wBAAD;IAAM,IAAI,EAAE,CAAC,MAAD,CAAZ;IAAsB,MAAM,EAAC,KAA7B;IAAmC,EAAE,EAAE,CAAvC;IAA0C,YAAY,EAAC,QAAvD;IAAgE,eAAY;kBAC1EL,wCAAC,kBAAD;IAAoB,IAAI,EAAEhB,IAA1B;IAAgC,GAAG,EAAEO;IADvC,CAZF,eAeES,wCAACM,uCAAD;IACE,EAAE,EAAC,KADL;IAEE,EAAE,EAAC,MAFL;IAGE,EAAE,EAAC,MAHL;IAIE,eAAajB,eAAe,IAAI,mBAJlC;IAKE,aAAa,EAAEI;KAEdA,aAAa,KAAK,UAAlB,gBAA+BO,wCAACO,iDAAD;IAA4B,KAAK,EAAEpB,KAAnC;IAA0C,SAAS,EAAC;IAAnF,GAAuGA,KAP1G,CAfF,eAwBEa,wCAACK,wBAAD;IAAM,EAAE,EAAC,MAAT;IAAgB,EAAE,EAAC,MAAnB;IAA0B,eAAY;KACnCjB,cAAc,iBAAIY,wCAAC,cAAD;IAAgB,GAAG,EAAET,GAArB;IAA0B,IAAI,EAAEP;IADrD,CAxBF,CADF;AA8BD;;;;"}

package/cjs/outOfTheBox/ItemLink/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemLink/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 14px;\n color: ${(props) => props.theme.colors.neutral[800]};\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,mDAEb,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;~~AAAA~~,~~SACZA~~,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAHQ;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemLink/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 14px;\n color: ${(props) => props.theme.colors.neutral[800]};\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,mDAEb,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;EAAA,OACZA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAHQ;;;;"}

package/cjs/outOfTheBox/ItemSection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n },\n ctx,\n ctx: { setFocusedItem },\n } = props;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n <StyledLabel>{label}</StyledLabel>\n <StyledVerticalSeparator />\n <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n </Grid>\n <Grid\n ml=\"auto\"\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n pr=\"xxs2\"\n alignItems=\"center\"\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","React","ItemRenderer","selectable","focuseable","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;~~AACjE~~,~~MACEC~~,IADF,GAOID,KAPJ,CACEC,IADF;~~AAAA,~~6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;~~AAAA,~~MAGgBC,KAHhB,wBAGgBA,KAHhB;~~AAAA,~~MAGuBC,aAHvB,wBAGuBA,aAHvB;~~AAAA,~~MAGsCC,cAHtC,wBAGsCA,cAHtC;~~AAAA,~~MAGsDC,iBAHtD,wBAGsDA,iBAHtD;~~AAAA,~~MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;~~AAAA,~~MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;~~AASA~~,~~sBACEC~~,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCT,IADD;~~AAEFC~~,~~MAAAA,~~QAAQ,kCAAOD,IAAI,CAACC,QAAZ;~~AAAsBS~~,~~QAAAA,~~UAAU,EAAE,KAAlC;~~AAAyCC~~,~~QAAAA,~~UAAU,EAAE;~~AAArD,QAFN~~;~~AAGFC~~,~~MAAAA,~~kBAAkB,EAAE;~~AAHlB,MADN~~;~~AAME~~,~~IAAA,~~SAAS,EAAC,MANZ;~~AAOE~~,~~IAAA,~~UAAU,EAAC;~~AAPb~~,~~kBASEJ,~~wCAACK,wBAAD;~~AAAM~~,~~IAAA,~~IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;~~AAA4D~~,~~IAAA,~~EAAE,EAAC,KAA/D;~~AAAqE~~,~~IAAA,~~UAAU,EAAC;~~AAAhF~~,~~KACGV,~~aAAa,gBAAGK,wCAAC,aAAD;~~AAAe~~,~~IAAA,~~GAAG,EAAEF,GAApB;~~AAAyB~~,~~IAAA,~~IAAI,EAAEN;~~AAA/B~~,~~IAAH,~~gBAA6CQ,oDAD7D,eAEEA,wCAACM,0CAAD,QAAcZ,KAAd,CAFF,eAGEM,wCAACO,sDAAD,OAHF,eAIEP,wCAACQ,+CAAD,QAAmBX,iBAAnB,CAJF,CATF,eAeEG,wCAACK,wBAAD;~~AACE~~,~~IAAA,~~EAAE,EAAC,MADL;~~AAEE~~,~~IAAA,~~OAAO,EAAE,iBAACI,CAAD,EAAO;~~AACdV~~,~~MAAAA,~~cAAc,CAAC,IAAD,CAAd;~~AACAU~~,~~MAAAA,~~CAAC,CAACC,eAAF;~~AACD,KALH~~;~~AAME~~,~~IAAA,~~SAAS,EAAE,mBAACD,CAAD;~~AAAA~~,~~aAAOA~~,CAAC,CAACC,eAAF,EAAP;~~AAAA,~~KANb;~~AAOE~~,~~IAAA,~~EAAE,EAAC,MAPL;~~AAQE~~,~~IAAA,~~UAAU,EAAC,QARb;~~AASE~~,~~mBAAY~~;~~AATd~~,~~KAWGd,~~cAAc,iBAAII,wCAAC,cAAD;~~AAAgB~~,~~IAAA,~~GAAG,EAAEF,GAArB;~~AAA0B~~,~~IAAA,~~IAAI,EAAEN;~~AAAhC~~,~~IAXrB,~~CAfF,CADF;AA+BD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSection/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: { label, LeftComponent, RightComponent, labelRightSection },\n },\n ctx,\n ctx: { setFocusedItem },\n } = props;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n <StyledLabel>{label}</StyledLabel>\n <StyledVerticalSeparator />\n <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n </Grid>\n <Grid\n ml=\"auto\"\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n pr=\"xxs2\"\n alignItems=\"center\"\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["ItemSection","props","item","itemOpts","label","LeftComponent","RightComponent","labelRightSection","ctx","setFocusedItem","React","ItemRenderer","selectable","focuseable","CollapsedComponent","Grid","StyledLabel","StyledVerticalSeparator","StyledRightLabel","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;EACjE,IACEC,IADF,GAOID,KAPJ,CACEC,IADF;6BAOID,KAPJ,CAEEC,IAFF,CAGIC,QAHJ;MAGgBC,KAHhB,wBAGgBA,KAHhB;MAGuBC,aAHvB,wBAGuBA,aAHvB;MAGsCC,cAHtC,wBAGsCA,cAHtC;MAGsDC,iBAHtD,wBAGsDA,iBAHtD;MAKEC,GALF,GAOIP,KAPJ,CAKEO,GALF;MAMSC,cANT,GAOIR,KAPJ,CAMEO,GANF,CAMSC,cANT;EASA,oBACEC,wCAACC,+CAAD;IACE,IAAI,kCACCT,IADD;MAEFC,QAAQ,kCAAOD,IAAI,CAACC,QAAZ;QAAsBS,UAAU,EAAE,KAAlC;QAAyCC,UAAU,EAAE;QAF3D;MAGFC,kBAAkB,EAAE;MAJxB;IAME,SAAS,EAAC,MANZ;IAOE,UAAU,EAAC;kBAEXJ,wCAACK,wBAAD;IAAM,IAAI,EAAE,CAAC,aAAD,EAAgB,MAAhB,EAAwB,aAAxB,EAAuC,MAAvC,CAAZ;IAA4D,EAAE,EAAC,KAA/D;IAAqE,UAAU,EAAC;KAC7EV,aAAa,gBAAGK,wCAAC,aAAD;IAAe,GAAG,EAAEF,GAApB;IAAyB,IAAI,EAAEN;IAAlC,gBAA6CQ,oDAD7D,eAEEA,wCAACM,0CAAD,QAAcZ,KAAd,CAFF,eAGEM,wCAACO,sDAAD,OAHF,eAIEP,wCAACQ,+CAAD,QAAmBX,iBAAnB,CAJF,CATF,eAeEG,wCAACK,wBAAD;IACE,EAAE,EAAC,MADL;IAEE,OAAO,EAAE,iBAACI,CAAD,EAAO;MACdV,cAAc,CAAC,IAAD,CAAd;MACAU,CAAC,CAACC,eAAF;KAJJ;IAME,SAAS,EAAE,mBAACD,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;KANb;IAOE,EAAE,EAAC,MAPL;IAQE,UAAU,EAAC,QARb;IASE,eAAY;KAEXd,cAAc,iBAAII,wCAAC,cAAD;IAAgB,GAAG,EAAEF,GAArB;IAA0B,IAAI,EAAEN;IAXrD,CAfF,CADF;AA+BD;;;;"}

package/cjs/outOfTheBox/ItemSection/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSection/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledLabel = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[700]};\n margin-left: ${(props) => props.theme.space.xxs};\n line-height: 13px;\n`;\n\nexport const StyledVerticalSeparator = styled.div`\n margin: 0 ${(props) => props.theme.space.xxs};\n width: 1px;\n height: 13px;\n background: ${(props) => props.theme.colors.neutral[600]};\n`;\n\nexport const StyledRightLabel = styled.span`\n font-size: 12px;\n line-height: 13px;\n`;\n"],"names":["StyledLabel","styled","span","props","theme","colors","neutral","space","xxs","StyledVerticalSeparator","div","StyledRightLabel"],"mappings":";;;;;;;;;;IAEaA,WAAW,gBAAGC,0BAAM,CAACC,IAAV;~~AAAA~~;AAAA,qEAEb,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGP,UAACH,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CAHO;IAOXC,uBAAuB,gBAAGR,0BAAM,CAACS,GAAV;~~AAAA~~;AAAA,6DACtB,UAACP,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CADsB,EAIpB,UAACL,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJoB;IAOvBK,gBAAgB,gBAAGV,0BAAM,CAACC,IAAV;~~AAAA~~;AAAA;;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSection/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledLabel = styled.span`\n font-size: 13px;\n color: ${(props) => props.theme.colors.neutral[700]};\n margin-left: ${(props) => props.theme.space.xxs};\n line-height: 13px;\n`;\n\nexport const StyledVerticalSeparator = styled.div`\n margin: 0 ${(props) => props.theme.space.xxs};\n width: 1px;\n height: 13px;\n background: ${(props) => props.theme.colors.neutral[600]};\n`;\n\nexport const StyledRightLabel = styled.span`\n font-size: 12px;\n line-height: 13px;\n`;\n"],"names":["StyledLabel","styled","span","props","theme","colors","neutral","space","xxs","StyledVerticalSeparator","div","StyledRightLabel"],"mappings":";;;;;;;;;;IAEaA,WAAW,gBAAGC,0BAAM,CAACC,IAAV;EAAA;AAAA,qEAEb,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGP,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CAHO;IAOXC,uBAAuB,gBAAGR,0BAAM,CAACS,GAAV;EAAA;AAAA,6DACtB,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,GAA7B;AAAA,CADsB,EAIpB,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJoB;IAOvBK,gBAAgB,gBAAGV,0BAAM,CAACC,IAAV;EAAA;AAAA;;;;;;"}

package/cjs/outOfTheBox/ItemSeparator/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSeparator/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\n\nconst StyledSeparator = styled.div`\n height: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n width: auto;\n margin: ${(props) => props.theme.space.xxxs} 0;\n margin-left: ${(props) => props.theme.space.xxxs};\n grid-column: span 3;\n`;\n\nexport const ItemSeparator = (props: ComponentProps): JSX.Element => {\n const { item } = props;\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n selectable: false,\n focuseable: false,\n },\n CollapsedComponent: null,\n }}\n minHeight=\"1px\"\n paddingTop=\"0px\"\n >\n <StyledSeparator data-testid=\"leftnav-separator-subitem\" />\n </ItemRenderer>\n );\n};\n"],"names":["StyledSeparator","styled","div","props","theme","colors","neutral","space","xxxs","ItemSeparator","item","React","ItemRenderer","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,0BAAM,CAACC,GAAV;~~AAAA~~;AAAA,uGAEC,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFD,EAIT,UAACH,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CAJS,EAKJ,UAACL,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CALI,CAArB;IASaC,aAAa,GAAG,SAAhBA,aAAgB,CAACN,KAAD,EAAwC;~~AACnE~~,~~MAAQO~~,IAAR,GAAiBP,KAAjB,CAAQO,IAAR;~~AACA~~,~~sBACEC~~,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCF,IADD;~~AAEFG~~,~~MAAAA,~~QAAQ,kCACHH,IAAI,CAACG,QADF;~~AAENC~~,~~QAAAA,~~UAAU,EAAE,KAFN;~~AAGNC~~,~~QAAAA,~~UAAU,EAAE;~~AAHN,QAFN~~;~~AAOFC~~,~~MAAAA,~~kBAAkB,EAAE;~~AAPlB,MADN~~;~~AAUE~~,~~IAAA,~~SAAS,EAAC,KAVZ;~~AAWE~~,~~IAAA,~~UAAU,EAAC;~~AAXb~~,~~kBAaEL,~~wCAAC,eAAD;~~AAAiB~~,~~mBAAY~~;~~AAA7B~~,~~IAbF,~~CADF;AAiBD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSeparator/index.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\n\nconst StyledSeparator = styled.div`\n height: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n width: auto;\n margin: ${(props) => props.theme.space.xxxs} 0;\n margin-left: ${(props) => props.theme.space.xxxs};\n grid-column: span 3;\n`;\n\nexport const ItemSeparator = (props: ComponentProps): JSX.Element => {\n const { item } = props;\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n selectable: false,\n focuseable: false,\n },\n CollapsedComponent: null,\n }}\n minHeight=\"1px\"\n paddingTop=\"0px\"\n >\n <StyledSeparator data-testid=\"leftnav-separator-subitem\" />\n </ItemRenderer>\n );\n};\n"],"names":["StyledSeparator","styled","div","props","theme","colors","neutral","space","xxxs","ItemSeparator","item","React","ItemRenderer","itemOpts","selectable","focuseable","CollapsedComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,eAAe,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,uGAEC,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFD,EAIT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CAJS,EAKJ,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,IAA7B;AAAA,CALI,CAArB;IASaC,aAAa,GAAG,SAAhBA,aAAgB,CAACN,KAAD,EAAwC;EACnE,IAAQO,IAAR,GAAiBP,KAAjB,CAAQO,IAAR;EACA,oBACEC,wCAACC,+CAAD;IACE,IAAI,kCACCF,IADD;MAEFG,QAAQ,kCACHH,IAAI,CAACG,QADF;QAENC,UAAU,EAAE,KAFN;QAGNC,UAAU,EAAE;QALZ;MAOFC,kBAAkB,EAAE;MARxB;IAUE,SAAS,EAAC,KAVZ;IAWE,UAAU,EAAC;kBAEXL,wCAAC,eAAD;IAAiB,eAAY;IAb/B,CADF;AAiBD;;;;"}

package/cjs/outOfTheBox/ItemSubmenu/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines /\n/ eslint-disable complexity /\n/ eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemSubmenu = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, BottomComponent, labelDataTestId },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { openedItem, labelOverflow, onItemClick },\n expandedForAnimation,\n selectedItem,\n selectedParent,\n setFocusedItem,\n },\n } = props;\n\n const opened = openedItem === dsId;\n\n const isSelected = selectedItem === dsId;\n\n const shadowStyle = useCallback(\n (opened) => (theme: any) =>\n !opened ? notOpenedShadowStyle(isSelected \|\| selectedParent === dsId)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n [dsId, isSelected, openedItem, selectedParent],\n );\n\n const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n ariaLabel,\n ariaExpanded: opened,\n openable: expandedForAnimation && !opened,\n closable: expandedForAnimation && opened,\n selectable: !opened,\n },\n }}\n shadowStyle={shadowStyle}\n hasBorderBottom={opened}\n borderBottomMr=\"12px\"\n >\n <Grid\n cols={opened ? ['auto', 'auto'] : ['38px']}\n gutter=\"1px\"\n pl={opened ? 'xxs' : 0}\n justifyItems=\"center\"\n data-testid=\"leftnav-leftcomponent\"\n >\n {opened && (\n <StyledChevronLeft\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n onItemClick(item, e);\n }}\n data-testid=\"leftnav-leftcomponent-chevron\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(CHEVRON_BACK_DS_ID);\n }}\n role=\"button\"\n aria-label={`Close ${ariaLabel}`}\n />\n )}\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml={opened ? 'xxs' : '1px'}\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid={labelDataTestId \|\| 'leftnav-itemlabel'}\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid\n pl=\"xs\"\n pr={opened ? 'xxs2' : 'xxs'}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(null);\n }}\n onKeyDown={(e) => e.stopPropagation()}\n onClick={(e) => openedItem && e.stopPropagation()}\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n {BottomComponent && (\n <Grid\n style={{ gridColumn: 'span 3' }}\n pb=\"xxxs\"\n pl=\"xxs\"\n pr=\"xxs\"\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(null);\n }}\n onKeyDown={(e) => e.stopPropagation()}\n onClick={(e) => openedItem && e.stopPropagation()}\n >\n <BottomComponent ctx={ctx} item={item} />\n </Grid>\n )}\n </ItemRenderer>\n );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","selectedParent","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","React","ItemRenderer","ariaExpanded","openable","closable","selectable","Grid","StyledChevronLeft","e","stopPropagation","CHEVRON_BACK_DS_ID","StyledLabel","SimpleTruncatedTooltipText","gridColumn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;~~AAAA~~,~~SAAyB~~,UAACC,KAAD;~~AAAA~~,~~qDAEtBD~~,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6B,aAFjB,8DAKpBH,UAAU,GAAGC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAH,GAA6BF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CALnB,oEASpBF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAToB;~~AAAA,~~GAAzB;AAAA,CAA7B;;IAaaC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAwC;~~AAAA~~;;~~AACjE~~,~~MACEC~~,IADF,GAeID,KAfJ,CACEC,IADF;~~AAAA,~~oBAeID,KAfJ,CAEEC,IAFF;~~AAAA,~~MAGIC,IAHJ,eAGIA,IAHJ;~~AAAA,~~yCAIIC,QAJJ;~~AAAA,~~MAIgBC,KAJhB,wBAIgBA,KAJhB;~~AAAA,~~MAIuBC,cAJvB,wBAIuBA,cAJvB;~~AAAA,~~MAIuCC,eAJvC,wBAIuCA,eAJvC;~~AAAA,~~MAIwDC,eAJxD,wBAIwDA,eAJxD;~~AAAA,~~0CAKIC,kBALJ;~~AAAA,~~MAKIA,kBALJ,sCAKyB;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GALzB;~~AAAA,~~MAOEC,GAPF,GAeIT,KAfJ,CAOES,GAPF;~~AAAA,~~mBAeIT,KAfJ,CAQES,GARF;~~AAAA,~~yCASIC,YATJ;~~AAAA,~~MASoBC,UATpB,yBASoBA,UATpB;~~AAAA,~~MASgCC,aAThC,yBASgCA,aAThC;~~AAAA,~~MAS+CC,WAT/C,yBAS+CA,WAT/C;~~AAAA,~~MAUIC,oBAVJ,cAUIA,oBAVJ;~~AAAA,~~MAWIC,YAXJ,cAWIA,YAXJ;~~AAAA,~~MAYIC,cAZJ,cAYIA,cAZJ;~~AAAA,~~MAaIC,cAbJ,cAaIA,cAbJ;~~AAiBA~~,~~MAAMC~~,MAAM,GAAGP,UAAU,KAAKT,IAA9B;~~AAEA~~,~~MAAMP~~,UAAU,GAAGoB,YAAY,KAAKb,IAApC;~~AAEA~~,~~MAAMiB~~,WAAW,GAAGC,iBAAW,CAC7B,UAACF,MAAD;~~AAAA~~,~~WAAY~~,UAACtB,KAAD;~~AAAA~~,~~aACV~~,CAACsB,MAAD,GAAUxB,oBAAoB,CAACC,UAAU,IAAIqB,cAAc,KAAKd,IAAlC,CAApB,CAA4DN,KAA5D,CAAV,wCADU;~~AAAA,~~KAAZ;~~AAAA,~~GAD6B,EAG7B,CAACM,IAAD,EAAOP,UAAP,EAAmBgB,UAAnB,EAA+BK,cAA/B,CAH6B,CAA/B;~~AAMA~~,~~MAAMK~~,SAAS,4BAAGpB,IAAI,CAACE,QAAL,CAAckB,SAAjB,yEAA+B,OAAOjB,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,UAAlF;~~AAEA~~,~~sBACEkB~~,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCtB,IADD;~~AAEFE~~,~~MAAAA,~~QAAQ,kCACHF,IAAI,CAACE,QADF;~~AAENkB~~,~~QAAAA,~~SAAS,EAATA,SAFM;~~AAGNG~~,~~QAAAA,~~YAAY,EAAEN,MAHR;~~AAINO~~,~~QAAAA,~~QAAQ,EAAEX,oBAAoB,IAAI,CAACI,MAJ7B;~~AAKNQ~~,~~QAAAA,~~QAAQ,EAAEZ,oBAAoB,IAAII,MAL5B;~~AAMNS~~,~~QAAAA,~~UAAU,EAAE,CAACT;~~AANP;AAFN~~,~~MADN;AAYE,IAAA,~~WAAW,EAAEC,WAZf;~~AAaE~~,~~IAAA,~~eAAe,EAAED,MAbnB;~~AAcE~~,~~IAAA,~~cAAc,EAAC;~~AAdjB~~,~~kBAgBEI,~~wCAACM,wBAAD;~~AACE~~,~~IAAA,~~IAAI,EAAEV,MAAM,GAAG,CAAC,MAAD,EAAS,MAAT,CAAH,GAAsB,CAAC,MAAD,CADpC;~~AAEE~~,~~IAAA,~~MAAM,EAAC,KAFT;~~AAGE~~,~~IAAA,~~EAAE,EAAEA,MAAM,GAAG,KAAH,GAAW,CAHvB;~~AAIE~~,~~IAAA,~~YAAY,EAAC,QAJf;~~AAKE~~,~~mBAAY~~;~~AALd~~,~~KAOGA,~~MAAM,iBACLI,wCAACO,gDAAD;~~AACE~~,~~IAAA,~~IAAI,EAAC,GADP;~~AAEE~~,~~IAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAFT;~~AAGE~~,~~IAAA,~~OAAO,EAAE,iBAACC,CAAD,EAAO;~~AACdjB~~,~~MAAAA,~~WAAW,CAACZ,IAAD,EAAO6B,CAAP,CAAX;~~AACD,KALH~~;~~AAME~~,~~mBAAY~~,+BANd;~~AAOE~~,~~IAAA,~~QAAQ,EAAE,CAPZ;~~AAQE~~,~~IAAA,~~OAAO,EAAE,iBAACA,CAAD,EAAO;~~AACdA~~,~~MAAAA,~~CAAC,CAACC,eAAF;~~AACAd~~,~~MAAAA,~~cAAc,CAACe,4CAAD,CAAd;~~AACD,KAXH~~;~~AAYE~~,~~IAAA,~~IAAI,EAAC,QAZP;~~AAaE~~,~~kCAAqBX~~,SAArB;~~AAbF~~,~~IARJ,~~eAwBEC,wCAAC,kBAAD;~~AAAoB~~,~~IAAA,~~IAAI,EAAErB,IAA1B;~~AAAgC~~,~~IAAA,~~GAAG,EAAEQ;~~AAArC~~,~~IAxBF,~~CAhBF,eA0CEa,wCAACW,0CAAD;~~AACE~~,~~IAAA,~~EAAE,EAAEf,MAAM,GAAG,KAAH,GAAW,KADvB;~~AAEE~~,~~IAAA,~~EAAE,EAAC,MAFL;~~AAGE~~,~~IAAA,~~EAAE,EAAC,MAHL;~~AAIE~~,~~mBAAaX~~,eAAe,IAAI,mBAJlC;~~AAKE~~,~~IAAA,~~aAAa,EAAEK;~~AALjB~~,~~KAOGA,~~aAAa,KAAK,UAAlB,gBAA+BU,wCAACY,iDAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAE9B,KAAnC;~~AAA0C~~,~~IAAA,~~SAAS,EAAC;~~AAApD~~,~~IAA/B,~~GAAuGA,KAP1G,CA1CF,eAmDEkB,wCAACM,wBAAD;~~AACE~~,~~IAAA,~~EAAE,EAAC,IADL;~~AAEE~~,~~IAAA,~~EAAE,EAAEV,MAAM,GAAG,MAAH,GAAY,KAFxB;~~AAGE~~,~~IAAA,~~OAAO,EAAE,iBAACY,CAAD,EAAO;~~AACdA~~,~~MAAAA,~~CAAC,CAACC,eAAF;~~AACAd~~,~~MAAAA,~~cAAc,CAAC,IAAD,CAAd;~~AACD,KANH~~;~~AAOE~~,~~IAAA,~~SAAS,EAAE,mBAACa,CAAD;~~AAAA~~,~~aAAOA~~,CAAC,CAACC,eAAF,EAAP;~~AAAA,~~KAPb;~~AAQE~~,~~IAAA,~~OAAO,EAAE,iBAACD,CAAD;~~AAAA~~,~~aAAOnB~~,UAAU,IAAImB,CAAC,CAACC,eAAF,EAArB;~~AAAA,~~KARX;~~AASE~~,~~mBAAY~~;~~AATd~~,~~KAWG1B,~~cAAc,iBAAIiB,wCAAC,cAAD;~~AAAgB~~,~~IAAA,~~GAAG,EAAEb,GAArB;~~AAA0B~~,~~IAAA,~~IAAI,EAAER;~~AAAhC~~,~~IAXrB,~~CAnDF,EAgEGK,eAAe,iBACdgB,wCAACM,wBAAD;~~AACE~~,~~IAAA,~~KAAK,EAAE;~~AAAEO~~,~~MAAAA,~~UAAU,EAAE;~~AAAd,KADT~~;~~AAEE~~,~~IAAA,~~EAAE,EAAC,MAFL;~~AAGE~~,~~IAAA,~~EAAE,EAAC,KAHL;~~AAIE~~,~~IAAA,~~EAAE,EAAC,KAJL;~~AAKE~~,~~IAAA,~~OAAO,EAAE,iBAACL,CAAD,EAAO;~~AACdA~~,~~MAAAA,~~CAAC,CAACC,eAAF;~~AACAd~~,~~MAAAA,~~cAAc,CAAC,IAAD,CAAd;~~AACD,KARH~~;~~AASE~~,~~IAAA,~~SAAS,EAAE,mBAACa,CAAD;~~AAAA~~,~~aAAOA~~,CAAC,CAACC,eAAF,EAAP;~~AAAA,~~KATb;~~AAUE~~,~~IAAA,~~OAAO,EAAE,iBAACD,CAAD;~~AAAA~~,~~aAAOnB~~,UAAU,IAAImB,CAAC,CAACC,eAAF,EAArB~~;AAAA;AAVX~~,~~kBAYET,~~wCAAC,eAAD;~~AAAiB~~,~~IAAA,~~GAAG,EAAEb,GAAtB;~~AAA2B~~,~~IAAA,~~IAAI,EAAER;~~AAAjC~~,~~IAZF,~~CAjEJ,CADF;AAmFD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/index.tsx"],"sourcesContent":["/* eslint-disable max-lines /\n/ eslint-disable complexity /\n/ eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemSubmenu = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, BottomComponent, labelDataTestId },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { openedItem, labelOverflow, onItemClick },\n expandedForAnimation,\n selectedItem,\n selectedParent,\n setFocusedItem,\n },\n } = props;\n\n const opened = openedItem === dsId;\n\n const isSelected = selectedItem === dsId;\n\n const shadowStyle = useCallback(\n (opened) => (theme: any) =>\n !opened ? notOpenedShadowStyle(isSelected \|\| selectedParent === dsId)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n [dsId, isSelected, openedItem, selectedParent],\n );\n\n const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n ariaLabel,\n ariaExpanded: opened,\n openable: expandedForAnimation && !opened,\n closable: expandedForAnimation && opened,\n selectable: !opened,\n },\n }}\n shadowStyle={shadowStyle}\n hasBorderBottom={opened}\n borderBottomMr=\"12px\"\n >\n <Grid\n cols={opened ? ['auto', 'auto'] : ['38px']}\n gutter=\"1px\"\n pl={opened ? 'xxs' : 0}\n justifyItems=\"center\"\n data-testid=\"leftnav-leftcomponent\"\n >\n {opened && (\n <StyledChevronLeft\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n onItemClick(item, e);\n }}\n data-testid=\"leftnav-leftcomponent-chevron\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(CHEVRON_BACK_DS_ID);\n }}\n role=\"button\"\n aria-label={`Close ${ariaLabel}`}\n />\n )}\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml={opened ? 'xxs' : '1px'}\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid={labelDataTestId \|\| 'leftnav-itemlabel'}\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid\n pl=\"xs\"\n pr={opened ? 'xxs2' : 'xxs'}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(null);\n }}\n onKeyDown={(e) => e.stopPropagation()}\n onClick={(e) => openedItem && e.stopPropagation()}\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n {BottomComponent && (\n <Grid\n style={{ gridColumn: 'span 3' }}\n pb=\"xxxs\"\n pl=\"xxs\"\n pr=\"xxs\"\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(null);\n }}\n onKeyDown={(e) => e.stopPropagation()}\n onClick={(e) => openedItem && e.stopPropagation()}\n >\n <BottomComponent ctx={ctx} item={item} />\n </Grid>\n )}\n </ItemRenderer>\n );\n};\n"],"names":["notOpenedShadowStyle","isSelected","theme","colors","brand","ItemSubmenu","props","item","dsId","itemOpts","label","RightComponent","BottomComponent","labelDataTestId","CollapsedComponent","ctx","leftNavProps","openedItem","labelOverflow","onItemClick","expandedForAnimation","selectedItem","selectedParent","setFocusedItem","opened","shadowStyle","useCallback","ariaLabel","React","ItemRenderer","ariaExpanded","openable","closable","selectable","Grid","StyledChevronLeft","e","stopPropagation","CHEVRON_BACK_DS_ID","StyledLabel","SimpleTruncatedTooltipText","gridColumn"],"mappings":"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"}

package/cjs/outOfTheBox/ItemSubmenu/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 14px;\n color: ${(props) => props.theme.colors.neutral[800]};\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledChevronLeft = styled(ChevronSmallLeft)`\n cursor: pointer;\n :focus {\n outline: 2px solid ${(props) => props.theme.colors.brand[700]};\n }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronSmallLeft","brand"],"mappings":";;;;;;;;;;;;;IAIaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,mDAEb,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAHQ;IAMXC,iBAAiB,gBAAGP,0BAAM,CAACQ,wBAAD,CAAT;~~AAAA~~;AAAA,uDAGL,UAACN,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemSubmenu/styled.tsx"],"sourcesContent":["import Grid from '@elliemae/ds-grid';\nimport { ChevronSmallLeft } from '@elliemae/ds-icons';\nimport styled from 'styled-components';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 14px;\n color: ${(props) => props.theme.colors.neutral[800]};\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledChevronLeft = styled(ChevronSmallLeft)`\n cursor: pointer;\n :focus {\n outline: 2px solid ${(props) => props.theme.colors.brand[700]};\n }\n`;\n"],"names":["StyledLabel","styled","Grid","props","theme","colors","neutral","labelOverflow","StyledChevronLeft","ChevronSmallLeft","brand"],"mappings":";;;;;;;;;;;;;IAIaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,mDAEb,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAGR,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACI,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAHQ;IAMXC,iBAAiB,gBAAGP,0BAAM,CAACQ,wBAAD,CAAT;EAAA;AAAA,uDAGL,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHK;;;;;"}

package/cjs/outOfTheBox/ItemTextLabel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: { label, labelOverflow: itemLabelOverflow, labelBold, labelColor, labelDataTestId },\n },\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow \|\| leftNavLabelOverflow;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n {/* Empty LeftComponent */} <div />\n <StyledLabel\n data-testid={labelDataTestId \|\| 'leftnav-list-item-label'}\n pl=\"24px\"\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n mr=\"xxs2\"\n pb=\"xxxs\"\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n </ItemRenderer>\n );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","labelDataTestId","leftNavLabelOverflow","ctx","leftNavProps","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;~~AACnE~~,~~MACEC~~,IADF,GAQID,KARJ,CACEC,IADF;~~AAAA,~~6BAQID,KARJ,CAEEC,IAFF,CAGIC,QAHJ;~~AAAA,~~MAGgBC,KAHhB,wBAGgBA,KAHhB;~~AAAA,~~MAGsCC,iBAHtC,wBAGuBC,aAHvB;~~AAAA,~~MAGyDC,SAHzD,wBAGyDA,SAHzD;~~AAAA,~~MAGoEC,UAHpE,wBAGoEA,UAHpE;~~AAAA,~~MAGgFC,eAHhF,wBAGgFA,eAHhF;~~AAAA,~~MAMmCC,oBANnC,GAQIT,KARJ,CAKEU,GALF,CAMIC,YANJ,CAMoBN,aANpB;~~AAUA~~,~~MAAMA~~,aAAa,GAAGD,iBAAiB,IAAIK,oBAA3C;~~AAEA~~,~~sBACEG~~,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCZ,IADD;~~AAEFa~~,~~MAAAA,~~kBAAkB,EAAE;~~AAFlB,MADN~~;~~AAKE~~,~~IAAA,~~SAAS,EAAC,MALZ;~~AAME~~,~~IAAA,~~UAAU,EAAC;~~AANb~~,~~uBAQ8BF,~~oDAR9B,eASEA,wCAACG,4CAAD;~~AACE~~,~~mBAAaP~~,eAAe,IAAI,yBADlC;~~AAEE~~,~~IAAA,~~EAAE,EAAC,MAFL;~~AAGE~~,~~IAAA,~~aAAa,EAAEH,aAHjB;~~AAIE~~,~~IAAA,~~SAAS,EAAEC,SAJb;~~AAKE~~,~~IAAA,~~UAAU,EAAEC,UALd;~~AAME~~,~~IAAA,~~EAAE,EAAC,MANL;~~AAOE~~,~~IAAA,~~EAAE,EAAC;~~AAPL~~,~~KASGF,~~aAAa,KAAK,UAAlB,gBAA+BO,wCAACI,iDAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAEb,KAAnC;~~AAA0C~~,~~IAAA,~~SAAS,EAAC;~~AAApD~~,~~IAA/B,~~GAAuGA,KAT1G,CATF,CADF;AAuBD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\nexport const ItemTextLabel = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: { label, labelOverflow: itemLabelOverflow, labelBold, labelColor, labelDataTestId },\n },\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow \|\| leftNavLabelOverflow;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n {/* Empty LeftComponent */} <div />\n <StyledLabel\n data-testid={labelDataTestId \|\| 'leftnav-list-item-label'}\n pl=\"24px\"\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n mr=\"xxs2\"\n pb=\"xxxs\"\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n </ItemRenderer>\n );\n};\n"],"names":["ItemTextLabel","props","item","itemOpts","label","itemLabelOverflow","labelOverflow","labelBold","labelColor","labelDataTestId","leftNavLabelOverflow","ctx","leftNavProps","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAwC;EACnE,IACEC,IADF,GAQID,KARJ,CACEC,IADF;6BAQID,KARJ,CAEEC,IAFF,CAGIC,QAHJ;MAGgBC,KAHhB,wBAGgBA,KAHhB;MAGsCC,iBAHtC,wBAGuBC,aAHvB;MAGyDC,SAHzD,wBAGyDA,SAHzD;MAGoEC,UAHpE,wBAGoEA,UAHpE;MAGgFC,eAHhF,wBAGgFA,eAHhF;MAMmCC,oBANnC,GAQIT,KARJ,CAKEU,GALF,CAMIC,YANJ,CAMoBN,aANpB;EAUA,IAAMA,aAAa,GAAGD,iBAAiB,IAAIK,oBAA3C;EAEA,oBACEG,wCAACC,+CAAD;IACE,IAAI,kCACCZ,IADD;MAEFa,kBAAkB,EAAE;MAHxB;IAKE,SAAS,EAAC,MALZ;IAME,UAAU,EAAC;uBAEiBF,oDAR9B,eASEA,wCAACG,4CAAD;IACE,eAAaP,eAAe,IAAI,yBADlC;IAEE,EAAE,EAAC,MAFL;IAGE,aAAa,EAAEH,aAHjB;IAIE,SAAS,EAAEC,SAJb;IAKE,UAAU,EAAEC,UALd;IAME,EAAE,EAAC,MANL;IAOE,EAAE,EAAC;KAEFF,aAAa,KAAK,UAAlB,gBAA+BO,wCAACI,iDAAD;IAA4B,KAAK,EAAEb,KAAnC;IAA0C,SAAS,EAAC;IAAnF,GAAuGA,KAT1G,CATF,CADF;AAuBD;;;;"}

package/cjs/outOfTheBox/ItemTextLabel/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,qFAEP,UAACC,KAAD;~~AAAA~~,~~SACbA~~,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;~~AAAA~~,~~MAAGC~~,UAAH,QAAGA,UAAH;~~AAAA,~~MAAeJ,KAAf,QAAeA,KAAf;~~AAAA~~,~~SACPI~~,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;~~AAAA~~,~~SACZA~~,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemTextLabel/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,qFAEP,UAACC,KAAD;EAAA,OACbA,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;EAAA,IAAGC,UAAH,QAAGA,UAAH;MAAeJ,KAAf,QAAeA,KAAf;EAAA,OACPI,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;EAAA,OACZA,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;;;;"}

package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<string, React.ComponentType<ComponentProps>> = {\n [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: { type, Component },\n ctx,\n } = props;\n\n if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n const currentIndent = item.itemOpts?.indent ?? 0;\n const newItem = {\n ...item,\n itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n };\n return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemUncontrolledDrilldown = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: {\n label,\n RightComponent,\n labelRightSection,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n startOpened,\n items,\n labelDataTestId,\n },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n openedDrilldowns,\n setOpenedDrilldowns,\n },\n } = props;\n\n // Start opened functionality\n useEffect(() => {\n if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n }, []);\n\n const opened = openedDrilldowns.includes(dsId);\n\n const labelOverflow = itemLabelOverflow \|\| leftNavLabelOverflow;\n\n const arrowIcon = useMemo(() => {\n const Component = opened ? ArrowheadDown : ArrowheadRight;\n return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n }, [opened]);\n\n // Array of subitems\n const subitems = useMemo(() => {\n if (!opened \|\| !items) return [];\n return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n }, [items, opened]);\n\n const handleOnClick = useCallback(() => {\n if (opened) setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));\n else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaExpanded: opened,\n ariaRole: 'menuitem',\n ...item.itemOpts,\n openable: !opened,\n closable: opened,\n },\n CollapsedComponent: null,\n }}\n subitems={subitems}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n onClick={handleOnClick}\n >\n <Grid pl=\"xxs\" mt=\"-2px\">\n {arrowIcon}\n </Grid>\n <StyledLabel\n pb=\"xxxs\"\n data-testid={labelDataTestId \|\| 'leftnav-list-item-label'}\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n {labelRightSection}\n </StyledDate>\n <Grid pl={RightComponent ? 'xxs' : '0px'}>{RightComponent && <RightComponent ctx={ctx} item={item} />}</Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","React","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","labelDataTestId","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ItemRenderer","ariaExpanded","ariaRole","openable","closable","CollapsedComponent","Grid","StyledLabel","SimpleTruncatedTooltipText","StyledDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACA,IAAMA,6BAAkF,2FACrFC,oCAAU,CAACC,uBAD0E,EAChDC,6CADgD,8DAErFF,oCAAU,CAACG,uBAF0E,EAEhDC,2CAFgD,8DAGrFJ,oCAAU,CAACK,wBAH0E,EAG/CC,6CAH+C,yBAAxF;;AAMA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,KAAD,EAAwC;~~AACpE~~,~~MACEC~~,IADF,GAIID,KAJJ,CACEC,IADF;~~AAAA,~~oBAIID,KAJJ,CAEEC,IAFF;~~AAAA,~~MAEUC,IAFV,eAEUA,IAFV;~~AAAA,~~MAEgBC,SAFhB,eAEgBA,SAFhB;~~AAAA,~~MAGEC,GAHF,GAIIJ,KAJJ,CAGEI,GAHF;;~~AAMA~~,~~MAAI~~,OAAOF,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACX,6BAA6B,CAACW,IAAD,CAA/D,EAAuE;~~AAAA~~;;~~AACrE~~,~~QAAMG~~,oBAAoB,GAAGd,6BAA6B,CAACW,IAAD,CAA1D;~~AACA~~,~~QAAMI~~,aAAa,8CAAGL,IAAI,CAACM,QAAR,mDAAG,eAAeC,MAAlB,yEAA4B,CAA/C;;~~AACA~~,~~QAAMC~~,OAAO,mCACRR,IADQ;~~AAEXM~~,~~MAAAA,~~QAAQ,kCAAON,IAAI,CAACM,QAAZ;~~AAAsBC~~,~~QAAAA,~~MAAM,EAAEF,aAAa,GAAG~~;AAA9C;AAFG,MAAb~~;;~~AAIA~~,~~wBAAOI~~,wCAAC,oBAAD;~~AAAsB~~,~~MAAA,~~IAAI,EAAED,OAA5B;~~AAAqC~~,~~MAAA,~~GAAG,EAAEL;~~AAA1C,MAAP~~;~~AACD,GAfmE~~;;;~~AAiBpE~~,~~sBAAOM~~,wCAAC,SAAD;~~AAAW~~,~~IAAA,~~IAAI,EAAET,IAAjB;~~AAAuB~~,~~IAAA,~~GAAG,EAAEG;~~AAA5B,IAAP~~;AACD,CAlBD;;IAoBaO,yBAAyB,GAAG,SAA5BA,yBAA4B,CAACX,KAAD,EAAwC;~~AAC~~/E,~~MACEC~~,IADF,GAsBID,KAtBJ,CACEC,IADF;~~AAAA,~~qBAsBID,KAtBJ,CAEEC,IAFF;~~AAAA,~~MAGIW,IAHJ,gBAGIA,IAHJ;~~AAAA,~~2CAIIL,QAJJ;~~AAAA,~~MAKMM,KALN,yBAKMA,KALN;~~AAAA,~~MAMMC,cANN,yBAMMA,cANN;~~AAAA,~~MAOMC,iBAPN,yBAOMA,iBAPN;~~AAAA,~~MAQqBC,iBARrB,yBAQMC,aARN;~~AAAA,~~MASMC,SATN,yBASMA,SATN;~~AAAA,~~MAUMC,UAVN,yBAUMA,UAVN;~~AAAA,~~MAWMC,WAXN,yBAWMA,WAXN;~~AAAA,~~MAYMC,KAZN,yBAYMA,KAZN;~~AAAA,~~MAaMC,eAbN,yBAaMA,eAbN;~~AAAA,~~MAgBElB,GAhBF,GAsBIJ,KAtBJ,CAgBEI,GAhBF;~~AAAA,~~mBAsBIJ,KAtBJ,CAiBEI,GAjBF;~~AAAA,~~MAkBmCmB,oBAlBnC,cAkBIC,YAlBJ,CAkBoBP,aAlBpB;~~AAAA,~~MAmBIQ,gBAnBJ,cAmBIA,gBAnBJ;~~AAAA,~~MAoBIC,mBApBJ,cAoBIA,mBApBJ,CAD+E;;~~AA0B~~/EC,~~EAAAA,~~eAAS,CAAC,YAAM;~~AACd~~,~~QAAIP~~,WAAJ,EAAiBM,mBAAmB,kDAAKD,gBAAL,IAAuBb,IAAvB,GAAnB;~~AAClB~~,~~GAFQ,~~EAEN,EAFM,CAAT;~~AAIA~~,~~MAAMgB~~,MAAM,GAAGH,gBAAgB,CAACI,QAAjB,CAA0BjB,IAA1B,CAAf;~~AAEA~~,~~MAAMK~~,aAAa,GAAGD,iBAAiB,IAAIO,oBAA3C;~~AAEA~~,~~MAAMO~~,SAAS,GAAGC,aAAO,CAAC,YAAM;~~AAC9B~~,~~QAAM5B~~,SAAS,GAAGyB,MAAM,GAAGI,qBAAH,GAAmBC,sBAA3C;~~AACA~~,~~wBAAOvB~~,wCAAC,SAAD;~~AAAW~~,~~MAAA,~~KAAK,EAAC,MAAjB;~~AAAwB~~,~~MAAA,~~MAAM,EAAC,MAA/B;~~AAAsC~~,~~MAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;~~AAA7C,MAAP~~;~~AACD~~,~~GAHwB,~~EAGtB,CAACkB,MAAD,CAHsB,CAAzB,CAlC+E;;~~AAwC~~/E,~~MAAMM~~,QAAQ,GAAGH,aAAO,CAAC,YAAM;~~AAC7B~~,~~QAAI~~,CAACH,MAAD,IAAW,CAACP,KAAhB,EAAuB,OAAO,EAAP;~~AACvB~~,~~WAAOA~~,KAAK,CAACc,GAAN,CAAU,UAACC,OAAD;~~AAAA~~,~~0BAAa1B~~,wCAAC,qBAAD;~~AAAuB~~,~~QAAA,~~IAAI,EAAE0B,OAA7B;~~AAAsC~~,~~QAAA,~~GAAG,EAAEhC,GAA3C;~~AAAgD~~,~~QAAA,~~GAAG,EAAEgC,OAAO,CAACxB;~~AAA7D,QAAb~~;~~AAAA,~~KAAV,CAAP;~~AACD~~,~~GAHuB,~~EAGrB,CAACS,KAAD,EAAQO,MAAR,CAHqB,CAAxB;~~AAKA~~,~~MAAMS~~,aAAa,GAAGC,iBAAW,CAAC,YAAM;~~AACtC~~,~~QAAIV~~,MAAJ,EAAYF,mBAAmB,CAACD,gBAAgB,CAACc,MAAjB,CAAwB,UAACC,eAAD;~~AAAA~~,~~aAAqBA~~,eAAe,KAAK5B,IAAzC;~~AAAA,~~KAAxB,CAAD,CAAnB,CAAZ,KACKc,mBAAmB,kDAAKD,gBAAL,IAAuBb,IAAvB,GAAnB;~~AACN~~,~~GAHgC,~~EAG9B,CAACgB,MAAD,EAASF,mBAAT,EAA8BD,gBAA9B,CAH8B,CAAjC;~~AAKA~~,~~sBACEf~~,wCAAC+B,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCxC,IADD;~~AAEFM~~,~~MAAAA,~~QAAQ;~~AACNmC~~,~~QAAAA,~~YAAY,EAAEd,MADR;~~AAENe~~,~~QAAAA,~~QAAQ,EAAE;~~AAFJ~~,~~SAGH1C,~~IAAI,CAACM,QAHF;~~AAINqC~~,~~QAAAA,~~QAAQ,EAAE,CAAChB,MAJL;~~AAKNiB~~,~~QAAAA,~~QAAQ,EAAEjB;~~AALJ,QAFN~~;~~AASFkB~~,~~MAAAA,~~kBAAkB,EAAE;~~AATlB,MADN~~;~~AAYE~~,~~IAAA,~~QAAQ,EAAEZ,QAZZ;~~AAaE~~,~~IAAA,~~SAAS,EAAC,MAbZ;~~AAcE~~,~~IAAA,~~UAAU,EAAC,KAdb;~~AAeE~~,~~IAAA,~~OAAO,EAAEG;~~AAfX~~,~~kBAiBE3B,~~wCAACqC,wBAAD;~~AAAM~~,~~IAAA,~~EAAE,EAAC,KAAT;~~AAAe~~,~~IAAA,~~EAAE,EAAC;~~AAAlB~~,~~KACGjB,~~SADH,CAjBF,eAoBEpB,wCAACsC,wDAAD;~~AACE~~,~~IAAA,~~EAAE,EAAC,MADL;~~AAEE~~,~~mBAAa1B~~,eAAe,IAAI,yBAFlC;~~AAGE~~,~~IAAA,~~aAAa,EAAEL,aAHjB;~~AAIE~~,~~IAAA,~~SAAS,EAAEC,SAJb;~~AAKE~~,~~IAAA,~~UAAU,EAAEC;~~AALd~~,~~KAOGF,~~aAAa,KAAK,UAAlB,gBAA+BP,wCAACuC,iDAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAEpC,KAAnC;~~AAA0C~~,~~IAAA,~~SAAS,EAAC;~~AAApD~~,~~IAA/B,~~GAAuGA,KAP1G,CApBF,eA6BEH,wCAACqC,wBAAD;~~AAAM~~,~~IAAA,~~EAAE,EAAC,MAAT;~~AAAgB~~,~~IAAA,~~IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;~~AAAwC~~,~~IAAA,~~UAAU,EAAC;~~AAAnD~~,~~kBACErC,~~wCAACwC,uDAAD;~~AAAY~~,~~IAAA,~~EAAE,EAAC,KAAf;~~AAAqB~~,~~mBAAY~~;~~AAAjC~~,~~KACGnC,~~iBADH,CADF,eAIEL,wCAACqC,wBAAD;~~AAAM~~,~~IAAA,~~EAAE,EAAEjC,cAAc,GAAG,KAAH,GAAW;~~AAAnC~~,~~KAA2CA,~~cAAc,iBAAIJ,wCAAC,cAAD;~~AAAgB~~,~~IAAA,~~GAAG,EAAEN,GAArB;~~AAA0B~~,~~IAAA,~~IAAI,EAAEH;~~AAAhC~~,~~IAA7D,~~CAJF,CA7BF,CADF;AAsCD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useEffect } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ArrowheadDown, ArrowheadRight } from '@elliemae/ds-icons';\nimport { ItemRenderer, ITEM_TYPES } from '../../exported-related/index';\nimport { StyledLabel, StyledDate } from './styled';\nimport { ItemSeparator } from '../ItemSeparator';\nimport { ItemWithDate } from '../ItemWithDate';\nimport { ItemTextLabel } from '../ItemTextLabel';\nimport type { ComponentProps } from '../../index.d';\n\n// Subitem mapping\nconst outOfTheBoxSubitemsComponents: Record<string, React.ComponentType<ComponentProps>> = {\n [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,\n [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,\n [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel,\n};\n\nconst OutOfTheBoxMapSubitem = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: { type, Component },\n ctx,\n } = props;\n\n if (typeof type === 'string' && !!outOfTheBoxSubitemsComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxSubitemsComponents[type];\n const currentIndent = item.itemOpts?.indent ?? 0;\n const newItem = {\n ...item,\n itemOpts: { ...item.itemOpts, indent: currentIndent + 44 },\n };\n return <OutOfTheBoxComponent item={newItem} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n\nexport const ItemUncontrolledDrilldown = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: {\n label,\n RightComponent,\n labelRightSection,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n startOpened,\n items,\n labelDataTestId,\n },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n openedDrilldowns,\n setOpenedDrilldowns,\n },\n } = props;\n\n // Start opened functionality\n useEffect(() => {\n if (startOpened) setOpenedDrilldowns([...openedDrilldowns, dsId]);\n }, []);\n\n const opened = openedDrilldowns.includes(dsId);\n\n const labelOverflow = itemLabelOverflow \|\| leftNavLabelOverflow;\n\n const arrowIcon = useMemo(() => {\n const Component = opened ? ArrowheadDown : ArrowheadRight;\n return <Component width=\"24px\" height=\"18px\" color={['brand-primary', '800']} />;\n }, [opened]);\n\n // Array of subitems\n const subitems = useMemo(() => {\n if (!opened \|\| !items) return [];\n return items.map((subitem) => <OutOfTheBoxMapSubitem item={subitem} ctx={ctx} key={subitem.dsId} />);\n }, [items, opened]);\n\n const handleOnClick = useCallback(() => {\n if (opened) setOpenedDrilldowns(openedDrilldowns.filter((openedDrilldown) => openedDrilldown !== dsId));\n else setOpenedDrilldowns([...openedDrilldowns, dsId]);\n }, [opened, setOpenedDrilldowns, openedDrilldowns]);\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaExpanded: opened,\n ariaRole: 'menuitem',\n ...item.itemOpts,\n openable: !opened,\n closable: opened,\n },\n CollapsedComponent: null,\n }}\n subitems={subitems}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n onClick={handleOnClick}\n >\n <Grid pl=\"xxs\" mt=\"-2px\">\n {arrowIcon}\n </Grid>\n <StyledLabel\n pb=\"xxxs\"\n data-testid={labelDataTestId \|\| 'leftnav-list-item-label'}\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n {labelRightSection}\n </StyledDate>\n <Grid pl={RightComponent ? 'xxs' : '0px'}>{RightComponent && <RightComponent ctx={ctx} item={item} />}</Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["outOfTheBoxSubitemsComponents","ITEM_TYPES","LEFT_NAV_ITEM_SEPARATOR","ItemSeparator","LEFT_NAV_ITEM_WITH_DATE","ItemWithDate","LEFT_NAV_ITEM_TEXT_LABEL","ItemTextLabel","OutOfTheBoxMapSubitem","props","item","type","Component","ctx","OutOfTheBoxComponent","currentIndent","itemOpts","indent","newItem","React","ItemUncontrolledDrilldown","dsId","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","startOpened","items","labelDataTestId","leftNavLabelOverflow","leftNavProps","openedDrilldowns","setOpenedDrilldowns","useEffect","opened","includes","arrowIcon","useMemo","ArrowheadDown","ArrowheadRight","subitems","map","subitem","handleOnClick","useCallback","filter","openedDrilldown","ItemRenderer","ariaExpanded","ariaRole","openable","closable","CollapsedComponent","Grid","StyledLabel","SimpleTruncatedTooltipText","StyledDate"],"mappings":"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"}

package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 14px;\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow","StyledDate"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,qFAEP,UAACC,KAAD;~~AAAA~~,~~SACbA~~,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;~~AAAA~~,~~MAAGC~~,UAAH,QAAGA,UAAH;~~AAAA,~~MAAeJ,KAAf,QAAeA,KAAf;~~AAAA~~,~~SACPI~~,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;~~AAAA~~,~~SACZA~~,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;IAeXC,UAAU,gBAAGZ,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,oDAEZ,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACE,KAAN,CAAYK,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFY;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemUncontrolledDrilldown/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 14px;\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow","StyledDate"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,qFAEP,UAACC,KAAD;EAAA,OACbA,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;EAAA,IAAGC,UAAH,QAAGA,UAAH;MAAeJ,KAAf,QAAeA,KAAf;EAAA,OACPI,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;EAAA,OACZA,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;IAeXC,UAAU,gBAAGZ,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,oDAEZ,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACE,KAAN,CAAYK,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFY;;;;;"}

package/cjs/outOfTheBox/ItemWithDate/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemWithDate/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledDate } from './styled';\n\nexport const ItemWithDate = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: {\n label,\n RightComponent,\n labelRightSection,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n labelDataTestId,\n },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow \|\| leftNavLabelOverflow;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n {/* Empty LeftComponent */} <div />\n <StyledLabel\n pl=\"xxs\"\n pb=\"xxxs\"\n data-testid={labelDataTestId \|\| 'leftnav-list-item-label'}\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n {labelRightSection}\n </StyledDate>\n <Grid pl={RightComponent ? 'xxs' : '0px'} data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["ItemWithDate","props","item","itemOpts","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","labelDataTestId","ctx","leftNavLabelOverflow","leftNavProps","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText","Grid","StyledDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwC;~~AAClE~~,~~MACEC~~,IADF,GAiBID,KAjBJ,CACEC,IADF;~~AAAA,~~6BAiBID,KAjBJ,CAEEC,IAFF,CAGIC,QAHJ;~~AAAA,~~MAIMC,KAJN,wBAIMA,KAJN;~~AAAA,~~MAKMC,cALN,wBAKMA,cALN;~~AAAA,~~MAMMC,iBANN,wBAMMA,iBANN;~~AAAA,~~MAOqBC,iBAPrB,wBAOMC,aAPN;~~AAAA,~~MAQMC,SARN,wBAQMA,SARN;~~AAAA,~~MASMC,UATN,wBASMA,UATN;~~AAAA,~~MAUMC,eAVN,wBAUMA,eAVN;~~AAAA,~~MAaEC,GAbF,GAiBIX,KAjBJ,CAaEW,GAbF;~~AAAA,~~MAemCC,oBAfnC,GAiBIZ,KAjBJ,CAcEW,GAdF,CAeIE,YAfJ,CAeoBN,aAfpB;~~AAmBA~~,~~MAAMA~~,aAAa,GAAGD,iBAAiB,IAAIM,oBAA3C;~~AAEA~~,~~sBACEE~~,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,kCACCd,IADD;~~AAEFe~~,~~MAAAA,~~kBAAkB,EAAE;~~AAFlB,MADN~~;~~AAKE~~,~~IAAA,~~SAAS,EAAC,MALZ;~~AAME~~,~~IAAA,~~UAAU,EAAC;~~AANb~~,~~uBAQ8BF,~~oDAR9B,eASEA,wCAACG,2CAAD;~~AACE~~,~~IAAA,~~EAAE,EAAC,KADL;~~AAEE~~,~~IAAA,~~EAAE,EAAC,MAFL;~~AAGE~~,~~mBAAaP~~,eAAe,IAAI,yBAHlC;~~AAIE~~,~~IAAA,~~aAAa,EAAEH,aAJjB;~~AAKE~~,~~IAAA,~~SAAS,EAAEC,SALb;~~AAME~~,~~IAAA,~~UAAU,EAAEC;~~AANd~~,~~KAQGF,~~aAAa,KAAK,UAAlB,gBAA+BO,wCAACI,iDAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAEf,KAAnC;~~AAA0C~~,~~IAAA,~~SAAS,EAAC;~~AAApD~~,~~IAA/B,~~GAAuGA,KAR1G,CATF,eAmBEW,wCAACK,wBAAD;~~AAAM~~,~~IAAA,~~EAAE,EAAC,MAAT;~~AAAgB~~,~~IAAA,~~IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;~~AAAwC~~,~~IAAA,~~UAAU,EAAC;~~AAAnD~~,~~kBACEL,~~wCAACM,0CAAD;~~AAAY~~,~~IAAA,~~EAAE,EAAC,KAAf;~~AAAqB~~,~~mBAAY~~;~~AAAjC~~,~~KACGf,~~iBADH,CADF,eAIES,wCAACK,wBAAD;~~AAAM~~,~~IAAA,~~EAAE,EAAEf,cAAc,GAAG,KAAH,GAAW,KAAnC;~~AAA0C~~,~~mBAAY~~;~~AAAtD~~,~~KACGA,~~cAAc,iBAAIU,wCAAC,cAAD;~~AAAgB~~,~~IAAA,~~GAAG,EAAEH,GAArB;~~AAA0B~~,~~IAAA,~~IAAI,EAAEV;~~AAAhC~~,~~IADrB,~~CAJF,CAnBF,CADF;AA8BD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/outOfTheBox/ItemWithDate/index.tsx"],"sourcesContent":["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledDate } from './styled';\n\nexport const ItemWithDate = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: {\n label,\n RightComponent,\n labelRightSection,\n labelOverflow: itemLabelOverflow,\n labelBold,\n labelColor,\n labelDataTestId,\n },\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow },\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow \|\| leftNavLabelOverflow;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n {/* Empty LeftComponent */} <div />\n <StyledLabel\n pl=\"xxs\"\n pb=\"xxxs\"\n data-testid={labelDataTestId \|\| 'leftnav-list-item-label'}\n labelOverflow={labelOverflow}\n labelBold={labelBold}\n labelColor={labelColor}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid pr=\"xxs2\" cols={['auto', 'auto']} alignItems=\"center\">\n <StyledDate ml=\"xxs\" data-testid=\"leftnav-list-item-date\">\n {labelRightSection}\n </StyledDate>\n <Grid pl={RightComponent ? 'xxs' : '0px'} data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </Grid>\n </ItemRenderer>\n );\n};\n"],"names":["ItemWithDate","props","item","itemOpts","label","RightComponent","labelRightSection","itemLabelOverflow","labelOverflow","labelBold","labelColor","labelDataTestId","ctx","leftNavLabelOverflow","leftNavProps","React","ItemRenderer","CollapsedComponent","StyledLabel","SimpleTruncatedTooltipText","Grid","StyledDate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwC;EAClE,IACEC,IADF,GAiBID,KAjBJ,CACEC,IADF;6BAiBID,KAjBJ,CAEEC,IAFF,CAGIC,QAHJ;MAIMC,KAJN,wBAIMA,KAJN;MAKMC,cALN,wBAKMA,cALN;MAMMC,iBANN,wBAMMA,iBANN;MAOqBC,iBAPrB,wBAOMC,aAPN;MAQMC,SARN,wBAQMA,SARN;MASMC,UATN,wBASMA,UATN;MAUMC,eAVN,wBAUMA,eAVN;MAaEC,GAbF,GAiBIX,KAjBJ,CAaEW,GAbF;MAemCC,oBAfnC,GAiBIZ,KAjBJ,CAcEW,GAdF,CAeIE,YAfJ,CAeoBN,aAfpB;EAmBA,IAAMA,aAAa,GAAGD,iBAAiB,IAAIM,oBAA3C;EAEA,oBACEE,wCAACC,+CAAD;IACE,IAAI,kCACCd,IADD;MAEFe,kBAAkB,EAAE;MAHxB;IAKE,SAAS,EAAC,MALZ;IAME,UAAU,EAAC;uBAEiBF,oDAR9B,eASEA,wCAACG,2CAAD;IACE,EAAE,EAAC,KADL;IAEE,EAAE,EAAC,MAFL;IAGE,eAAaP,eAAe,IAAI,yBAHlC;IAIE,aAAa,EAAEH,aAJjB;IAKE,SAAS,EAAEC,SALb;IAME,UAAU,EAAEC;KAEXF,aAAa,KAAK,UAAlB,gBAA+BO,wCAACI,iDAAD;IAA4B,KAAK,EAAEf,KAAnC;IAA0C,SAAS,EAAC;IAAnF,GAAuGA,KAR1G,CATF,eAmBEW,wCAACK,wBAAD;IAAM,EAAE,EAAC,MAAT;IAAgB,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAAtB;IAAwC,UAAU,EAAC;kBACjDL,wCAACM,0CAAD;IAAY,EAAE,EAAC,KAAf;IAAqB,eAAY;KAC9Bf,iBADH,CADF,eAIES,wCAACK,wBAAD;IAAM,EAAE,EAAEf,cAAc,GAAG,KAAH,GAAW,KAAnC;IAA0C,eAAY;KACnDA,cAAc,iBAAIU,wCAAC,cAAD;IAAgB,GAAG,EAAEH,GAArB;IAA0B,IAAI,EAAEV;IADrD,CAJF,CAnBF,CADF;AA8BD;;;;"}

package/cjs/outOfTheBox/ItemWithDate/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemWithDate/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 14px;\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow","StyledDate"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,qFAEP,UAACC,KAAD;~~AAAA~~,~~SACbA~~,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;~~AAAA~~,~~MAAGC~~,UAAH,QAAGA,UAAH;~~AAAA,~~MAAeJ,KAAf,QAAeA,KAAf;~~AAAA~~,~~SACPI~~,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;~~AAAA~~,~~SACZA~~,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;IAeXC,UAAU,gBAAGZ,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,oDAEZ,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACE,KAAN,CAAYK,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFY;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/outOfTheBox/ItemWithDate/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Grid from '@elliemae/ds-grid';\n\nexport const StyledLabel = styled(Grid)<{ labelBold: boolean }>`\n font-size: 13px;\n font-weight: ${(props) =>\n props.labelBold\n ? props.theme.fontWeights.semibold\n : props.theme.fontWeights.regular};\n color: ${({ labelColor, theme }) =>\n labelColor\n ? theme.colors[labelColor[0]][labelColor[1]]\n : theme.colors.neutral[800]};\n line-height: 14px;\n word-break: ${(props) =>\n props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal'};\n`;\n\nexport const StyledDate = styled(Grid)`\n font-size: 12px;\n color: ${(props) => props.theme.colors.neutral[600]};\n line-height: 14px;\n`;\n"],"names":["StyledLabel","styled","Grid","props","labelBold","theme","fontWeights","semibold","regular","labelColor","colors","neutral","labelOverflow","StyledDate"],"mappings":";;;;;;;;;;;;IAGaA,WAAW,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,qFAEP,UAACC,KAAD;EAAA,OACbA,KAAK,CAACC,SAAN,GACID,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBC,QAD5B,GAEIJ,KAAK,CAACE,KAAN,CAAYC,WAAZ,CAAwBE,OAHf;AAAA,CAFO,EAMb;EAAA,IAAGC,UAAH,QAAGA,UAAH;MAAeJ,KAAf,QAAeA,KAAf;EAAA,OACPI,UAAU,GACNJ,KAAK,CAACK,MAAN,CAAaD,UAAU,CAAC,CAAD,CAAvB,EAA4BA,UAAU,CAAC,CAAD,CAAtC,CADM,GAENJ,KAAK,CAACK,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAHG;AAAA,CANa,EAWR,UAACR,KAAD;EAAA,OACZA,KAAK,CAACS,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QADtC;AAAA,CAXQ;IAeXC,UAAU,gBAAGZ,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,oDAEZ,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACE,KAAN,CAAYK,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFY;;;;;"}

package/cjs/parts/LeftNavContent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n StyledLeftNavExpandAnimationWrapper,\n StyledLeftNavAreasContainer,\n StyledLeftNavHeaderArea,\n StyledLeftNavBodyAreasContainer,\n StyledLeftNavBodyHeaderArea,\n StyledLeftNavBodyItemsArea,\n StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n 'To expand or select an item, use the Enter/Return or Space keys. ' +\n 'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n 'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n const {\n leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },\n selectedItem,\n } = React.useContext(LeftNavContext);\n return (\n <>\n <StyledLeftNavHeaderArea\n data-testid=\"leftnav-header-area\"\n selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n >\n {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n </StyledLeftNavHeaderArea>\n <StyledLeftNavBodyAreasContainer>\n <StyledLeftNavBodyHeaderArea\n data-testid=\"leftnav-body-header-area\"\n selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n >\n {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n </StyledLeftNavBodyHeaderArea>\n <StyledLeftNavBodyItemsArea\n selected={!withoutBodyShadow && openedItem !== null}\n data-testid=\"leftnav-body-items-area\"\n tabIndex={-1}\n >\n <LeftNavContentWithScrollbar>\n {items.map((item) => (\n <OutOfTheBoxMapItem item={item} key={item.dsId} />\n ))}\n </LeftNavContentWithScrollbar>\n </StyledLeftNavBodyItemsArea>\n </StyledLeftNavBodyAreasContainer>\n </>\n );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n const {\n expandedForAnimation,\n leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n } = React.useContext(LeftNavContext);\n\n return (\n <StyledLeftNavExpandAnimationWrapper\n expandedWidth={expandedWidth}\n expanded={expanded}\n data-testid=\"leftnav-component\"\n aria-label={leftNavScreenReaderInstructions}\n >\n <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n {!loading && <LeftNavInnerContent />}\n <StyledLeftNavFooterArea>\n <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n </StyledLeftNavFooterArea>\n </StyledLeftNavAreasContainer>\n </StyledLeftNavExpandAnimationWrapper>\n );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","withoutBodyShadow","selectedItem","StyledLeftNavHeaderArea","includes","dsId","OutOfTheBoxMapItem","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","LeftNavContentWithScrollbar","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading","StyledLeftNavExpandAnimationWrapper","StyledLeftNavAreasContainer","LeftNavLoading","StyledLeftNavFooterArea","LeftNavFooterItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;~~AAChC~~,~~0BAGIC~~,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;~~AAAA,~~gDACEC,YADF;~~AAAA,~~MACkBC,eADlB,yBACkBA,eADlB;~~AAAA,~~MACmCC,mBADnC,yBACmCA,mBADnC;~~AAAA,~~MACwDC,UADxD,yBACwDA,UADxD;~~AAAA,~~MACoEC,KADpE,yBACoEA,KADpE;~~AAAA,~~MAC2EC,iBAD3E,yBAC2EA,iBAD3E;~~AAAA,~~MAEEC,YAFF,qBAEEA,YAFF;;~~AAIA~~,~~sBACET~~,+FACEA,wCAACU,mDAAD;~~AACE~~,~~mBAAY~~,qBADd;~~AAEE~~,~~IAAA,~~QAAQ,EAAEN,eAAe,IAAI,CAACK,YAAD,EAAeH,UAAf,EAA2BK,QAA3B,CAAoCP,eAAe,CAACQ,IAApD;~~AAF/B~~,~~KAIGR,~~eAAe,gBAAGJ,wCAACa,2CAAD;~~AAAoB~~,~~IAAA,~~IAAI,EAAET;~~AAA1B~~,~~IAAH,~~GAAmD,IAJrE,CADF,eAOEJ,wCAACc,2DAAD,qBACEd,wCAACe,uDAAD;~~AACE~~,~~mBAAY~~,0BADd;~~AAEE~~,~~IAAA,~~QAAQ,EAAEV,mBAAmB,IAAI,CAACI,YAAD,EAAeH,UAAf,EAA2BK,QAA3B,CAAoCN,mBAAmB,CAACO,IAAxD;~~AAFnC~~,~~KAIGP,~~mBAAmB,gBAAGL,wCAACa,2CAAD;~~AAAoB~~,~~IAAA,~~IAAI,EAAER;~~AAA1B~~,~~IAAH,~~GAAuD,IAJ7E,CADF,eAOEL,wCAACgB,sDAAD;~~AACE~~,~~IAAA,~~QAAQ,EAAE,CAACR,iBAAD,IAAsBF,UAAU,KAAK,IADjD;~~AAEE~~,~~mBAAY~~,yBAFd;~~AAGE~~,~~IAAA,~~QAAQ,EAAE,CAAC;~~AAHb~~,~~kBAKEN,~~wCAACiB,mEAAD,QACGV,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;~~AAAA~~,~~wBACTnB~~,wCAACa,2CAAD;~~AAAoB~~,~~MAAA,~~IAAI,EAAEM,IAA1B;~~AAAgC~~,~~MAAA,~~GAAG,EAAEA,IAAI,CAACP;~~AAA1C,MADS~~;~~AAAA,~~GAAV,CADH,CALF,CAPF,CAPF,CADF;AA6BD,CAlCD;;IAoCMQ,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;~~AAChD~~,~~2BAGIpB~~,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;~~AAAA,~~MACEmB,oBADF,sBACEA,oBADF;~~AAAA,~~iDAEElB,YAFF;~~AAAA,~~MAEkBmB,QAFlB,yBAEkBA,QAFlB;~~AAAA,~~MAE4BC,aAF5B,yBAE4BA,aAF5B;~~AAAA,~~MAE2CC,WAF3C,yBAE2CA,WAF3C;~~AAAA,~~MAEwDC,cAFxD,yBAEwDA,cAFxD;~~AAAA,~~MAEwEC,aAFxE,yBAEwEA,aAFxE;~~AAAA,~~MAEuFC,OAFvF,yBAEuFA,OAFvF;;~~AAKA~~,~~sBACE3B~~,wCAAC4B,+DAAD;~~AACE~~,~~IAAA,~~aAAa,EAAEL,aADjB;~~AAEE~~,~~IAAA,~~QAAQ,EAAED,QAFZ;~~AAGE~~,~~mBAAY~~,mBAHd;~~AAIE~~,~~kBAAYxB~~;~~AAJd~~,~~kBAMEE,~~wCAAC6B,uDAAD;~~AAA6B~~,~~IAAA,~~aAAa,EAAEN,aAA5C;~~AAA2D~~,~~IAAA,~~QAAQ,EAAEF;~~AAArE~~,~~KACGM,~~OAAO,iBAAI3B,wCAAC8B,yCAAD;~~AAAgB~~,~~IAAA,~~QAAQ,EAAET;~~AAA1B~~,~~IADd,~~EAEG,CAACM,OAAD,iBAAY3B,wCAAC,mBAAD,OAFf,eAGEA,wCAAC+B,mDAAD,qBACE/B,wCAACgC,+CAAD;~~AAAmB~~,~~IAAA,~~WAAW,EAAER,WAAhC;~~AAA6C~~,~~IAAA,~~cAAc,EAAEC,cAA7D;~~AAA6E~~,~~IAAA,~~aAAa,EAAEC;~~AAA5F~~,~~IADF,~~CAHF,CANF,CADF;AAgBD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport { LeftNavContext } from '../../LeftNavigationContext';\nimport { LeftNavFooterItem } from '../LeftNavFooterItem';\nimport { LeftNavContentWithScrollbar } from '../LeftNavContentWithScrollbar';\nimport { OutOfTheBoxMapItem } from '../OutOfTheBoxMapItem';\nimport {\n StyledLeftNavExpandAnimationWrapper,\n StyledLeftNavAreasContainer,\n StyledLeftNavHeaderArea,\n StyledLeftNavBodyAreasContainer,\n StyledLeftNavBodyHeaderArea,\n StyledLeftNavBodyItemsArea,\n StyledLeftNavFooterArea,\n} from './styled';\nimport { LeftNavLoading } from '../LeftNavLoading';\n\nconst leftNavScreenReaderInstructions =\n 'Left Navigation. You can navigate through the items using the Up/Down arrows. ' +\n 'To expand or select an item, use the Enter/Return or Space keys. ' +\n 'Expandable items can also be opened/closed with the Right/Left arrows. ' +\n 'The Home and End keys will take you to the first and last item respectively.';\n\nconst LeftNavInnerContent = () => {\n const {\n leftNavProps: { HeaderComponent, BodyHeaderComponent, openedItem, items, withoutBodyShadow },\n selectedItem,\n } = React.useContext(LeftNavContext);\n return (\n <>\n <StyledLeftNavHeaderArea\n data-testid=\"leftnav-header-area\"\n selected={HeaderComponent && [selectedItem, openedItem].includes(HeaderComponent.dsId)}\n >\n {HeaderComponent ? <OutOfTheBoxMapItem item={HeaderComponent} /> : null}\n </StyledLeftNavHeaderArea>\n <StyledLeftNavBodyAreasContainer>\n <StyledLeftNavBodyHeaderArea\n data-testid=\"leftnav-body-header-area\"\n selected={BodyHeaderComponent && [selectedItem, openedItem].includes(BodyHeaderComponent.dsId)}\n >\n {BodyHeaderComponent ? <OutOfTheBoxMapItem item={BodyHeaderComponent} /> : null}\n </StyledLeftNavBodyHeaderArea>\n <StyledLeftNavBodyItemsArea\n selected={!withoutBodyShadow && openedItem !== null}\n data-testid=\"leftnav-body-items-area\"\n tabIndex={-1}\n >\n <LeftNavContentWithScrollbar>\n {items.map((item) => (\n <OutOfTheBoxMapItem item={item} key={item.dsId} />\n ))}\n </LeftNavContentWithScrollbar>\n </StyledLeftNavBodyItemsArea>\n </StyledLeftNavBodyAreasContainer>\n </>\n );\n};\n\nconst LeftNavContent: React.ComponentType = () => {\n const {\n expandedForAnimation,\n leftNavProps: { expanded, expandedWidth, footerLabel, onFooterExpand, onFooterClose, loading },\n } = React.useContext(LeftNavContext);\n\n return (\n <StyledLeftNavExpandAnimationWrapper\n expandedWidth={expandedWidth}\n expanded={expanded}\n data-testid=\"leftnav-component\"\n aria-label={leftNavScreenReaderInstructions}\n >\n <StyledLeftNavAreasContainer expandedWidth={expandedWidth} expanded={expandedForAnimation}>\n {loading && <LeftNavLoading expanded={expandedForAnimation} />}\n {!loading && <LeftNavInnerContent />}\n <StyledLeftNavFooterArea>\n <LeftNavFooterItem footerLabel={footerLabel} onFooterExpand={onFooterExpand} onFooterClose={onFooterClose} />\n </StyledLeftNavFooterArea>\n </StyledLeftNavAreasContainer>\n </StyledLeftNavExpandAnimationWrapper>\n );\n};\n\nexport default LeftNavContent;\n"],"names":["leftNavScreenReaderInstructions","LeftNavInnerContent","React","useContext","LeftNavContext","leftNavProps","HeaderComponent","BodyHeaderComponent","openedItem","items","withoutBodyShadow","selectedItem","StyledLeftNavHeaderArea","includes","dsId","OutOfTheBoxMapItem","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","LeftNavContentWithScrollbar","map","item","LeftNavContent","expandedForAnimation","expanded","expandedWidth","footerLabel","onFooterExpand","onFooterClose","loading","StyledLeftNavExpandAnimationWrapper","StyledLeftNavAreasContainer","LeftNavLoading","StyledLeftNavFooterArea","LeftNavFooterItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,IAAMA,+BAA+B,GACnC,mFACA,mEADA,GAEA,yEAFA,GAGA,8EAJF;;AAMA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;EAChC,wBAGIC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;gDACEC,YADF;MACkBC,eADlB,yBACkBA,eADlB;MACmCC,mBADnC,yBACmCA,mBADnC;MACwDC,UADxD,yBACwDA,UADxD;MACoEC,KADpE,yBACoEA,KADpE;MAC2EC,iBAD3E,yBAC2EA,iBAD3E;MAEEC,YAFF,qBAEEA,YAFF;;EAIA,oBACET,+FACEA,wCAACU,mDAAD;IACE,eAAY,qBADd;IAEE,QAAQ,EAAEN,eAAe,IAAI,CAACK,YAAD,EAAeH,UAAf,EAA2BK,QAA3B,CAAoCP,eAAe,CAACQ,IAApD;KAE5BR,eAAe,gBAAGJ,wCAACa,2CAAD;IAAoB,IAAI,EAAET;IAA7B,GAAmD,IAJrE,CADF,eAOEJ,wCAACc,2DAAD,qBACEd,wCAACe,uDAAD;IACE,eAAY,0BADd;IAEE,QAAQ,EAAEV,mBAAmB,IAAI,CAACI,YAAD,EAAeH,UAAf,EAA2BK,QAA3B,CAAoCN,mBAAmB,CAACO,IAAxD;KAEhCP,mBAAmB,gBAAGL,wCAACa,2CAAD;IAAoB,IAAI,EAAER;IAA7B,GAAuD,IAJ7E,CADF,eAOEL,wCAACgB,sDAAD;IACE,QAAQ,EAAE,CAACR,iBAAD,IAAsBF,UAAU,KAAK,IADjD;IAEE,eAAY,yBAFd;IAGE,QAAQ,EAAE,CAAC;kBAEXN,wCAACiB,mEAAD,QACGV,KAAK,CAACW,GAAN,CAAU,UAACC,IAAD;IAAA,oBACTnB,wCAACa,2CAAD;MAAoB,IAAI,EAAEM,IAA1B;MAAgC,GAAG,EAAEA,IAAI,CAACP;MADjC;GAAV,CADH,CALF,CAPF,CAPF,CADF;AA6BD,CAlCD;;IAoCMQ,cAAmC,GAAG,SAAtCA,cAAsC,GAAM;EAChD,yBAGIpB,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAHJ;MACEmB,oBADF,sBACEA,oBADF;iDAEElB,YAFF;MAEkBmB,QAFlB,yBAEkBA,QAFlB;MAE4BC,aAF5B,yBAE4BA,aAF5B;MAE2CC,WAF3C,yBAE2CA,WAF3C;MAEwDC,cAFxD,yBAEwDA,cAFxD;MAEwEC,aAFxE,yBAEwEA,aAFxE;MAEuFC,OAFvF,yBAEuFA,OAFvF;;EAKA,oBACE3B,wCAAC4B,+DAAD;IACE,aAAa,EAAEL,aADjB;IAEE,QAAQ,EAAED,QAFZ;IAGE,eAAY,mBAHd;IAIE,cAAYxB;kBAEZE,wCAAC6B,uDAAD;IAA6B,aAAa,EAAEN,aAA5C;IAA2D,QAAQ,EAAEF;KAClEM,OAAO,iBAAI3B,wCAAC8B,yCAAD;IAAgB,QAAQ,EAAET;IADxC,EAEG,CAACM,OAAD,iBAAY3B,wCAAC,mBAAD,OAFf,eAGEA,wCAAC+B,mDAAD,qBACE/B,wCAACgC,+CAAD;IAAmB,WAAW,EAAER,WAAhC;IAA6C,cAAc,EAAEC,cAA7D;IAA6E,aAAa,EAAEC;IAD9F,CAHF,CANF,CADF;AAgBD;;;;"}

package/cjs/parts/LeftNavContent/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavContent/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype LeftNavProps = {\n expanded: boolean;\n expandedWidth: string;\n};\n\nconst getLeftShadowStyles = ({\n selected,\n selectedParent,\n theme,\n}: {\n selected: boolean;\n selectedParent: boolean;\n theme: any;\n}) => {\n if (!selected && !selectedParent) {\n return `\n box-shadow: inset 4px 0 0 0 transparent;\n :hover {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[300]};\n }\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n `;\n }\n return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;\n};\n\nexport const StyledLeftNavExpandAnimationWrapper = styled.nav<LeftNavProps>`\n width: ${(props) => (props.expanded ? props.expandedWidth : '48px')};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')} 350ms;\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n border: 1px solid ${(props) => props.theme.colors.neutral[100]};\n overflow: hidden;\n height: 100%;\n position: relative;\n`;\nexport const StyledLeftNavAreasContainer = styled.div<LeftNavProps>`\n position: absolute;\n width: ${(props) => (props.expanded ? `calc(${props.expandedWidth} - 2px)` : '46px')};\n height: 100%;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr auto;\n grid-template-areas:\n 'left-nav-header'\n 'left-nav-body'\n 'left-nav-footer';\n`;\n\nexport const StyledLeftNavHeaderArea = styled.div<{ selected: boolean }>`\n grid-area: left-nav-header;\n ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyAreasContainer = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr;\n grid-template-areas:\n 'left-nav-body-header'\n 'left-nav-body-body';\n grid-area: left-nav-body;\n`;\n\nexport const StyledLeftNavBodyHeaderArea = styled.div<{ selected: boolean }>`\n width: 100%;\n grid-area: left-nav-body-header;\n ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyItemsArea = styled.div<{ selected: boolean }>`\n width: 100%;\n grid-area: left-nav-body-body;\n max-height: 100%;\n overflow-y: hidden;\n overflow-x: hidden;\n box-shadow: inset 4px 0 0 0 ${(props) => (props.selected ? props.theme.colors.brand[400] : 'transparent')};\n`;\n\nexport const StyledLeftNavFooterArea = styled.div`\n width: 100%;\n grid-area: left-nav-footer;\n`;\n"],"names":["getLeftShadowStyles","selected","selectedParent","theme","colors","brand","StyledLeftNavExpandAnimationWrapper","styled","nav","props","expanded","expandedWidth","neutral","StyledLeftNavAreasContainer","div","StyledLeftNavHeaderArea","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","StyledLeftNavFooterArea"],"mappings":";;;;;;;;;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAQtB;~~AAAA~~,~~MAPJC~~,QAOI,QAPJA,QAOI;~~AAAA,~~MANJC,cAMI,QANJA,cAMI;~~AAAA,~~MALJC,KAKI,QALJA,KAKI;;~~AACJ~~,~~MAAI~~,CAACF,QAAD,IAAa,CAACC,cAAlB,EAAkC;~~AAChC~~,~~2HAGkCC~~,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAHlC,8EAMkCF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CANlC~~;AASD;;AACD,+CAAsCF~~,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAtC;AACD,CArBD;;IAuBaC,mCAAmC,gBAAGC,0BAAM,CAACC,GAAV;~~AAAA~~;AAAA,+IACrC,UAACC,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACE,aAAvB,GAAuC,MAAnD;AAAA,CADqC,EAE1B,UAACF,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CAF0B,EAGrB,UAACD,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACN,KAAN,CAAYC,MAAZ,CAAmBQ,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHqB,EAI1B,UAACH,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACN,KAAN,CAAYC,MAAZ,CAAmBQ,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJ0B;IASnCC,2BAA2B,gBAAGN,0BAAM,CAACO,GAAV;~~AAAA~~;AAAA,kMAE7B,UAACL,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACC,QAAN,kBAAyBD,KAAK,CAACE,aAA/B,eAAwD,MAApE;AAAA,CAF6B;IAa3BI,uBAAuB,gBAAGR,0BAAM,CAACO,GAAV;~~AAAA~~;AAAA,uCAEhCd,mBAFgC;IAKvBgB,+BAA+B,gBAAGT,0BAAM,CAACO,GAAV;~~AAAA~~;AAAA;IAa/BG,2BAA2B,gBAAGV,0BAAM,CAACO,GAAV;~~AAAA~~;AAAA,uDAGpCd,mBAHoC;IAM3BkB,0BAA0B,gBAAGX,0BAAM,CAACO,GAAV;~~AAAA~~;AAAA,qIAMP,UAACL,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACR,QAAN,GAAiBQ,KAAK,CAACN,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAjB,GAAiD,aAA7D;AAAA,CANO;IAS1Bc,uBAAuB,gBAAGZ,0BAAM,CAACO,GAAV;~~AAAA~~;AAAA;;;;;;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavContent/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\ntype LeftNavProps = {\n expanded: boolean;\n expandedWidth: string;\n};\n\nconst getLeftShadowStyles = ({\n selected,\n selectedParent,\n theme,\n}: {\n selected: boolean;\n selectedParent: boolean;\n theme: any;\n}) => {\n if (!selected && !selectedParent) {\n return `\n box-shadow: inset 4px 0 0 0 transparent;\n :hover {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[300]};\n }\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n `;\n }\n return `box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};`;\n};\n\nexport const StyledLeftNavExpandAnimationWrapper = styled.nav<LeftNavProps>`\n width: ${(props) => (props.expanded ? props.expandedWidth : '48px')};\n transition: width ${(props) => (props.expanded ? 'ease-out' : 'ease-in')} 350ms;\n box-shadow: -1px 0 0 0 ${(props) => props.theme.colors.neutral[100]};\n border: 1px solid ${(props) => props.theme.colors.neutral[100]};\n overflow: hidden;\n height: 100%;\n position: relative;\n`;\nexport const StyledLeftNavAreasContainer = styled.div<LeftNavProps>`\n position: absolute;\n width: ${(props) => (props.expanded ? `calc(${props.expandedWidth} - 2px)` : '46px')};\n height: 100%;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr auto;\n grid-template-areas:\n 'left-nav-header'\n 'left-nav-body'\n 'left-nav-footer';\n`;\n\nexport const StyledLeftNavHeaderArea = styled.div<{ selected: boolean }>`\n grid-area: left-nav-header;\n ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyAreasContainer = styled.div`\n position: absolute;\n width: 100%;\n height: 100%;\n display: grid;\n grid-template-columns: 1fr;\n grid-template-rows: auto 1fr;\n grid-template-areas:\n 'left-nav-body-header'\n 'left-nav-body-body';\n grid-area: left-nav-body;\n`;\n\nexport const StyledLeftNavBodyHeaderArea = styled.div<{ selected: boolean }>`\n width: 100%;\n grid-area: left-nav-body-header;\n ${getLeftShadowStyles}\n`;\n\nexport const StyledLeftNavBodyItemsArea = styled.div<{ selected: boolean }>`\n width: 100%;\n grid-area: left-nav-body-body;\n max-height: 100%;\n overflow-y: hidden;\n overflow-x: hidden;\n box-shadow: inset 4px 0 0 0 ${(props) => (props.selected ? props.theme.colors.brand[400] : 'transparent')};\n`;\n\nexport const StyledLeftNavFooterArea = styled.div`\n width: 100%;\n grid-area: left-nav-footer;\n`;\n"],"names":["getLeftShadowStyles","selected","selectedParent","theme","colors","brand","StyledLeftNavExpandAnimationWrapper","styled","nav","props","expanded","expandedWidth","neutral","StyledLeftNavAreasContainer","div","StyledLeftNavHeaderArea","StyledLeftNavBodyAreasContainer","StyledLeftNavBodyHeaderArea","StyledLeftNavBodyItemsArea","StyledLeftNavFooterArea"],"mappings":";;;;;;;;;;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAQtB;EAAA,IAPJC,QAOI,QAPJA,QAOI;MANJC,cAMI,QANJA,cAMI;MALJC,KAKI,QALJA,KAKI;;EACJ,IAAI,CAACF,QAAD,IAAa,CAACC,cAAlB,EAAkC;IAChC,uHAGkCC,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAHlC,8EAMkCF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CANlC;;;EAUF,6CAAsCF,KAAK,CAACC,MAAN,CAAaC,KAAb,CAAmB,GAAnB,CAAtC;AACD,CArBD;;IAuBaC,mCAAmC,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,+IACrC,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACE,aAAvB,GAAuC,MAAnD;AAAA,CADqC,EAE1B,UAACF,KAAD;EAAA,OAAYA,KAAK,CAACC,QAAN,GAAiB,UAAjB,GAA8B,SAA1C;AAAA,CAF0B,EAGrB,UAACD,KAAD;EAAA,OAAWA,KAAK,CAACN,KAAN,CAAYC,MAAZ,CAAmBQ,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHqB,EAI1B,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACN,KAAN,CAAYC,MAAZ,CAAmBQ,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAJ0B;IASnCC,2BAA2B,gBAAGN,0BAAM,CAACO,GAAV;EAAA;AAAA,kMAE7B,UAACL,KAAD;EAAA,OAAYA,KAAK,CAACC,QAAN,kBAAyBD,KAAK,CAACE,aAA/B,eAAwD,MAApE;AAAA,CAF6B;IAa3BI,uBAAuB,gBAAGR,0BAAM,CAACO,GAAV;EAAA;AAAA,uCAEhCd,mBAFgC;IAKvBgB,+BAA+B,gBAAGT,0BAAM,CAACO,GAAV;EAAA;AAAA;IAa/BG,2BAA2B,gBAAGV,0BAAM,CAACO,GAAV;EAAA;AAAA,uDAGpCd,mBAHoC;IAM3BkB,0BAA0B,gBAAGX,0BAAM,CAACO,GAAV;EAAA;AAAA,qIAMP,UAACL,KAAD;EAAA,OAAYA,KAAK,CAACR,QAAN,GAAiBQ,KAAK,CAACN,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAjB,GAAiD,aAA7D;AAAA,CANO;IAS1Bc,uBAAuB,gBAAGZ,0BAAM,CAACO,GAAV;EAAA;AAAA;;;;;;;;;;"}

package/cjs/parts/LeftNavContentWithScrollbar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nconst options: Options = {\n className: 'os-theme-dark',\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n const { children } = props;\n\n const inheritBoxShadow = { boxShadow: 'inherit' };\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }, [osInstance]);\n\n return (\n <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n <div className=\"os-resize-observer-host\" />\n <div className=\"os-padding\" style={inheritBoxShadow}>\n <div className=\"os-viewport\" style={inheritBoxShadow}>\n <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n {children}\n </div>\n </div>\n </div>\n <div className=\"os-scrollbar os-scrollbar-horizontal \">\n <div className=\"os-scrollbar-track\">\n <div className=\"os-scrollbar-handle\" />\n </div>\n </div>\n <div className=\"os-scrollbar os-scrollbar-vertical\">\n <div className=\"os-scrollbar-track\">\n <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n </div>\n </div>\n <div className=\"os-scrollbar-corner\" />\n </div>\n );\n};\n"],"names":["StyledHandle","styled","div","options","className","scrollbars","autoHide","autoHideDelay","LeftNavContentWithScrollbar","props","children","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","React","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,0BAAM,CAACC,GAAV;~~AAAA~~;AAAA,0OAAlB;AAeA,IAAMC,OAAgB,GAAG;~~AACvBC~~,~~EAAAA,~~SAAS,EAAE,eADY;~~AAEvBC~~,~~EAAAA,~~UAAU,EAAE;~~AACVC~~,~~IAAAA,~~QAAQ,EAAE,OADA;~~AAEVC~~,~~IAAAA,~~aAAa,EAAE~~;AAFL;AAFW~~,CAAzB;IAQaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAACC,KAAD,EAAW;~~AAC1G~~,~~MAAQC~~,QAAR,GAAqBD,KAArB,CAAQC,QAAR;~~AAEA~~,~~MAAMC~~,gBAAgB,GAAG;~~AAAEC~~,~~IAAAA,~~SAAS,EAAE;~~AAAb,GAAzB~~;;~~AACA~~,~~kBAAoCC~~,cAAQ,EAA5C~~;AAAA;AAAA,~~MAAOC,UAAP;~~AAAA,~~MAAmBC,aAAnB;;~~AACA~~,~~MAAMC~~,WAAW,GAAGC,YAAM,CAAiB,IAAjB,CAA1B;~~AAEAC~~,~~EAAAA,~~eAAS,CAAC,YAAM;~~AACd~~,~~QAAMC~~,cAAiC,GAAGC,qCAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;~~AACAY~~,~~IAAAA,~~aAAa,CAACI,cAAD,CAAb;~~AACD~~,~~GAHQ,~~EAGN,CAACL,UAAD,CAHM,CAAT;~~AAKA~~,~~sBACEQ~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC,SAAf;~~AAAyB~~,~~IAAA,~~KAAK;~~AAAIC~~,~~MAAAA,~~MAAM,EAAE;~~AAAZ~~,~~OAAuBZ,~~gBAAvB,CAA9B;~~AAAyE~~,~~IAAA,~~QAAQ,EAAE,CAAC,CAApF;~~AAAuF~~,~~IAAA,~~GAAG,EAAEK;~~AAA5F,kBACEM~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf~~,~~IADF,~~eAEEA;~~AAAK~~,~~IAAA,~~SAAS,EAAC,YAAf;~~AAA4B~~,~~IAAA,~~KAAK,EAAEX;~~AAAnC,kBACEW~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC,aAAf;~~AAA6B~~,~~IAAA,~~KAAK,EAAEX;~~AAApC,kBACEW~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC,YAAf;~~AAA4B~~,~~IAAA,~~KAAK,EAAEX,gBAAnC;~~AAAqD~~;~~AAArD~~,~~KACGD,~~QADH,CADF,CADF,CAFF,eASEY;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf,kBACEA~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf,kBACEA~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf~~,~~IADF,~~CADF,CATF,eAcEA;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf,kBACEA~~;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf~~,~~kBACEA,~~wCAAC,YAAD;~~AAAc~~,~~IAAA,~~SAAS,EAAC;~~AAAxB~~,~~IADF,~~CADF,CAdF,eAmBEA;~~AAAK~~,~~IAAA,~~SAAS,EAAC;~~AAAf~~,~~IAnBF,~~CADF;AAuBD;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavContentWithScrollbar/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useEffect, useRef, useState } from 'react';\nimport 'overlayscrollbars/css/OverlayScrollbars.css';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport styled from 'styled-components';\n\nexport interface OverlayScrollbarsComponentProps extends React.HTMLAttributes<HTMLDivElement> {\n children?: React.ReactNode;\n}\n\nconst StyledHandle = styled.div`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nconst options: Options = {\n className: 'os-theme-dark',\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\nexport const LeftNavContentWithScrollbar: React.ComponentType<OverlayScrollbarsComponentProps> = (props) => {\n const { children } = props;\n\n const inheritBoxShadow = { boxShadow: 'inherit' };\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }, [osInstance]);\n\n return (\n <div className=\"os-host\" style={{ height: '100%', ...inheritBoxShadow }} tabIndex={-1} ref={osTargetRef}>\n <div className=\"os-resize-observer-host\" />\n <div className=\"os-padding\" style={inheritBoxShadow}>\n <div className=\"os-viewport\" style={inheritBoxShadow}>\n <div className=\"os-content\" style={inheritBoxShadow} aria-hidden>\n {children}\n </div>\n </div>\n </div>\n <div className=\"os-scrollbar os-scrollbar-horizontal \">\n <div className=\"os-scrollbar-track\">\n <div className=\"os-scrollbar-handle\" />\n </div>\n </div>\n <div className=\"os-scrollbar os-scrollbar-vertical\">\n <div className=\"os-scrollbar-track\">\n <StyledHandle className=\"os-scrollbar-handle\"></StyledHandle>\n </div>\n </div>\n <div className=\"os-scrollbar-corner\" />\n </div>\n );\n};\n"],"names":["StyledHandle","styled","div","options","className","scrollbars","autoHide","autoHideDelay","LeftNavContentWithScrollbar","props","children","inheritBoxShadow","boxShadow","useState","osInstance","setOsInstance","osTargetRef","useRef","useEffect","nextOsInstance","OverlayScrollbars","current","React","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAY,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,0OAAlB;AAeA,IAAMC,OAAgB,GAAG;EACvBC,SAAS,EAAE,eADY;EAEvBC,UAAU,EAAE;IACVC,QAAQ,EAAE,OADA;IAEVC,aAAa,EAAE;;AAJM,CAAzB;IAQaC,2BAAiF,GAAG,SAApFA,2BAAoF,CAACC,KAAD,EAAW;EAC1G,IAAQC,QAAR,GAAqBD,KAArB,CAAQC,QAAR;EAEA,IAAMC,gBAAgB,GAAG;IAAEC,SAAS,EAAE;GAAtC;;EACA,gBAAoCC,cAAQ,EAA5C;;MAAOC,UAAP;MAAmBC,aAAnB;;EACA,IAAMC,WAAW,GAAGC,YAAM,CAAiB,IAAjB,CAA1B;EAEAC,eAAS,CAAC,YAAM;IACd,IAAMC,cAAiC,GAAGC,qCAAiB,CAACJ,WAAW,CAACK,OAAb,EAAsBlB,OAAtB,CAA3D;IACAY,aAAa,CAACI,cAAD,CAAb;GAFO,EAGN,CAACL,UAAD,CAHM,CAAT;EAKA,oBACEQ;IAAK,SAAS,EAAC,SAAf;IAAyB,KAAK;MAAIC,MAAM,EAAE;OAAWZ,gBAAvB,CAA9B;IAAyE,QAAQ,EAAE,CAAC,CAApF;IAAuF,GAAG,EAAEK;kBAC1FM;IAAK,SAAS,EAAC;IADjB,eAEEA;IAAK,SAAS,EAAC,YAAf;IAA4B,KAAK,EAAEX;kBACjCW;IAAK,SAAS,EAAC,aAAf;IAA6B,KAAK,EAAEX;kBAClCW;IAAK,SAAS,EAAC,YAAf;IAA4B,KAAK,EAAEX,gBAAnC;IAAqD;KAClDD,QADH,CADF,CADF,CAFF,eASEY;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;IADjB,CADF,CATF,eAcEA;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;kBACbA,wCAAC,YAAD;IAAc,SAAS,EAAC;IAD1B,CADF,CAdF,eAmBEA;IAAK,SAAS,EAAC;IAnBjB,CADF;AAuBD;;;;"}

package/cjs/parts/LeftNavFooterItem/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledFooterMenu,\n StyledItem,\n StyledItemWrapper,\n StyledLabel,\n StyledSeparator,\n StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n footerLabel: string \| JSX.Element;\n onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n const {\n leftNavProps: { labelOverflow, openedItem },\n expandedForAnimation,\n setSelectedItem,\n setFocusedItem,\n visibleItemsRefs,\n } = useContext(LeftNavigationContext);\n\n const id = FOOTER_DS_ID;\n\n const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n const onKeyDown = useKeyboardNavigation({\n item: {\n dsId: id,\n itemOpts: {\n selectable: !expandedForAnimation,\n openable: false,\n closable: false,\n },\n },\n onClick: handleOnClick,\n });\n\n return (\n <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n <StyledItemWrapper>\n <StyledItem\n ref={visibleItemsRefs.current[id]}\n tabIndex={expandedForAnimation ? -1 : 0}\n expanded={expandedForAnimation}\n pt=\"xxs2\"\n height={expandedForAnimation ? 'auto' : '48px'}\n alignItems=\"flex-start\"\n pl=\"xxs\"\n cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n onClick={expandedForAnimation ? () => null : handleOnClick}\n onKeyDown={onKeyDown}\n onFocus={() => setFocusedItem(id)}\n data-testid=\"leftnav-item-container\"\n role=\"menuitem\"\n aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n >\n {!expandedForAnimation ? (\n <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n ) : (\n <>\n <StyledLabel\n mt=\"5px\"\n mr=\"12px\"\n mb=\"16px\"\n data-testid=\"leftnav-itemlabel\"\n labelOverflow={labelOverflow}\n aria-live=\"polite\"\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n ) : (\n footerLabel\n )}\n </StyledLabel>\n <StyledSeparator mt=\"xxxs\" />\n <Grid m=\"0 12px\">\n <StyledMenuCollapse\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n e.stopPropagation();\n handleOnClick(e);\n }}\n data-testid=\"leftnav-footer-btn\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n }}\n role=\"button\"\n aria-label=\"Collapse left navigation\"\n />\n </Grid>\n </>\n )}\n </StyledItem>\n </StyledItemWrapper>\n </StyledFooterMenu>\n );\n};\n\nLeftNavFooterItem.propTypes = {\n footerLabel: PropTypes.any,\n onFooterExpand: PropTypes.func,\n onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],"names":["LeftNavFooterItem","props","footerLabel","onFooterExpand","onFooterClose","useContext","LeftNavigationContext","leftNavProps","labelOverflow","openedItem","expandedForAnimation","setSelectedItem","setFocusedItem","visibleItemsRefs","id","FOOTER_DS_ID","handleOnClick","onKeyDown","useKeyboardNavigation","item","dsId","itemOpts","selectable","openable","closable","onClick","React","StyledFooterMenu","StyledItemWrapper","StyledItem","current","MenuExpand","StyledLabel","SimpleTruncatedTooltipText","StyledSeparator","Grid","StyledMenuCollapse","e","stopPropagation","FOOTER_MENU_CLOSE_DS_ID","propTypes","PropTypes","any","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;IAwBaA,iBAA8D,GAAG,SAAjEA,iBAAiE,CAACC,KAAD,EAAW;~~AACvF~~,~~MAAQC~~,WAAR,GAAiFD,KAAjF,CAAQC,WAAR;~~AAAA,~~8BAAiFD,KAAjF,CAAqBE,cAArB;~~AAAA,~~MAAqBA,cAArB,sCAAsC;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAAtC;~~AAAA,~~6BAAiFF,KAAjF,CAAkDG,aAAlD;~~AAAA,~~MAAkDA,aAAlD,qCAAkE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAAlE;;~~AACA~~,~~oBAMIC,~~gBAAU,CAACC,oCAAD,CANd;~~AAAA,~~0CACEC,YADF;~~AAAA,~~MACkBC,aADlB,yBACkBA,aADlB;~~AAAA,~~4BACiCC,UADjC;~~AAAA,~~UAEEC,oBAFF,eAEEA,oBAFF;~~AAAA,~~kBAGEC,eAHF;~~AAAA,~~UAIEC,cAJF,eAIEA,cAJF;~~AAAA,~~MAKEC,gBALF,eAKEA;;~~AAGF~~,~~MAAMC~~,EAAE,GAAGC,sCAAX;~~AAEA~~,~~MAAMC~~,aAAa,GAAGN,oBAAoB,GAAGN,aAAH,GAAmBD,cAA7D;~~AAEA~~,~~MAAMc~~,SAAS,GAAGC,iDAAqB,CAAC;~~AACtCC~~,~~IAAAA,~~IAAI,EAAE;~~AACJC~~,~~MAAAA,~~IAAI,EAAEN,EADF;~~AAEJO~~,~~MAAAA,~~QAAQ,EAAE;~~AACRC~~,~~QAAAA,~~UAAU,EAAE,CAACZ,oBADL;~~AAERa~~,~~QAAAA,~~QAAQ,EAAE,KAFF;~~AAGRC~~,~~QAAAA,~~QAAQ,EAAE;~~AAHF;AAFN~~,~~KADgC;AAStCC,IAAAA,~~OAAO,EAAET;~~AAT6B~~,~~GAAD,~~CAAvC;~~AAYA~~,~~sBACEU~~,wCAACC,+CAAD;~~AAAkB~~,~~IAAA,~~GAAG,EAAEb,EAAvB;~~AAA2B~~,~~mBAAY~~;~~AAAvC~~,~~kBACEY,~~wCAACE,gDAAD,qBACEF,wCAACG,yCAAD;~~AACE~~,~~IAAA,~~GAAG,EAAEhB,gBAAgB,CAACiB,OAAjB,CAAyBhB,EAAzB,CADP;~~AAEE~~,~~IAAA,~~QAAQ,EAAEJ,oBAAoB,GAAG,CAAC,CAAJ,GAAQ,CAFxC;~~AAGE~~,~~IAAA,~~QAAQ,EAAEA,oBAHZ;~~AAIE~~,~~IAAA,~~EAAE,EAAC,MAJL;~~AAKE~~,~~IAAA,~~MAAM,EAAEA,oBAAoB,GAAG,MAAH,GAAY,MAL1C;~~AAME~~,~~IAAA,~~UAAU,EAAC,YANb;~~AAOE~~,~~IAAA,~~EAAE,EAAC,KAPL;~~AAQE~~,~~IAAA,~~IAAI,EAAEA,oBAAoB,GAAG,CAAC,MAAD,EAAS,KAAT,EAAgB,MAAhB,CAAH,GAA6B,CAAC,MAAD,CARzD;~~AASE~~,~~IAAA,~~OAAO,EAAEA,oBAAoB,GAAG;~~AAAA~~,~~aAAM~~,IAAN;~~AAAA,~~KAAH,GAAgBM,aAT/C;~~AAUE~~,~~IAAA,~~SAAS,EAAEC,SAVb;~~AAWE~~,~~IAAA,~~OAAO,EAAE;~~AAAA~~,~~aAAML~~,cAAc,CAACE,EAAD,CAApB;~~AAAA,~~KAXX;~~AAYE~~,~~mBAAY~~,wBAZd;~~AAaE~~,~~IAAA,~~IAAI,EAAC,UAbP;~~AAcE~~,~~kBAAYJ~~,oBAAoB,qBAAcR,WAAd;~~AAdlC~~,~~KAgBG,~~CAACQ,oBAAD,gBACCgB,wCAACK,kBAAD;~~AAAY~~,~~IAAA,~~IAAI,EAAC,GAAjB;~~AAAqB~~,~~IAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAA5B;~~AAAoD~~,~~mBAAY~~;~~AAAhE~~,~~IADD,~~gBAGCL,+FACEA,wCAACM,0CAAD;~~AACE~~,~~IAAA,~~EAAE,EAAC,KADL;~~AAEE~~,~~IAAA,~~EAAE,EAAC,MAFL;~~AAGE~~,~~IAAA,~~EAAE,EAAC,MAHL;~~AAIE~~,~~mBAAY~~,mBAJd;~~AAKE~~,~~IAAA,~~aAAa,EAAExB,aALjB;~~AAME~~,~~iBAAU~~;~~AANZ~~,~~KAQGA,~~aAAa,KAAK,UAAlB,gBACCkB,wCAACO,iDAAD;~~AAA4B~~,~~IAAA,~~KAAK,EAAE/B,WAAnC;~~AAAgD~~,~~IAAA,~~SAAS,EAAC;~~AAA1D~~,~~IADD,~~GAGCA,WAXJ,CADF,eAeEwB,wCAACQ,8CAAD;~~AAAiB~~,~~IAAA,~~EAAE,EAAC;~~AAApB~~,~~IAfF,~~eAgBER,wCAACS,wBAAD;~~AAAM~~,~~IAAA,~~CAAC,EAAC;~~AAAR~~,~~kBACET,~~wCAACU,iDAAD;~~AACE~~,~~IAAA,~~IAAI,EAAC,GADP;~~AAEE~~,~~IAAA,~~KAAK,EAAE,CAAC,eAAD,EAAkB,GAAlB,CAFT;~~AAGE~~,~~IAAA,~~OAAO,EAAE,iBAACC,CAAD,EAAO;~~AACdA~~,~~MAAAA,~~CAAC,CAACC,eAAF;~~AACAtB~~,~~MAAAA,~~aAAa,CAACqB,CAAD,CAAb;~~AACD,KANH~~;~~AAOE~~,~~mBAAY~~,oBAPd;~~AAQE~~,~~IAAA,~~QAAQ,EAAE,CARZ;~~AASE~~,~~IAAA,~~OAAO,EAAE,iBAACA,CAAD,EAAO;~~AACdA~~,~~MAAAA,~~CAAC,CAACC,eAAF;~~AACA1B~~,~~MAAAA,~~cAAc,CAAC2B,iDAAD,CAAd;~~AACD,KAZH~~;~~AAaE~~,~~IAAA,~~IAAI,EAAC,QAbP;~~AAcE~~,~~kBAAW~~;~~AAdb~~,~~IADF,~~CAhBF,CAnBJ,CADF,CADF,CADF;AA8DD;AAEDvC,iBAAiB,CAACwC,SAAlB,GAA8B;~~AAC5BtC~~,~~EAAAA,~~WAAW,EAAEuC,mBAAS,CAACC,GADK;~~AAE5BvC~~,~~EAAAA,~~cAAc,EAAEsC,mBAAS,CAACE,IAFE;~~AAG5BvC~~,~~EAAAA,~~aAAa,EAAEqC,mBAAS,CAACE;AAHG,CAA9B;;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavFooterItem/index.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { MenuExpand } from '@elliemae/ds-icons';\nimport { PropTypes } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport {\n StyledFooterMenu,\n StyledItem,\n StyledItemWrapper,\n StyledLabel,\n StyledSeparator,\n StyledMenuCollapse,\n} from './styled';\nimport { useKeyboardNavigation } from '../../hooks';\nimport LeftNavigationContext from '../../LeftNavigationContext';\nimport { FOOTER_DS_ID, FOOTER_MENU_CLOSE_DS_ID } from '../../exported-related/constants';\n\ntype LeftNavFooterItemProps = {\n footerLabel: string \| JSX.Element;\n onFooterExpand: React.MouseEventHandler & React.KeyboardEventHandler;\n onFooterClose: React.MouseEventHandler & React.KeyboardEventHandler;\n};\n\nexport const LeftNavFooterItem: React.ComponentType<LeftNavFooterItemProps> = (props) => {\n const { footerLabel, onFooterExpand = () => null, onFooterClose = () => null } = props;\n const {\n leftNavProps: { labelOverflow, openedItem },\n expandedForAnimation,\n setSelectedItem,\n setFocusedItem,\n visibleItemsRefs,\n } = useContext(LeftNavigationContext);\n\n const id = FOOTER_DS_ID;\n\n const handleOnClick = expandedForAnimation ? onFooterClose : onFooterExpand;\n\n const onKeyDown = useKeyboardNavigation({\n item: {\n dsId: id,\n itemOpts: {\n selectable: !expandedForAnimation,\n openable: false,\n closable: false,\n },\n },\n onClick: handleOnClick,\n });\n\n return (\n <StyledFooterMenu key={id} data-testid=\"leftnav-container\">\n <StyledItemWrapper>\n <StyledItem\n ref={visibleItemsRefs.current[id]}\n tabIndex={expandedForAnimation ? -1 : 0}\n expanded={expandedForAnimation}\n pt=\"xxs2\"\n height={expandedForAnimation ? 'auto' : '48px'}\n alignItems=\"flex-start\"\n pl=\"xxs\"\n cols={expandedForAnimation ? ['auto', '1fr', 'auto'] : ['38px']}\n onClick={expandedForAnimation ? () => null : handleOnClick}\n onKeyDown={onKeyDown}\n onFocus={() => setFocusedItem(id)}\n data-testid=\"leftnav-item-container\"\n role=\"menuitem\"\n aria-label={expandedForAnimation ? `Footer, ${footerLabel}` : `Expand left navigation`}\n >\n {!expandedForAnimation ? (\n <MenuExpand size=\"m\" color={['brand-primary', 800]} data-testid=\"leftnav-footer-btn\" />\n ) : (\n <>\n <StyledLabel\n mt=\"5px\"\n mr=\"12px\"\n mb=\"16px\"\n data-testid=\"leftnav-itemlabel\"\n labelOverflow={labelOverflow}\n aria-live=\"polite\"\n >\n {labelOverflow === 'truncate' ? (\n <SimpleTruncatedTooltipText value={footerLabel} placement=\"bottom-start\" />\n ) : (\n footerLabel\n )}\n </StyledLabel>\n <StyledSeparator mt=\"xxxs\" />\n <Grid m=\"0 12px\">\n <StyledMenuCollapse\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n e.stopPropagation();\n handleOnClick(e);\n }}\n data-testid=\"leftnav-footer-btn\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(FOOTER_MENU_CLOSE_DS_ID);\n }}\n role=\"button\"\n aria-label=\"Collapse left navigation\"\n />\n </Grid>\n </>\n )}\n </StyledItem>\n </StyledItemWrapper>\n </StyledFooterMenu>\n );\n};\n\nLeftNavFooterItem.propTypes = {\n footerLabel: PropTypes.any,\n onFooterExpand: PropTypes.func,\n onFooterClose: PropTypes.func,\n};\n\nexport default LeftNavFooterItem;\n"],"names":["LeftNavFooterItem","props","footerLabel","onFooterExpand","onFooterClose","useContext","LeftNavigationContext","leftNavProps","labelOverflow","openedItem","expandedForAnimation","setSelectedItem","setFocusedItem","visibleItemsRefs","id","FOOTER_DS_ID","handleOnClick","onKeyDown","useKeyboardNavigation","item","dsId","itemOpts","selectable","openable","closable","onClick","React","StyledFooterMenu","StyledItemWrapper","StyledItem","current","MenuExpand","StyledLabel","SimpleTruncatedTooltipText","StyledSeparator","Grid","StyledMenuCollapse","e","stopPropagation","FOOTER_MENU_CLOSE_DS_ID","propTypes","PropTypes","any","func"],"mappings":"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"}

package/cjs/parts/LeftNavFooterItem/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport { getLeftBorderStyle, getItemBackgroundStyle } from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n width: 100%;\n margin-top: auto;\n background: ${(props) => props.theme.colors.neutral['000']};\n\n ${getLeftBorderStyle}\n\n border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n position: relative;\n padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n min-height: 48px;\n cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n ${getItemBackgroundStyle}\n\n outline: none;\n\n :focus {\n &:before {\n content: '';\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0px;\n border: 2px solid ${(props) => props.theme.colors.brand[600]};\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledLabel = styled(Grid)`\n font-size: 11px;\n color: ${(props) => props.theme.colors.neutral[500]};\n line-height: 14px;\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n height: 16px;\n width: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n cursor: pointer;\n :focus {\n outline: 2px solid ${(props) => props.theme.colors.brand[700]};\n }\n`;\n"],"names":["StyledFooterMenu","styled","Grid","props","theme","colors","neutral","getLeftBorderStyle","StyledItemWrapper","space","xxxs","StyledItem","expanded","getItemBackgroundStyle","brand","StyledLabel","labelOverflow","StyledSeparator","StyledMenuCollapse","MenuCollapse"],"mappings":";;;;;;;;;;;;;;IAKaA,gBAAgB,gBAAGC,0BAAM,CAACC,SAAD,CAAT;~~AAAA~~;AAAA,mFAGb,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHa,EAKzBC,4CALyB,EAOH,UAACJ,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAPG;IAUhBE,iBAAiB,gBAAGP,0BAAM,CAACC,SAAD,CAAT;~~AAAA~~;AAAA,6CAEZ,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,IAA7B;AAAA,CAFY;IAKjBC,UAAU,gBAAGV,0BAAM,CAACC,SAAD,CAAT;~~AAAA~~;AAAA,sLAEX,UAACC,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACS,QAAN,GAAiB,MAAjB,GAA0B,SAAtC;AAAA,CAFW,EAInBC,oDAJmB,EAgBG,UAACV,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAhBH;IAsBVC,WAAW,gBAAGd,0BAAM,CAACC,SAAD,CAAT;~~AAAA~~;AAAA,oEAEb,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAIR,UAACH,KAAD;~~AAAA~~,~~SAAYA~~,KAAK,CAACa,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAJQ;IAOXC,eAAe,gBAAGhB,0BAAM,CAACC,SAAD,CAAT;~~AAAA~~;AAAA,qDAGN,UAACC,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;IAMfY,kBAAkB,gBAAGjB,0BAAM,CAACkB,oBAAD,CAAT;~~AAAA~~;AAAA,uDAGN,UAAChB,KAAD;~~AAAA~~,~~SAAWA~~,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHM;;;;;;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/parts/LeftNavFooterItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { MenuCollapse } from '@elliemae/ds-icons';\nimport { getLeftBorderStyle, getItemBackgroundStyle } from '../../common';\n\nexport const StyledFooterMenu = styled(Grid)`\n width: 100%;\n margin-top: auto;\n background: ${(props) => props.theme.colors.neutral['000']};\n\n ${getLeftBorderStyle}\n\n border-top: 1px solid ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledItemWrapper = styled(Grid)`\n position: relative;\n padding-left: ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledItem = styled(Grid)`\n min-height: 48px;\n cursor: ${(props) => (props.expanded ? 'auto' : 'pointer')};\n\n ${getItemBackgroundStyle}\n\n outline: none;\n\n :focus {\n &:before {\n content: '';\n position: absolute;\n height: 100%;\n width: 100%;\n top: 0;\n left: 0px;\n border: 2px solid ${(props) => props.theme.colors.brand[600]};\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledLabel = styled(Grid)`\n font-size: 11px;\n color: ${(props) => props.theme.colors.neutral[500]};\n line-height: 14px;\n word-break: ${(props) => (props.labelOverflow === 'wrapAll' ? 'break-all' : 'normal')};\n`;\n\nexport const StyledSeparator = styled(Grid)`\n height: 16px;\n width: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n`;\n\nexport const StyledMenuCollapse = styled(MenuCollapse)`\n cursor: pointer;\n :focus {\n outline: 2px solid ${(props) => props.theme.colors.brand[700]};\n }\n`;\n"],"names":["StyledFooterMenu","styled","Grid","props","theme","colors","neutral","getLeftBorderStyle","StyledItemWrapper","space","xxxs","StyledItem","expanded","getItemBackgroundStyle","brand","StyledLabel","labelOverflow","StyledSeparator","StyledMenuCollapse","MenuCollapse"],"mappings":";;;;;;;;;;;;;;IAKaA,gBAAgB,gBAAGC,0BAAM,CAACC,SAAD,CAAT;EAAA;AAAA,mFAGb,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHa,EAKzBC,4CALyB,EAOH,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAPG;IAUhBE,iBAAiB,gBAAGP,0BAAM,CAACC,SAAD,CAAT;EAAA;AAAA,6CAEZ,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYK,KAAZ,CAAkBC,IAA7B;AAAA,CAFY;IAKjBC,UAAU,gBAAGV,0BAAM,CAACC,SAAD,CAAT;EAAA;AAAA,sLAEX,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACS,QAAN,GAAiB,MAAjB,GAA0B,SAAtC;AAAA,CAFW,EAInBC,oDAJmB,EAgBG,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAhBH;IAsBVC,WAAW,gBAAGd,0BAAM,CAACC,SAAD,CAAT;EAAA;AAAA,oEAEb,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAFa,EAIR,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACa,aAAN,KAAwB,SAAxB,GAAoC,WAApC,GAAkD,QAA9D;AAAA,CAJQ;IAOXC,eAAe,gBAAGhB,0BAAM,CAACC,SAAD,CAAT;EAAA;AAAA,qDAGN,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CAHM;IAMfY,kBAAkB,gBAAGjB,0BAAM,CAACkB,oBAAD,CAAT;EAAA;AAAA,uDAGN,UAAChB,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBS,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAHM;;;;;;;;;"}

package/cjs/parts/LeftNavLoading/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n grid-area: left-nav-body;\n height: 100%;\n place-items: center;\n z-index: 0;\n background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n <StyledLoaderWrapper>\n <DSCircularProgressIndicator\n size={expanded ? 'xl' : 'm'}\n loading\n showLabel={expanded}\n waiting={false}\n showTooltip={!expanded}\n />\n </StyledLoaderWrapper>\n);\n"],"names":["StyledLoaderWrapper","styled","Grid","LeftNavLoading","expanded","React","DSCircularProgressIndicator"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;~~AAAA~~;AAAA,gGAAzB;IAQaC,cAA0D,GAAG,SAA7DA,cAA6D;~~AAAA~~,~~MAAGC~~,QAAH,QAAGA,QAAH;~~AAAA~~,~~sBACxEC~~,wCAAC,mBAAD,qBACEA,wCAACC,+CAAD;~~AACE~~,~~IAAA,~~IAAI,EAAEF,QAAQ,GAAG,IAAH,GAAU,GAD1B;~~AAEE~~,~~IAAA,~~OAAO,MAFT;~~AAGE~~,~~IAAA,~~SAAS,EAAEA,QAHb;~~AAIE~~,~~IAAA,~~OAAO,EAAE,KAJX;~~AAKE~~,~~IAAA,~~WAAW,EAAE,CAACA;~~AALhB~~,~~IADF,~~CADwE;AAAA;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/parts/LeftNavLoading/index.tsx"],"sourcesContent":["import React from 'react';\nimport DSCircularProgressIndicator from '@elliemae/ds-circular-progress-indicator';\nimport Grid from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n grid-area: left-nav-body;\n height: 100%;\n place-items: center;\n z-index: 0;\n background-color: white;\n`;\n\nexport const LeftNavLoading: React.ComponentType<{ expanded: boolean }> = ({ expanded }) => (\n <StyledLoaderWrapper>\n <DSCircularProgressIndicator\n size={expanded ? 'xl' : 'm'}\n loading\n showLabel={expanded}\n waiting={false}\n showTooltip={!expanded}\n />\n </StyledLoaderWrapper>\n);\n"],"names":["StyledLoaderWrapper","styled","Grid","LeftNavLoading","expanded","React","DSCircularProgressIndicator"],"mappings":";;;;;;;;;;;;;;;;AAKA,IAAMA,mBAAmB,gBAAGC,0BAAM,CAACC,wBAAD,CAAT;EAAA;AAAA,gGAAzB;IAQaC,cAA0D,GAAG,SAA7DA,cAA6D;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,oBACxEC,wCAAC,mBAAD,qBACEA,wCAACC,+CAAD;IACE,IAAI,EAAEF,QAAQ,GAAG,IAAH,GAAU,GAD1B;IAEE,OAAO,MAFT;IAGE,SAAS,EAAEA,QAHb;IAIE,OAAO,EAAE,KAJX;IAKE,WAAW,EAAE,CAACA;IANlB,CADwE;AAAA;;;;"}

package/cjs/parts/OutOfTheBoxMapItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n const {\n item,\n item: { type, Component },\n } = props;\n const ctx = React.useContext(LeftNavContext);\n\n if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA6C;~~AAC7E~~,~~MACEC~~,IADF,GAGID,KAHJ,CACEC,IADF;~~AAAA,~~oBAGID,KAHJ,CAEEC,IAFF;~~AAAA,~~MAEUC,IAFV,eAEUA,IAFV;~~AAAA,~~MAEgBC,SAFhB,eAEgBA,SAFhB;~~AAIA~~,~~MAAMC~~,GAAG,GAAGC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAZ;;~~AAEA~~,~~MAAI~~,OAAOL,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACM,uCAAqB,CAACN,IAAD,CAAvD,EAA+D;~~AAC7D~~,~~QAAMO~~,oBAAoB,GAAGD,uCAAqB,CAACN,IAAD,CAAlD;~~AACA~~,~~wBAAOG~~,wCAAC,oBAAD;~~AAAsB~~,~~MAAA,~~IAAI;~~AAAIK~~,~~QAAAA,~~QAAQ,EAAE;~~AAAd~~,~~SAAqBT,~~IAArB,CAA1B;~~AAAuD~~,~~MAAA,~~GAAG,EAAEG;~~AAA5D,MAAP~~;~~AACD,GAV4E~~;;;~~AAY7E~~,~~sBAAOC~~,wCAAC,SAAD;~~AAAW~~,~~IAAA,~~IAAI,EAAEJ,IAAjB;~~AAAuB~~,~~IAAA,~~GAAG,EAAEG;~~AAA5B,IAAP~~;AACD;;;;"}
1	+ {"version":3,"file":"OutOfTheBoxMapItem.js","sources":["../../../src/parts/OutOfTheBoxMapItem.tsx"],"sourcesContent":["import React from 'react';\nimport { outOfTheBoxComponents } from '../outOfTheBox';\nimport { OutOfTheBoxMapItemT } from '../index.d';\nimport { LeftNavContext } from '../LeftNavigationContext';\n\nexport const OutOfTheBoxMapItem = (props: OutOfTheBoxMapItemT): JSX.Element => {\n const {\n item,\n item: { type, Component },\n } = props;\n const ctx = React.useContext(LeftNavContext);\n\n if (typeof type === 'string' && !!outOfTheBoxComponents[type]) {\n const OutOfTheBoxComponent = outOfTheBoxComponents[type];\n return <OutOfTheBoxComponent item={{ itemOpts: {}, ...item }} ctx={ctx} />;\n }\n // we expect an error to be threw if Component is not defined and type is not a valid out-of-the-box...\n return <Component item={item} ctx={ctx} />;\n};\n"],"names":["OutOfTheBoxMapItem","props","item","type","Component","ctx","React","useContext","LeftNavContext","outOfTheBoxComponents","OutOfTheBoxComponent","itemOpts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKaA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,KAAD,EAA6C;EAC7E,IACEC,IADF,GAGID,KAHJ,CACEC,IADF;oBAGID,KAHJ,CAEEC,IAFF;MAEUC,IAFV,eAEUA,IAFV;MAEgBC,SAFhB,eAEgBA,SAFhB;EAIA,IAAMC,GAAG,GAAGC,yBAAK,CAACC,UAAN,CAAiBC,oCAAjB,CAAZ;;EAEA,IAAI,OAAOL,IAAP,KAAgB,QAAhB,IAA4B,CAAC,CAACM,uCAAqB,CAACN,IAAD,CAAvD,EAA+D;IAC7D,IAAMO,oBAAoB,GAAGD,uCAAqB,CAACN,IAAD,CAAlD;IACA,oBAAOG,wCAAC,oBAAD;MAAsB,IAAI;QAAIK,QAAQ,EAAE;SAAOT,IAArB,CAA1B;MAAuD,GAAG,EAAEG;MAAnE;GAT2E;;;EAY7E,oBAAOC,wCAAC,SAAD;IAAW,IAAI,EAAEJ,IAAjB;IAAuB,GAAG,EAAEG;IAAnC;AACD;;;;"}

package/cjs/prop-types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n dsId: PropTypes.string.description('unique identifier for the left nav item'),\n Component: PropTypes.func.description(\n \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n ),\n CollapsedComponent: PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),\n itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n .description('Set of Properties attached to the main container')\n .defaultValue({ expandedWidth: '240px' }),\n expanded: PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n loading: PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),\n tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n openedItem: PropTypes.string\n .description('The id of the left navigation item you want to be opened')\n .defaultValue(null),\n footerLabel: PropTypes.string.description('The label to show in the footer item'),\n onFooterExpand: PropTypes.func.description('The function to call when the left-nav is opened via the footer'),\n onFooterClose: PropTypes.func.description('The function to call when the left-nav is closed via the footer'),\n onSelectedChange: PropTypes.func\n .description('A callback which triggers when the selected item changes')\n .defaultValue(() => null),\n onFocusChange: PropTypes.func\n .description('A callback which triggers when the focused item changes')\n .defaultValue(() => null),\n items: PropTypes.arrayOf(PropTypes.object)\n .description('The array of items you want to render inside the left nav')\n .defaultValue([]),\n disableDefaultSelection: PropTypes.bool\n .description('Whether you do not want to automatically select the first body item')\n .defaultValue(false),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","disableDefaultSelection","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,gBAAgB,GAAG;~~AAC9BC~~,~~EAAAA,~~IAAI,EAAEC,mBAAS,CAACC,KAAV,CAAgBC,kCAAhB,EAAkCC,WAAlC,CAA8C,sBAA9C,CADwB;~~AAE9BC~~,~~EAAAA,~~IAAI,EAAEJ,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,yCAA7B,CAFwB;~~AAG9BG~~,~~EAAAA,~~SAAS,EAAEN,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CACT,iIADS,CAHmB;~~AAM9BK~~,~~EAAAA,~~kBAAkB,EAAER,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,8DAA3B,CANU;~~AAO9BM~~,~~EAAAA,~~QAAQ,EAAET,mBAAS,CAACU,MAAV,CAAiBP,WAAjB,CAA6B,cAA7B;AAPoB;IAUnBQ,mBAAmB,GAAG;~~AACjCC~~,~~EAAAA,~~cAAc,EAAEZ,mBAAS,CAACa,KAAV,CAAgB;~~AAAEC~~,~~IAAAA,~~aAAa,EAAEd,mBAAS,CAACK;~~AAA3B~~,~~GAAhB,~~EACbF,WADa,CACD,kDADC,EAEbY,YAFa,CAEA;~~AAAED~~,~~IAAAA,~~aAAa,EAAE;~~AAAjB~~,~~GAFA,~~CADiB;~~AAIjCE~~,~~EAAAA,~~QAAQ,EAAEhB,mBAAS,CAACiB,IAAV,CAAed,WAAf,CAA2B,2DAA3B,EAAwFY,YAAxF,CAAqG,KAArG,CAJuB;~~AAKjCG~~,~~EAAAA,~~OAAO,EAAElB,mBAAS,CAACiB,IAAV,CAAed,WAAf,CAA2B,iCAA3B,EAA8DY,YAA9D,CAA2E,KAA3E,CALwB;~~AAMjCI~~,~~EAAAA,~~QAAQ,EAAEnB,mBAAS,CAACoB,MAAV,CAAiBjB,WAAjB,CAA6B,WAA7B,EAA0CY,YAA1C,CAAuD,CAAvD,CANuB;~~AAOjCM~~,~~EAAAA,~~UAAU,EAAErB,mBAAS,CAACK,MAAV,CACTF,WADS,CACG,0DADH,EAETY,YAFS,CAEI,IAFJ,CAPqB;~~AAUjCO~~,~~EAAAA,~~WAAW,EAAEtB,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,sCAA7B,CAVoB;~~AAWjCoB~~,~~EAAAA,~~cAAc,EAAEvB,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,iEAA3B,CAXiB;~~AAYjCqB~~,~~EAAAA,~~aAAa,EAAExB,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,iEAA3B,CAZkB;~~AAajCsB~~,~~EAAAA,~~gBAAgB,EAAEzB,mBAAS,CAACO,IAAV,CACfJ,WADe,CACH,0DADG,EAEfY,YAFe,CAEF;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAFE,CAbe;~~AAgBjCW~~,~~EAAAA,~~aAAa,EAAE1B,mBAAS,CAACO,IAAV,CACZJ,WADY,CACA,yDADA,EAEZY,YAFY,CAEC;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAFD,CAhBkB;~~AAmBjCY~~,~~EAAAA,~~KAAK,EAAE3B,mBAAS,CAAC4B,OAAV,CAAkB5B,mBAAS,CAACU,MAA5B,EACJP,WADI,CACQ,2DADR,EAEJY,YAFI,CAES,EAFT,CAnB0B;~~AAsBjCc~~,~~EAAAA,~~uBAAuB,EAAE7B,mBAAS,CAACiB,IAAV,CACtBd,WADsB,CACV,qEADU,EAEtBY,YAFsB,CAET,KAFS;AAtBQ;;AA2BnC,IAAMe,gBAAgB,GAAG,SAAnBA,gBAAmB;~~AAAA~~,~~SAAM~~,IAAN;AAAA,CAAzB;;IACaC,sBAAsB,GAAGC,kBAAQ,CAACF,gBAAD;AAC9CC,sBAAsB,CAACE,SAAvB,GAAmCnC,gBAAnC;;AAEA,IAAMoC,kBAAkB,GAAG,SAArBA,kBAAqB;~~AAAA~~,~~SAAM~~,IAAN;AAAA,CAA3B;;IACaC,wBAAwB,GAAGH,kBAAQ,CAACE,kBAAD;AAChDC,wBAAwB,CAACF,SAAzB,GAAqCnC,gBAArC;;;;;;;"}
1	+ {"version":3,"file":"prop-types.js","sources":["../../src/prop-types.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\nimport { outOfTheBoxTypes } from './outOfTheBox';\n\nexport const leftNavItemProps = {\n type: PropTypes.oneOf(outOfTheBoxTypes).description('out of the box types'),\n dsId: PropTypes.string.description('unique identifier for the left nav item'),\n Component: PropTypes.func.description(\n \"A custom component, receives the item as prop. This is used only when type is not defined or doesn't matches any out-of-the-box\",\n ),\n CollapsedComponent: PropTypes.func.description('A component which is renderer when the left-nav is collapsed'),\n itemOpts: PropTypes.object.description('Item options'),\n};\n\nexport const leftNavigationProps = {\n containerProps: PropTypes.shape({ expandedWidth: PropTypes.string })\n .description('Set of Properties attached to the main container')\n .defaultValue({ expandedWidth: '240px' }),\n expanded: PropTypes.bool.description('Whether to show the left navigation expanded or collapsed').defaultValue(false),\n loading: PropTypes.bool.description('Whether the left-nav is loading').defaultValue(false),\n tabIndex: PropTypes.number.description('Tab index').defaultValue(0),\n openedItem: PropTypes.string\n .description('The id of the left navigation item you want to be opened')\n .defaultValue(null),\n footerLabel: PropTypes.string.description('The label to show in the footer item'),\n onFooterExpand: PropTypes.func.description('The function to call when the left-nav is opened via the footer'),\n onFooterClose: PropTypes.func.description('The function to call when the left-nav is closed via the footer'),\n onSelectedChange: PropTypes.func\n .description('A callback which triggers when the selected item changes')\n .defaultValue(() => null),\n onFocusChange: PropTypes.func\n .description('A callback which triggers when the focused item changes')\n .defaultValue(() => null),\n items: PropTypes.arrayOf(PropTypes.object)\n .description('The array of items you want to render inside the left nav')\n .defaultValue([]),\n disableDefaultSelection: PropTypes.bool\n .description('Whether you do not want to automatically select the first body item')\n .defaultValue(false),\n};\n\nconst LeftNavItemProps = () => null;\nexport const LeftNavItemPropsSchema = describe(LeftNavItemProps);\nLeftNavItemPropsSchema.propTypes = leftNavItemProps;\n\nconst LeftNavItemOptions = () => null;\nexport const LeftNavItemOptionsSchema = describe(LeftNavItemOptions);\nLeftNavItemOptionsSchema.propTypes = leftNavItemProps;\n"],"names":["leftNavItemProps","type","PropTypes","oneOf","outOfTheBoxTypes","description","dsId","string","Component","func","CollapsedComponent","itemOpts","object","leftNavigationProps","containerProps","shape","expandedWidth","defaultValue","expanded","bool","loading","tabIndex","number","openedItem","footerLabel","onFooterExpand","onFooterClose","onSelectedChange","onFocusChange","items","arrayOf","disableDefaultSelection","LeftNavItemProps","LeftNavItemPropsSchema","describe","propTypes","LeftNavItemOptions","LeftNavItemOptionsSchema"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGaA,gBAAgB,GAAG;EAC9BC,IAAI,EAAEC,mBAAS,CAACC,KAAV,CAAgBC,kCAAhB,EAAkCC,WAAlC,CAA8C,sBAA9C,CADwB;EAE9BC,IAAI,EAAEJ,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,yCAA7B,CAFwB;EAG9BG,SAAS,EAAEN,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CACT,iIADS,CAHmB;EAM9BK,kBAAkB,EAAER,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,8DAA3B,CANU;EAO9BM,QAAQ,EAAET,mBAAS,CAACU,MAAV,CAAiBP,WAAjB,CAA6B,cAA7B;AAPoB;IAUnBQ,mBAAmB,GAAG;EACjCC,cAAc,EAAEZ,mBAAS,CAACa,KAAV,CAAgB;IAAEC,aAAa,EAAEd,mBAAS,CAACK;GAA3C,EACbF,WADa,CACD,kDADC,EAEbY,YAFa,CAEA;IAAED,aAAa,EAAE;GAFjB,CADiB;EAIjCE,QAAQ,EAAEhB,mBAAS,CAACiB,IAAV,CAAed,WAAf,CAA2B,2DAA3B,EAAwFY,YAAxF,CAAqG,KAArG,CAJuB;EAKjCG,OAAO,EAAElB,mBAAS,CAACiB,IAAV,CAAed,WAAf,CAA2B,iCAA3B,EAA8DY,YAA9D,CAA2E,KAA3E,CALwB;EAMjCI,QAAQ,EAAEnB,mBAAS,CAACoB,MAAV,CAAiBjB,WAAjB,CAA6B,WAA7B,EAA0CY,YAA1C,CAAuD,CAAvD,CANuB;EAOjCM,UAAU,EAAErB,mBAAS,CAACK,MAAV,CACTF,WADS,CACG,0DADH,EAETY,YAFS,CAEI,IAFJ,CAPqB;EAUjCO,WAAW,EAAEtB,mBAAS,CAACK,MAAV,CAAiBF,WAAjB,CAA6B,sCAA7B,CAVoB;EAWjCoB,cAAc,EAAEvB,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,iEAA3B,CAXiB;EAYjCqB,aAAa,EAAExB,mBAAS,CAACO,IAAV,CAAeJ,WAAf,CAA2B,iEAA3B,CAZkB;EAajCsB,gBAAgB,EAAEzB,mBAAS,CAACO,IAAV,CACfJ,WADe,CACH,0DADG,EAEfY,YAFe,CAEF;IAAA,OAAM,IAAN;GAFE,CAbe;EAgBjCW,aAAa,EAAE1B,mBAAS,CAACO,IAAV,CACZJ,WADY,CACA,yDADA,EAEZY,YAFY,CAEC;IAAA,OAAM,IAAN;GAFD,CAhBkB;EAmBjCY,KAAK,EAAE3B,mBAAS,CAAC4B,OAAV,CAAkB5B,mBAAS,CAACU,MAA5B,EACJP,WADI,CACQ,2DADR,EAEJY,YAFI,CAES,EAFT,CAnB0B;EAsBjCc,uBAAuB,EAAE7B,mBAAS,CAACiB,IAAV,CACtBd,WADsB,CACV,qEADU,EAEtBY,YAFsB,CAET,KAFS;AAtBQ;;AA2BnC,IAAMe,gBAAgB,GAAG,SAAnBA,gBAAmB;EAAA,OAAM,IAAN;AAAA,CAAzB;;IACaC,sBAAsB,GAAGC,kBAAQ,CAACF,gBAAD;AAC9CC,sBAAsB,CAACE,SAAvB,GAAmCnC,gBAAnC;;AAEA,IAAMoC,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,OAAM,IAAN;AAAA,CAA3B;;IACaC,wBAAwB,GAAGH,kBAAQ,CAACE,kBAAD;AAChDC,wBAAwB,CAACF,SAAzB,GAAqCnC,gBAArC;;;;;;;"}

package/esm/LeftNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n const leftNavConfig = useLeftNavConfig(props);\n\n return (\n <LeftNavigationContext.Provider value={leftNavConfig}>\n <LeftNavContent />\n </LeftNavigationContext.Provider>\n );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","LeftNavigationContext","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsC;~~AAClE~~,~~MAAMC~~,aAAa,GAAGC,gBAAgB,CAACF,KAAD,CAAtC;~~AAEA~~,~~sBACE~~,oBAACG,cAAD,CAAuB,QAAvB;~~AAAgC~~,~~IAAA,~~KAAK,EAAEF;~~AAAvC~~,~~kBACE,~~oBAAC,cAAD,OADF,CADF;AAKD;AAEDF,cAAc,CAACK,SAAf,GAA2BC,mBAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BA,YAA9B;IAEaC,wBAAwB,GAAGC,QAAQ,CAACT,cAAD,CAAR,CAAyBU,WAAzB,CAAqC,iBAArC;AACxCF,wBAAwB,CAACH,SAAzB,GAAqCC,mBAArC;;;;"}
1	+ {"version":3,"file":"LeftNavigation.js","sources":["../../src/LeftNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n const leftNavConfig = useLeftNavConfig(props);\n\n return (\n <LeftNavigationContext.Provider value={leftNavConfig}>\n <LeftNavContent />\n </LeftNavigationContext.Provider>\n );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n"],"names":["LeftNavigation","props","leftNavConfig","useLeftNavConfig","LeftNavigationContext","propTypes","leftNavigationProps","defaultProps","LeftNavigationWithSchema","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAQaA,cAAc,GAAG,SAAjBA,cAAiB,CAACC,KAAD,EAAsC;EAClE,IAAMC,aAAa,GAAGC,gBAAgB,CAACF,KAAD,CAAtC;EAEA,oBACE,oBAACG,cAAD,CAAuB,QAAvB;IAAgC,KAAK,EAAEF;kBACrC,oBAAC,cAAD,OADF,CADF;AAKD;AAEDF,cAAc,CAACK,SAAf,GAA2BC,mBAA3B;AACAN,cAAc,CAACO,YAAf,GAA8BA,YAA9B;IAEaC,wBAAwB,GAAGC,QAAQ,CAACT,cAAD,CAAR,CAAyBU,WAAzB,CAAqC,iBAArC;AACxCF,wBAAwB,CAACH,SAAzB,GAAqCC,mBAArC;;;;"}

package/esm/LeftNavigationContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftNavigationContext.js","sources":["../../src/LeftNavigationContext.tsx"],"sourcesContent":["import React, { createContext, MutableRefObject, RefObject } from 'react';\nimport type { LeftNavProps, LabelOveflowT } from './index.d';\n\nexport type ContextProps = {\n selectedItem: string;\n setSelectedItem: React.Dispatch<React.SetStateAction<string>>;\n focusedItem: string;\n setFocusedItem: React.Dispatch<React.SetStateAction<string>>;\n openedDrilldowns: string[];\n setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n leftNavProps: LeftNavProps;\n expandedForAnimation: boolean;\n};\n\nexport const defaultProps: LeftNavProps = {\n expandedWidth: '240px',\n tabIndex: 0,\n loading: false,\n expanded: false,\n openedItem: null,\n footerLabel: '',\n onSelectedChange: () => null,\n onFocusChange: () => null,\n onFooterExpand: () => null,\n onFooterClose: () => null,\n items: [],\n labelOverflow: 'wrap' as LabelOveflowT,\n onItemClick: () => null,\n};\n\nexport const defaultContext: ContextProps = {\n leftNavProps: defaultProps,\n selectedItem: null,\n setSelectedItem: () => null,\n focusedItem: null,\n setFocusedItem: () => null,\n expandedForAnimation: true,\n openedDrilldowns: [],\n setOpenedDrilldowns: () => null,\n visibleItems: [],\n visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n"],"names":["defaultProps","expandedWidth","tabIndex","loading","expanded","openedItem","footerLabel","onSelectedChange","onFocusChange","onFooterExpand","onFooterClose","items","labelOverflow","onItemClick","defaultContext","leftNavProps","selectedItem","setSelectedItem","focusedItem","setFocusedItem","expandedForAnimation","openedDrilldowns","setOpenedDrilldowns","visibleItems","visibleItemsRefs","current","LeftNavContext","createContext"],"mappings":";;IAgBaA,YAA0B,GAAG;~~AACxCC~~,~~EAAAA,~~aAAa,EAAE,OADyB;~~AAExCC~~,~~EAAAA,~~QAAQ,EAAE,CAF8B;~~AAGxCC~~,~~EAAAA,~~OAAO,EAAE,KAH+B;~~AAIxCC~~,~~EAAAA,~~QAAQ,EAAE,KAJ8B;~~AAKxCC~~,~~EAAAA,~~UAAU,EAAE,IAL4B;~~AAMxCC~~,~~EAAAA,~~WAAW,EAAE,EAN2B;~~AAOxCC~~,~~EAAAA,~~gBAAgB,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAPsB;~~AAQxCC~~,~~EAAAA,~~aAAa,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GARyB;~~AASxCC~~,~~EAAAA,~~cAAc,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GATwB;~~AAUxCC~~,~~EAAAA,~~aAAa,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAVyB;~~AAWxCC~~,~~EAAAA,~~KAAK,EAAE,EAXiC;~~AAYxCC~~,~~EAAAA,~~aAAa,EAAE,MAZyB;~~AAaxCC~~,~~EAAAA,~~WAAW,EAAE;~~AAAA~~,~~WAAM~~,IAAN~~;AAAA;~~AAb2B;IAgB7BC,cAA4B,GAAG;~~AAC1CC~~,~~EAAAA,~~YAAY,EAAEf,YAD4B;~~AAE1CgB~~,~~EAAAA,~~YAAY,EAAE,IAF4B;~~AAG1CC~~,~~EAAAA,~~eAAe,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAHyB;~~AAI1CC~~,~~EAAAA,~~WAAW,EAAE,IAJ6B;~~AAK1CC~~,~~EAAAA,~~cAAc,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GAL0B;~~AAM1CC~~,~~EAAAA,~~oBAAoB,EAAE,IANoB;~~AAO1CC~~,~~EAAAA,~~gBAAgB,EAAE,EAPwB;~~AAQ1CC~~,~~EAAAA,~~mBAAmB,EAAE;~~AAAA~~,~~WAAM~~,IAAN;~~AAAA,~~GARqB;~~AAS1CC~~,~~EAAAA,~~YAAY,EAAE,EAT4B;~~AAU1CC~~,~~EAAAA,~~gBAAgB,EAAE;~~AAAEC~~,~~IAAAA,~~OAAO,EAAE;~~AAAX;AAVwB;~~IAa/BC,cAAc,gBAAGC,aAAa,CAAeb,cAAf;;;;"}
1	+ {"version":3,"file":"LeftNavigationContext.js","sources":["../../src/LeftNavigationContext.tsx"],"sourcesContent":["import React, { createContext, MutableRefObject, RefObject } from 'react';\nimport type { LeftNavProps, LabelOveflowT } from './index.d';\n\nexport type ContextProps = {\n selectedItem: string;\n setSelectedItem: React.Dispatch<React.SetStateAction<string>>;\n focusedItem: string;\n setFocusedItem: React.Dispatch<React.SetStateAction<string>>;\n openedDrilldowns: string[];\n setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n leftNavProps: LeftNavProps;\n expandedForAnimation: boolean;\n};\n\nexport const defaultProps: LeftNavProps = {\n expandedWidth: '240px',\n tabIndex: 0,\n loading: false,\n expanded: false,\n openedItem: null,\n footerLabel: '',\n onSelectedChange: () => null,\n onFocusChange: () => null,\n onFooterExpand: () => null,\n onFooterClose: () => null,\n items: [],\n labelOverflow: 'wrap' as LabelOveflowT,\n onItemClick: () => null,\n};\n\nexport const defaultContext: ContextProps = {\n leftNavProps: defaultProps,\n selectedItem: null,\n setSelectedItem: () => null,\n focusedItem: null,\n setFocusedItem: () => null,\n expandedForAnimation: true,\n openedDrilldowns: [],\n setOpenedDrilldowns: () => null,\n visibleItems: [],\n visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n"],"names":["defaultProps","expandedWidth","tabIndex","loading","expanded","openedItem","footerLabel","onSelectedChange","onFocusChange","onFooterExpand","onFooterClose","items","labelOverflow","onItemClick","defaultContext","leftNavProps","selectedItem","setSelectedItem","focusedItem","setFocusedItem","expandedForAnimation","openedDrilldowns","setOpenedDrilldowns","visibleItems","visibleItemsRefs","current","LeftNavContext","createContext"],"mappings":";;IAgBaA,YAA0B,GAAG;EACxCC,aAAa,EAAE,OADyB;EAExCC,QAAQ,EAAE,CAF8B;EAGxCC,OAAO,EAAE,KAH+B;EAIxCC,QAAQ,EAAE,KAJ8B;EAKxCC,UAAU,EAAE,IAL4B;EAMxCC,WAAW,EAAE,EAN2B;EAOxCC,gBAAgB,EAAE;IAAA,OAAM,IAAN;GAPsB;EAQxCC,aAAa,EAAE;IAAA,OAAM,IAAN;GARyB;EASxCC,cAAc,EAAE;IAAA,OAAM,IAAN;GATwB;EAUxCC,aAAa,EAAE;IAAA,OAAM,IAAN;GAVyB;EAWxCC,KAAK,EAAE,EAXiC;EAYxCC,aAAa,EAAE,MAZyB;EAaxCC,WAAW,EAAE;IAAA,OAAM,IAAN;;AAb2B;IAgB7BC,cAA4B,GAAG;EAC1CC,YAAY,EAAEf,YAD4B;EAE1CgB,YAAY,EAAE,IAF4B;EAG1CC,eAAe,EAAE;IAAA,OAAM,IAAN;GAHyB;EAI1CC,WAAW,EAAE,IAJ6B;EAK1CC,cAAc,EAAE;IAAA,OAAM,IAAN;GAL0B;EAM1CC,oBAAoB,EAAE,IANoB;EAO1CC,gBAAgB,EAAE,EAPwB;EAQ1CC,mBAAmB,EAAE;IAAA,OAAM,IAAN;GARqB;EAS1CC,YAAY,EAAE,EAT4B;EAU1CC,gBAAgB,EAAE;IAAEC,OAAO,EAAE;;AAVa;IAa/BC,cAAc,gBAAGC,aAAa,CAAeb,cAAf;;;;"}

package/esm/common/getItemBackgroundStyle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getItemBackgroundStyle.js","sources":["../../../src/common/getItemBackgroundStyle.tsx"],"sourcesContent":["const commonItemBackgroundStyle = (\n color: string,\n hoverColor: string,\n activeColor: string,\n): string => `\n\n background: ${color};\n\n :hover {\n background: ${hoverColor};\n }\n\n :active {\n background: ${activeColor};\n }\n`;\n\nexport const getItemBackgroundStyle = (props: {\n theme: any;\n selected: boolean;\n opened: boolean;\n}): string => {\n if (props.selected && !props.opened)\n return commonItemBackgroundStyle(\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n );\n\n return commonItemBackgroundStyle(\n props.theme.colors.neutral['000'],\n props.theme.colors.neutral['080'],\n props.theme.colors.brand[200],\n );\n};\n"],"names":["commonItemBackgroundStyle","color","hoverColor","activeColor","getItemBackgroundStyle","props","selected","opened","theme","colors","brand","neutral"],"mappings":"AAAA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAChCC,KADgC,EAEhCC,UAFgC,EAGhCC,WAHgC;~~AAAA~~,~~qCAMlBF~~,KANkB,8CAShBC,UATgB,oDAahBC,WAbgB;AAAA,CAAlC;;IAiBaC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAIxB;~~AACZ~~,~~MAAIA~~,KAAK,CAACC,QAAN,IAAkB,CAACD,KAAK,CAACE,MAA7B,EACE,OAAOP,yBAAyB,CAC9BK,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAD8B,EAE9BL,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAF8B,EAG9BL,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH8B,CAAhC;~~AAMF~~,~~SAAOV~~,yBAAyB,CAC9BK,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAD8B,EAE9BN,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAF8B,EAG9BN,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH8B,CAAhC;AAKD;;;;"}
1	+ {"version":3,"file":"getItemBackgroundStyle.js","sources":["../../../src/common/getItemBackgroundStyle.tsx"],"sourcesContent":["const commonItemBackgroundStyle = (\n color: string,\n hoverColor: string,\n activeColor: string,\n): string => `\n\n background: ${color};\n\n :hover {\n background: ${hoverColor};\n }\n\n :active {\n background: ${activeColor};\n }\n`;\n\nexport const getItemBackgroundStyle = (props: {\n theme: any;\n selected: boolean;\n opened: boolean;\n}): string => {\n if (props.selected && !props.opened)\n return commonItemBackgroundStyle(\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n );\n\n return commonItemBackgroundStyle(\n props.theme.colors.neutral['000'],\n props.theme.colors.neutral['080'],\n props.theme.colors.brand[200],\n );\n};\n"],"names":["commonItemBackgroundStyle","color","hoverColor","activeColor","getItemBackgroundStyle","props","selected","opened","theme","colors","brand","neutral"],"mappings":"AAAA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAA4B,CAChCC,KADgC,EAEhCC,UAFgC,EAGhCC,WAHgC;EAAA,mCAMlBF,KANkB,8CAShBC,UATgB,oDAahBC,WAbgB;AAAA,CAAlC;;IAiBaC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,KAAD,EAIxB;EACZ,IAAIA,KAAK,CAACC,QAAN,IAAkB,CAACD,KAAK,CAACE,MAA7B,EACE,OAAOP,yBAAyB,CAC9BK,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAD8B,EAE9BL,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAF8B,EAG9BL,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH8B,CAAhC;EAMF,OAAOV,yBAAyB,CAC9BK,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAD8B,EAE9BN,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBE,OAAnB,CAA2B,KAA3B,CAF8B,EAG9BN,KAAK,CAACG,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAH8B,CAAhC;AAKD;;;;"}