@elliemae/ds-mini-toolbar 1.61.12 → 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.
- package/cjs/Components/MiniToolbar.js.map +1 -1
- package/cjs/Components/ToolbarShortcut.js.map +1 -1
- package/cjs/Components/outOfTheBox/Button.js.map +1 -1
- package/cjs/Components/outOfTheBox/ComboBox.js.map +1 -1
- package/cjs/Components/outOfTheBox/IconItem.js.map +1 -1
- package/cjs/Components/outOfTheBox/SearchBox.js.map +1 -1
- package/cjs/Components/outOfTheBox/Separator.js.map +1 -1
- package/cjs/hooks/useGenerateItems.js.map +1 -1
- package/cjs/propTypes.js.map +1 -1
- package/cjs/styles.js.map +1 -1
- package/esm/Components/MiniToolbar.js.map +1 -1
- package/esm/Components/ToolbarShortcut.js.map +1 -1
- package/esm/Components/outOfTheBox/Button.js.map +1 -1
- package/esm/Components/outOfTheBox/ComboBox.js.map +1 -1
- package/esm/Components/outOfTheBox/IconItem.js.map +1 -1
- package/esm/Components/outOfTheBox/SearchBox.js.map +1 -1
- package/esm/Components/outOfTheBox/Separator.js.map +1 -1
- package/esm/hooks/useGenerateItems.js.map +1 -1
- package/esm/propTypes.js.map +1 -1
- package/esm/styles.js.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniToolbar.js","sources":["../../../src/Components/MiniToolbar.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles';\nimport { miniToolbarProps } from '../propTypes';\nimport { useGenerateItems } from '../hooks/useGenerateItems';\nimport { MiniToolbarPropsT } from '../index.d';\n\nconst Elipsis = <MoreOptionsVert color={['brand-primary', '600']} size=\"m\" />;\n\nconst MiniToolbar = ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement => {\n const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);\n const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState<boolean>(false);\n\n const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);\n const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);\n const openDropdownMenuKeyPress = useCallback((e) => {\n if (e.key === ' ') {\n setIsDropdownMenuOpen(true);\n }\n }, []);\n\n const { ariaLabel, style, buttonType = 'secondary' } = overflowButtonProps || {};\n\n return (\n <Container role=\"toolbar\" data-testid=\"ds-mini-toolbar\">\n {shortcutItems}\n <DSDropdownMenu\n data-testid=\"ds-mini-toolbar__dropdown-menu\"\n isOpen={isDropdownMenuOpen}\n onSelectMenuItem={closeDropdownMenu}\n onClickOutsideMenu={closeDropdownMenu}\n options={dropdownMenuItems}\n triggerComponent={\n <StyledButton\n aria-label={ariaLabel}\n data-testid=\"ds-mini-toolbar__elipsis\"\n size=\"m\"\n style={style}\n buttonType={buttonType}\n onClick={openDropdownMenu}\n onKeyPress={openDropdownMenuKeyPress}\n leftIcon={Elipsis}\n />\n }\n />\n </Container>\n );\n};\n\nMiniToolbar.propTypes = miniToolbarProps;\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],"names":["Elipsis","React","MoreOptionsVert","MiniToolbar","items","overflowButtonProps","useGenerateItems","shortcutItems","dropdownMenuItems","useState","isDropdownMenuOpen","setIsDropdownMenuOpen","closeDropdownMenu","useCallback","openDropdownMenu","openDropdownMenuKeyPress","e","key","ariaLabel","style","buttonType","Container","DSDropdownMenu","StyledButton","propTypes","miniToolbarProps","MiniToolbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,wCAACC,uBAAD;
|
|
1
|
+
{"version":3,"file":"MiniToolbar.js","sources":["../../../src/Components/MiniToolbar.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles';\nimport { miniToolbarProps } from '../propTypes';\nimport { useGenerateItems } from '../hooks/useGenerateItems';\nimport { MiniToolbarPropsT } from '../index.d';\n\nconst Elipsis = <MoreOptionsVert color={['brand-primary', '600']} size=\"m\" />;\n\nconst MiniToolbar = ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement => {\n const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);\n const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState<boolean>(false);\n\n const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);\n const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);\n const openDropdownMenuKeyPress = useCallback((e) => {\n if (e.key === ' ') {\n setIsDropdownMenuOpen(true);\n }\n }, []);\n\n const { ariaLabel, style, buttonType = 'secondary' } = overflowButtonProps || {};\n\n return (\n <Container role=\"toolbar\" data-testid=\"ds-mini-toolbar\">\n {shortcutItems}\n <DSDropdownMenu\n data-testid=\"ds-mini-toolbar__dropdown-menu\"\n isOpen={isDropdownMenuOpen}\n onSelectMenuItem={closeDropdownMenu}\n onClickOutsideMenu={closeDropdownMenu}\n options={dropdownMenuItems}\n triggerComponent={\n <StyledButton\n aria-label={ariaLabel}\n data-testid=\"ds-mini-toolbar__elipsis\"\n size=\"m\"\n style={style}\n buttonType={buttonType}\n onClick={openDropdownMenu}\n onKeyPress={openDropdownMenuKeyPress}\n leftIcon={Elipsis}\n />\n }\n />\n </Container>\n );\n};\n\nMiniToolbar.propTypes = miniToolbarProps;\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],"names":["Elipsis","React","MoreOptionsVert","MiniToolbar","items","overflowButtonProps","useGenerateItems","shortcutItems","dropdownMenuItems","useState","isDropdownMenuOpen","setIsDropdownMenuOpen","closeDropdownMenu","useCallback","openDropdownMenu","openDropdownMenuKeyPress","e","key","ariaLabel","style","buttonType","Container","DSDropdownMenu","StyledButton","propTypes","miniToolbarProps","MiniToolbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,wCAACC,uBAAD;EAAiB,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAxB;EAAkD,IAAI,EAAC;AAAvD,EAAhB;;IAEMC,WAAW,GAAG,SAAdA,WAAc,OAA2E;EAAA,IAAxEC,KAAwE,QAAxEA,KAAwE;MAAjEC,mBAAiE,QAAjEA,mBAAiE;;EAC7F,wBAA2CC,uCAAgB,CAACF,KAAD,CAA3D;;MAAOG,aAAP;MAAsBC,iBAAtB;;EACA,gBAAoDC,cAAQ,CAAU,KAAV,CAA5D;;MAAOC,kBAAP;MAA2BC,qBAA3B;;EAEA,IAAMC,iBAAiB,GAAGC,iBAAW,CAAC;IAAA,OAAMF,qBAAqB,CAAC,KAAD,CAA3B;GAAD,EAAqC,EAArC,CAArC;EACA,IAAMG,gBAAgB,GAAGD,iBAAW,CAAC;IAAA,OAAMF,qBAAqB,CAAC,IAAD,CAA3B;GAAD,EAAoC,EAApC,CAApC;EACA,IAAMI,wBAAwB,GAAGF,iBAAW,CAAC,UAACG,CAAD,EAAO;IAClD,IAAIA,CAAC,CAACC,GAAF,KAAU,GAAd,EAAmB;MACjBN,qBAAqB,CAAC,IAAD,CAArB;;GAFwC,EAIzC,EAJyC,CAA5C;;EAMA,YAAuDN,mBAAmB,IAAI,EAA9E;MAAQa,SAAR,SAAQA,SAAR;MAAmBC,KAAnB,SAAmBA,KAAnB;+BAA0BC,UAA1B;MAA0BA,UAA1B,iCAAuC,WAAvC;;EAEA,oBACEnB,wCAACoB,gBAAD;IAAW,IAAI,EAAC,SAAhB;IAA0B,eAAY;KACnCd,aADH,eAEEN,wCAACqB,kCAAD;IACE,eAAY,gCADd;IAEE,MAAM,EAAEZ,kBAFV;IAGE,gBAAgB,EAAEE,iBAHpB;IAIE,kBAAkB,EAAEA,iBAJtB;IAKE,OAAO,EAAEJ,iBALX;IAME,gBAAgB,eACdP,wCAACsB,mBAAD;MACE,cAAYL,SADd;MAEE,eAAY,0BAFd;MAGE,IAAI,EAAC,GAHP;MAIE,KAAK,EAAEC,KAJT;MAKE,UAAU,EAAEC,UALd;MAME,OAAO,EAAEN,gBANX;MAOE,UAAU,EAAEC,wBAPd;MAQE,QAAQ,EAAEf;;IAjBlB,CADF;AAwBD;;AAEDG,WAAW,CAACqB,SAAZ,GAAwBC,0BAAxB;IACMC,qBAAqB,GAAGC,kBAAQ,CAACxB,WAAD;AACtCuB,qBAAqB,CAACF,SAAtB,GAAkCC,0BAAlC;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarShortcut.js","sources":["../../../src/Components/ToolbarShortcut.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles';\nimport { ToolbarShortcutPropsT } from '../index.d';\n\nconst ToolbarShortcut = (props: ToolbarShortcutPropsT): React.ReactElement => {\n const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;\n const leftRef = useRef<HTMLElement | null>(null);\n const rightRef = useRef<HTMLElement | null>(null);\n const timerLeft = useRef<ReturnType<typeof setInterval> | null>(null);\n const timerRight = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const { position = 'left', isOpen = false } = contextualRegionProps || {};\n const { style } = shortcutProps || {};\n\n const mergedProps = {\n ...sharedProps,\n ...shortcutProps,\n };\n\n useEffect(() => {\n if (isOpen && leftRef.current) {\n timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);\n }\n if (isOpen && rightRef.current) {\n timerRight.current = setTimeout(() => rightRef.current.focus(), 200);\n }\n\n return () => {\n clearTimeout(timerLeft.current);\n clearTimeout(timerRight.current);\n };\n }, [isOpen, leftRef, rightRef]);\n\n return (\n <>\n {isOpen && position === 'left' && (\n <Item>\n <ContextualRegion innerRef={leftRef} {...contextualRegionProps} />\n </Item>\n )}\n {Component && (\n <Item style={style}>\n <Component {...mergedProps} />\n </Item>\n )}\n {isOpen && position === 'right' && (\n <Item>\n <ContextualRegion innerRef={rightRef} {...contextualRegionProps} />\n </Item>\n )}\n </>\n );\n};\n\nexport { ToolbarShortcut };\n"],"names":["ToolbarShortcut","props","Component","shortcutProps","sharedProps","ContextualRegion","contextualRegionProps","leftRef","useRef","rightRef","timerLeft","timerRight","position","isOpen","style","mergedProps","useEffect","current","setTimeout","focus","clearTimeout","React","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAsD;
|
|
1
|
+
{"version":3,"file":"ToolbarShortcut.js","sources":["../../../src/Components/ToolbarShortcut.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles';\nimport { ToolbarShortcutPropsT } from '../index.d';\n\nconst ToolbarShortcut = (props: ToolbarShortcutPropsT): React.ReactElement => {\n const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;\n const leftRef = useRef<HTMLElement | null>(null);\n const rightRef = useRef<HTMLElement | null>(null);\n const timerLeft = useRef<ReturnType<typeof setInterval> | null>(null);\n const timerRight = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const { position = 'left', isOpen = false } = contextualRegionProps || {};\n const { style } = shortcutProps || {};\n\n const mergedProps = {\n ...sharedProps,\n ...shortcutProps,\n };\n\n useEffect(() => {\n if (isOpen && leftRef.current) {\n timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);\n }\n if (isOpen && rightRef.current) {\n timerRight.current = setTimeout(() => rightRef.current.focus(), 200);\n }\n\n return () => {\n clearTimeout(timerLeft.current);\n clearTimeout(timerRight.current);\n };\n }, [isOpen, leftRef, rightRef]);\n\n return (\n <>\n {isOpen && position === 'left' && (\n <Item>\n <ContextualRegion innerRef={leftRef} {...contextualRegionProps} />\n </Item>\n )}\n {Component && (\n <Item style={style}>\n <Component {...mergedProps} />\n </Item>\n )}\n {isOpen && position === 'right' && (\n <Item>\n <ContextualRegion innerRef={rightRef} {...contextualRegionProps} />\n </Item>\n )}\n </>\n );\n};\n\nexport { ToolbarShortcut };\n"],"names":["ToolbarShortcut","props","Component","shortcutProps","sharedProps","ContextualRegion","contextualRegionProps","leftRef","useRef","rightRef","timerLeft","timerRight","position","isOpen","style","mergedProps","useEffect","current","setTimeout","focus","clearTimeout","React","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAsD;EAC5E,IAAQC,SAAR,GAA2FD,KAA3F,CAAQC,SAAR;MAAmBC,aAAnB,GAA2FF,KAA3F,CAAmBE,aAAnB;MAAkCC,WAAlC,GAA2FH,KAA3F,CAAkCG,WAAlC;MAA+CC,gBAA/C,GAA2FJ,KAA3F,CAA+CI,gBAA/C;MAAiEC,qBAAjE,GAA2FL,KAA3F,CAAiEK,qBAAjE;EACA,IAAMC,OAAO,GAAGC,YAAM,CAAqB,IAArB,CAAtB;EACA,IAAMC,QAAQ,GAAGD,YAAM,CAAqB,IAArB,CAAvB;EACA,IAAME,SAAS,GAAGF,YAAM,CAAwC,IAAxC,CAAxB;EACA,IAAMG,UAAU,GAAGH,YAAM,CAAwC,IAAxC,CAAzB;;EAEA,WAA8CF,qBAAqB,IAAI,EAAvE;2BAAQM,QAAR;MAAQA,QAAR,8BAAmB,MAAnB;yBAA2BC,MAA3B;MAA2BA,MAA3B,4BAAoC,KAApC;;EACA,YAAkBV,aAAa,IAAI,EAAnC;MAAQW,KAAR,SAAQA,KAAR;;EAEA,IAAMC,WAAW,mCACZX,WADY,GAEZD,aAFY,CAAjB;;EAKAa,eAAS,CAAC,YAAM;IACd,IAAIH,MAAM,IAAIN,OAAO,CAACU,OAAtB,EAA+B;MAC7BP,SAAS,CAACO,OAAV,GAAoBC,UAAU,CAAC;QAAA,OAAMX,OAAO,CAACU,OAAR,CAAgBE,KAAhB,EAAN;OAAD,EAAgC,GAAhC,CAA9B;;;IAEF,IAAIN,MAAM,IAAIJ,QAAQ,CAACQ,OAAvB,EAAgC;MAC9BN,UAAU,CAACM,OAAX,GAAqBC,UAAU,CAAC;QAAA,OAAMT,QAAQ,CAACQ,OAAT,CAAiBE,KAAjB,EAAN;OAAD,EAAiC,GAAjC,CAA/B;;;IAGF,OAAO,YAAM;MACXC,YAAY,CAACV,SAAS,CAACO,OAAX,CAAZ;MACAG,YAAY,CAACT,UAAU,CAACM,OAAZ,CAAZ;KAFF;GARO,EAYN,CAACJ,MAAD,EAASN,OAAT,EAAkBE,QAAlB,CAZM,CAAT;EAcA,oBACEY,kFACGR,MAAM,IAAID,QAAQ,KAAK,MAAvB,iBACCS,wCAACC,WAAD,qBACED,wCAAC,gBAAD;IAAkB,QAAQ,EAAEd;KAAaD,qBAAzC,EADF,CAFJ,EAMGJ,SAAS,iBACRmB,wCAACC,WAAD;IAAM,KAAK,EAAER;kBACXO,wCAAC,SAAD,EAAeN,WAAf,CADF,CAPJ,EAWGF,MAAM,IAAID,QAAQ,KAAK,OAAvB,iBACCS,wCAACC,WAAD,qBACED,wCAAC,gBAAD;IAAkB,QAAQ,EAAEZ;KAAcH,qBAA1C,EADF,CAZJ,CADF;AAmBD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src/Components/outOfTheBox/Button.tsx"],"sourcesContent":["import React from 'react';\nimport DSButton from '@elliemae/ds-button';\n\nconst MiniToolbarButton = (props: Record<string, unknown>): React.ReactElement => (\n <DSButton {...props} aria-label={props.ariaLabel} data-testid=\"ds-mini-toolbar__shortcut\" />\n);\n\nexport { MiniToolbarButton };\n"],"names":["MiniToolbarButton","props","React","DSButton","ariaLabel"],"mappings":";;;;;;;;;;;;;;IAGMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src/Components/outOfTheBox/Button.tsx"],"sourcesContent":["import React from 'react';\nimport DSButton from '@elliemae/ds-button';\n\nconst MiniToolbarButton = (props: Record<string, unknown>): React.ReactElement => (\n <DSButton {...props} aria-label={props.ariaLabel} data-testid=\"ds-mini-toolbar__shortcut\" />\n);\n\nexport { MiniToolbarButton };\n"],"names":["MiniToolbarButton","props","React","DSButton","ariaLabel"],"mappings":";;;;;;;;;;;;;;IAGMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;EAAA,oBACxBC,wCAACC,4BAAD,mCAAcF,KAAd;IAAqB,cAAYA,KAAK,CAACG,SAAvC;IAAkD,eAAY;KADtC;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.js","sources":["../../../../src/Components/outOfTheBox/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nconst MiniToolbarComboBox = (props: Record<string, unknown>): React.ReactElement => <DSComboBox2 {...props} />;\n\nexport { MiniToolbarComboBox };\n"],"names":["MiniToolbarComboBox","props","React","DSComboBox2"],"mappings":";;;;;;;;;;;IAGMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"ComboBox.js","sources":["../../../../src/Components/outOfTheBox/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nconst MiniToolbarComboBox = (props: Record<string, unknown>): React.ReactElement => <DSComboBox2 {...props} />;\n\nexport { MiniToolbarComboBox };\n"],"names":["MiniToolbarComboBox","props","React","DSComboBox2"],"mappings":";;;;;;;;;;;IAGMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;EAAA,oBAAwDC,wCAACC,kBAAD,EAAiBF,KAAjB,CAAxD;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconItem.js","sources":["../../../../src/Components/outOfTheBox/IconItem.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarIcon = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { Icon, size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Icon size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nexport { MiniToolbarIcon };\n"],"names":["MiniToolbarIcon","props","Icon","size","color","onClick","ariaLabel","style","buttonType","React","StyledButton"],"mappings":";;;;;;;;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA0D;
|
|
1
|
+
{"version":3,"file":"IconItem.js","sources":["../../../../src/Components/outOfTheBox/IconItem.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarIcon = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { Icon, size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Icon size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nexport { MiniToolbarIcon };\n"],"names":["MiniToolbarIcon","props","Icon","size","color","onClick","ariaLabel","style","buttonType","React","StyledButton"],"mappings":";;;;;;;;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA0D;EAChF,IAAQC,IAAR,GAAmFD,KAAnF,CAAQC,IAAR;MAAcC,IAAd,GAAmFF,KAAnF,CAAcE,IAAd;MAAoBC,KAApB,GAAmFH,KAAnF,CAAoBG,KAApB;MAA2BC,OAA3B,GAAmFJ,KAAnF,CAA2BI,OAA3B;MAAoCC,SAApC,GAAmFL,KAAnF,CAAoCK,SAApC;MAA+CC,KAA/C,GAAmFN,KAAnF,CAA+CM,KAA/C;0BAAmFN,KAAnF,CAAsDO,UAAtD;MAAsDA,UAAtD,kCAAmE,WAAnE;EAEA,oBACEC,wCAACC,mBAAD;IACE,cAAYJ,SADd;IAEE,UAAU,EAAEE,UAFd;IAGE,OAAO,EAAEH,OAHX;IAIE,KAAK,EAAEE,KAJT;IAKE,QAAQ,eAAEE,wCAAC,IAAD;MAAM,IAAI,EAAEN,IAAZ;MAAkB,KAAK,EAAEC;MALrC;IAME,eAAY;IAPhB;AAUD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBox.js","sources":["../../../../src/Components/outOfTheBox/SearchBox.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Search size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n"],"names":["MiniToolbarSearchButton","props","size","color","onClick","ariaLabel","style","buttonType","React","StyledButton","Search","MiniToolbarSearchBox","DSSearchBox"],"mappings":";;;;;;;;;;;;;;;;;IAOMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAA0D;
|
|
1
|
+
{"version":3,"file":"SearchBox.js","sources":["../../../../src/Components/outOfTheBox/SearchBox.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Search size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n"],"names":["MiniToolbarSearchButton","props","size","color","onClick","ariaLabel","style","buttonType","React","StyledButton","Search","MiniToolbarSearchBox","DSSearchBox"],"mappings":";;;;;;;;;;;;;;;;;IAOMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAA0D;EACxF,IAAQC,IAAR,GAA6ED,KAA7E,CAAQC,IAAR;MAAcC,KAAd,GAA6EF,KAA7E,CAAcE,KAAd;MAAqBC,OAArB,GAA6EH,KAA7E,CAAqBG,OAArB;MAA8BC,SAA9B,GAA6EJ,KAA7E,CAA8BI,SAA9B;MAAyCC,KAAzC,GAA6EL,KAA7E,CAAyCK,KAAzC;0BAA6EL,KAA7E,CAAgDM,UAAhD;MAAgDA,UAAhD,kCAA6D,WAA7D;EAEA,oBACEC,wCAACC,mBAAD;IACE,cAAYJ,SADd;IAEE,UAAU,EAAEE,UAFd;IAGE,OAAO,EAAEH,OAHX;IAIE,KAAK,EAAEE,KAJT;IAKE,QAAQ,eAAEE,wCAACE,cAAD;MAAQ,IAAI,EAAER,IAAd;MAAoB,KAAK,EAAEC;MALvC;IAME,eAAY;IAPhB;AAUD;;IAEKQ,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACV,KAAD;EAAA,oBAC3BO,wCAACI,kBAAD;IAAa,SAAS,MAAtB;IAAuB,QAAQ,EAAE;KAAWX,KAA5C,EAD2B;AAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.js","sources":["../../../../src/Components/outOfTheBox/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { Separator } from '../../styles';\n\nconst MiniToolbarSeparator = (): React.ReactElement => (\n <Separator data-testid=\"ds-mini-toolbar__separator\" />\n);\n\nexport { MiniToolbarSeparator };\n"],"names":["MiniToolbarSeparator","React","Separator"],"mappings":";;;;;;;;;;;;;IAGMA,oBAAoB,GAAG,SAAvBA,oBAAuB;
|
|
1
|
+
{"version":3,"file":"Separator.js","sources":["../../../../src/Components/outOfTheBox/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { Separator } from '../../styles';\n\nconst MiniToolbarSeparator = (): React.ReactElement => (\n <Separator data-testid=\"ds-mini-toolbar__separator\" />\n);\n\nexport { MiniToolbarSeparator };\n"],"names":["MiniToolbarSeparator","React","Separator"],"mappings":";;;;;;;;;;;;;IAGMA,oBAAoB,GAAG,SAAvBA,oBAAuB;EAAA,oBAC3BC,wCAACC,gBAAD;IAAW,eAAY;IADI;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGenerateItems.js","sources":["../../../src/hooks/useGenerateItems.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { Search } from '@elliemae/ds-icons';\nimport {\n ICON_ITEM,\n SEPARATOR,\n BUTTON,\n SEARCH_BOX,\n COMBO_BOX,\n MiniToolbarButton,\n MiniToolbarSeparator,\n MiniToolbarSearchBox,\n MiniToolbarIcon,\n MiniToolbarComboBox,\n} from '../Components/outOfTheBox';\nimport { ToolbarShortcut } from '../Components/ToolbarShortcut';\nimport { MiniToolbarSearchButton } from '../Components/outOfTheBox/SearchBox';\nimport { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';\n\nconst useGenerateItems = (items: MiniToolbarItemT[]): [React.ReactElement[], GeneratedDropdownItemT[]] => {\n const instanceUID = useMemo(() => uid(6), []);\n\n const shortcutItems = useMemo(\n () =>\n items\n .filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion)\n .map((item, index) => {\n const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } =\n item;\n\n let Component;\n let ContextualRegion;\n\n if (component === SEPARATOR) return <MiniToolbarSeparator />;\n if (component === BUTTON) Component = MiniToolbarButton;\n else if (component === ICON_ITEM) Component = MiniToolbarIcon;\n else if (component === COMBO_BOX) Component = MiniToolbarComboBox;\n else if (component === SEARCH_BOX) {\n if (item.hasShortcut) {\n Component = MiniToolbarSearchButton;\n }\n ContextualRegion = MiniToolbarSearchBox;\n }\n if (!ContextualRegion) {\n ContextualRegion = contextualRegion;\n }\n if (!Component) {\n Component = shortcutComponent;\n }\n\n return (\n <ToolbarShortcut\n key={`${instanceUID}-shortcut-${index}`}\n Component={Component}\n shortcutProps={shortcutProps}\n sharedProps={sharedProps}\n ContextualRegion={ContextualRegion}\n contextualRegionProps={contextualRegionProps}\n />\n );\n }),\n [instanceUID, items],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n items.map((item, index) => {\n const { component, sharedProps, dropdownComponentProps } = item;\n const dropdownItem: GeneratedDropdownItemT = {};\n\n const { Icon, color, label, onClick } = {\n ...sharedProps,\n ...dropdownComponentProps,\n };\n\n if (component === SEPARATOR) dropdownItem.type = 'separator';\n else {\n dropdownItem.id = `${instanceUID}-dropdown-${index}`;\n dropdownItem.onClick = () => onClick(item);\n dropdownItem.label = label;\n dropdownItem.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n onClick(item);\n }\n };\n }\n\n if (component === ICON_ITEM) {\n dropdownItem.leftAddon = <Icon color={color} />;\n } else if (component === SEARCH_BOX) {\n dropdownItem.leftAddon = <Search color={color} />;\n } else if (component === COMBO_BOX) {\n dropdownItem.type = 'subMenu';\n dropdownItem.label = label;\n dropdownItem.subItems = sharedProps.options.map((option, index) => {\n option.id = `${instanceUID}-option-${index}`;\n option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);\n option.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === ' ' || e.key === 'Enter') {\n dropdownComponentProps.onSelectMenuItem(option);\n }\n };\n return option;\n });\n }\n\n return dropdownItem;\n }),\n [instanceUID, items],\n );\n\n return [shortcutItems, dropdownMenuItems];\n};\n\nexport { useGenerateItems };\n"],"names":["useGenerateItems","items","instanceUID","useMemo","uid","shortcutItems","filter","item","hasShortcut","component","SEARCH_BOX","contextualRegion","map","index","shortcutComponent","shortcutProps","sharedProps","contextualRegionProps","Component","ContextualRegion","SEPARATOR","React","MiniToolbarSeparator","BUTTON","MiniToolbarButton","ICON_ITEM","MiniToolbarIcon","COMBO_BOX","MiniToolbarComboBox","MiniToolbarSearchButton","MiniToolbarSearchBox","ToolbarShortcut","dropdownMenuItems","dropdownComponentProps","dropdownItem","Icon","color","label","onClick","type","id","onKeyDown","e","key","leftAddon","Search","subItems","options","option","onSelectMenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmBMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAiF;
|
|
1
|
+
{"version":3,"file":"useGenerateItems.js","sources":["../../../src/hooks/useGenerateItems.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { Search } from '@elliemae/ds-icons';\nimport {\n ICON_ITEM,\n SEPARATOR,\n BUTTON,\n SEARCH_BOX,\n COMBO_BOX,\n MiniToolbarButton,\n MiniToolbarSeparator,\n MiniToolbarSearchBox,\n MiniToolbarIcon,\n MiniToolbarComboBox,\n} from '../Components/outOfTheBox';\nimport { ToolbarShortcut } from '../Components/ToolbarShortcut';\nimport { MiniToolbarSearchButton } from '../Components/outOfTheBox/SearchBox';\nimport { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';\n\nconst useGenerateItems = (items: MiniToolbarItemT[]): [React.ReactElement[], GeneratedDropdownItemT[]] => {\n const instanceUID = useMemo(() => uid(6), []);\n\n const shortcutItems = useMemo(\n () =>\n items\n .filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion)\n .map((item, index) => {\n const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } =\n item;\n\n let Component;\n let ContextualRegion;\n\n if (component === SEPARATOR) return <MiniToolbarSeparator />;\n if (component === BUTTON) Component = MiniToolbarButton;\n else if (component === ICON_ITEM) Component = MiniToolbarIcon;\n else if (component === COMBO_BOX) Component = MiniToolbarComboBox;\n else if (component === SEARCH_BOX) {\n if (item.hasShortcut) {\n Component = MiniToolbarSearchButton;\n }\n ContextualRegion = MiniToolbarSearchBox;\n }\n if (!ContextualRegion) {\n ContextualRegion = contextualRegion;\n }\n if (!Component) {\n Component = shortcutComponent;\n }\n\n return (\n <ToolbarShortcut\n key={`${instanceUID}-shortcut-${index}`}\n Component={Component}\n shortcutProps={shortcutProps}\n sharedProps={sharedProps}\n ContextualRegion={ContextualRegion}\n contextualRegionProps={contextualRegionProps}\n />\n );\n }),\n [instanceUID, items],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n items.map((item, index) => {\n const { component, sharedProps, dropdownComponentProps } = item;\n const dropdownItem: GeneratedDropdownItemT = {};\n\n const { Icon, color, label, onClick } = {\n ...sharedProps,\n ...dropdownComponentProps,\n };\n\n if (component === SEPARATOR) dropdownItem.type = 'separator';\n else {\n dropdownItem.id = `${instanceUID}-dropdown-${index}`;\n dropdownItem.onClick = () => onClick(item);\n dropdownItem.label = label;\n dropdownItem.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n onClick(item);\n }\n };\n }\n\n if (component === ICON_ITEM) {\n dropdownItem.leftAddon = <Icon color={color} />;\n } else if (component === SEARCH_BOX) {\n dropdownItem.leftAddon = <Search color={color} />;\n } else if (component === COMBO_BOX) {\n dropdownItem.type = 'subMenu';\n dropdownItem.label = label;\n dropdownItem.subItems = sharedProps.options.map((option, index) => {\n option.id = `${instanceUID}-option-${index}`;\n option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);\n option.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === ' ' || e.key === 'Enter') {\n dropdownComponentProps.onSelectMenuItem(option);\n }\n };\n return option;\n });\n }\n\n return dropdownItem;\n }),\n [instanceUID, items],\n );\n\n return [shortcutItems, dropdownMenuItems];\n};\n\nexport { useGenerateItems };\n"],"names":["useGenerateItems","items","instanceUID","useMemo","uid","shortcutItems","filter","item","hasShortcut","component","SEARCH_BOX","contextualRegion","map","index","shortcutComponent","shortcutProps","sharedProps","contextualRegionProps","Component","ContextualRegion","SEPARATOR","React","MiniToolbarSeparator","BUTTON","MiniToolbarButton","ICON_ITEM","MiniToolbarIcon","COMBO_BOX","MiniToolbarComboBox","MiniToolbarSearchButton","MiniToolbarSearchBox","ToolbarShortcut","dropdownMenuItems","dropdownComponentProps","dropdownItem","Icon","color","label","onClick","type","id","onKeyDown","e","key","leftAddon","Search","subItems","options","option","onSelectMenuItem"],"mappings":"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"}
|
package/cjs/propTypes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\n\nconst outOfTheBoxType = PropTypes.oneOf([\n 'ds-button',\n 'ds-icon-item',\n 'ds-separator',\n 'ds-search-box',\n 'ds-combo-box',\n]).description('out-of-the-box toolbar components');\n\nconst toolbarItemProps = {\n component: PropTypes.oneOfType([\n outOfTheBoxType,\n PropTypes.element,\n ]).description('Main component').isRequired,\n hasShortcut: PropTypes.bool\n .description(\n 'Whether to include the component as a shortcut in the toolbar or not',\n )\n .defaultValue(false),\n shortcutComponent: PropTypes.element.description(\n 'Component to render as a shortcut in the toolbar',\n ),\n shortcutProps: PropTypes.object.description('Shortcut component props'),\n dropdownComponentProps: PropTypes.object.description(\n 'Dropdown component props',\n ),\n sharedProps: PropTypes.object.description(\n 'Props shared by shortcut component and dropdown component',\n ),\n contextualRegion: PropTypes.element.description(\n 'Component that can be rendered as an adjacent region to the shortcut component',\n ),\n contextualRegionProps: PropTypes.object.description(\n 'Contextual region component props',\n ),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description(\n 'Items props',\n);\n\nconst overflowButtonPropTypes = {\n ariaLabel: PropTypes.string,\n buttonType: PropTypes.oneOf(['secondary', 'text']),\n style: PropTypes.object,\n};\n\nconst miniToolbarProps = {\n items: PropTypes.arrayOf(itemPropTypes).description('Array of items')\n .isRequired,\n overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description(\n 'Overflow button props',\n ),\n};\n\nconst ToolbarItem = () => null;\n\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],"names":["outOfTheBoxType","PropTypes","oneOf","description","toolbarItemProps","component","oneOfType","element","isRequired","hasShortcut","bool","defaultValue","shortcutComponent","shortcutProps","object","dropdownComponentProps","sharedProps","contextualRegion","contextualRegionProps","itemPropTypes","shape","overflowButtonPropTypes","ariaLabel","string","buttonType","style","miniToolbarProps","items","arrayOf","overflowButtonProps","ToolbarItem","ToolbarItemWithSchema","describe","propTypes"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAGC,mBAAS,CAACC,KAAV,CAAgB,CACtC,WADsC,EAEtC,cAFsC,EAGtC,cAHsC,EAItC,eAJsC,EAKtC,cALsC,CAAhB,EAMrBC,WANqB,CAMT,mCANS,CAAxB;AAQA,IAAMC,gBAAgB,GAAG;
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\n\nconst outOfTheBoxType = PropTypes.oneOf([\n 'ds-button',\n 'ds-icon-item',\n 'ds-separator',\n 'ds-search-box',\n 'ds-combo-box',\n]).description('out-of-the-box toolbar components');\n\nconst toolbarItemProps = {\n component: PropTypes.oneOfType([\n outOfTheBoxType,\n PropTypes.element,\n ]).description('Main component').isRequired,\n hasShortcut: PropTypes.bool\n .description(\n 'Whether to include the component as a shortcut in the toolbar or not',\n )\n .defaultValue(false),\n shortcutComponent: PropTypes.element.description(\n 'Component to render as a shortcut in the toolbar',\n ),\n shortcutProps: PropTypes.object.description('Shortcut component props'),\n dropdownComponentProps: PropTypes.object.description(\n 'Dropdown component props',\n ),\n sharedProps: PropTypes.object.description(\n 'Props shared by shortcut component and dropdown component',\n ),\n contextualRegion: PropTypes.element.description(\n 'Component that can be rendered as an adjacent region to the shortcut component',\n ),\n contextualRegionProps: PropTypes.object.description(\n 'Contextual region component props',\n ),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description(\n 'Items props',\n);\n\nconst overflowButtonPropTypes = {\n ariaLabel: PropTypes.string,\n buttonType: PropTypes.oneOf(['secondary', 'text']),\n style: PropTypes.object,\n};\n\nconst miniToolbarProps = {\n items: PropTypes.arrayOf(itemPropTypes).description('Array of items')\n .isRequired,\n overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description(\n 'Overflow button props',\n ),\n};\n\nconst ToolbarItem = () => null;\n\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],"names":["outOfTheBoxType","PropTypes","oneOf","description","toolbarItemProps","component","oneOfType","element","isRequired","hasShortcut","bool","defaultValue","shortcutComponent","shortcutProps","object","dropdownComponentProps","sharedProps","contextualRegion","contextualRegionProps","itemPropTypes","shape","overflowButtonPropTypes","ariaLabel","string","buttonType","style","miniToolbarProps","items","arrayOf","overflowButtonProps","ToolbarItem","ToolbarItemWithSchema","describe","propTypes"],"mappings":";;;;;;AAEA,IAAMA,eAAe,GAAGC,mBAAS,CAACC,KAAV,CAAgB,CACtC,WADsC,EAEtC,cAFsC,EAGtC,cAHsC,EAItC,eAJsC,EAKtC,cALsC,CAAhB,EAMrBC,WANqB,CAMT,mCANS,CAAxB;AAQA,IAAMC,gBAAgB,GAAG;EACvBC,SAAS,EAAEJ,mBAAS,CAACK,SAAV,CAAoB,CAC7BN,eAD6B,EAE7BC,mBAAS,CAACM,OAFmB,CAApB,EAGRJ,WAHQ,CAGI,gBAHJ,EAGsBK,UAJV;EAKvBC,WAAW,EAAER,mBAAS,CAACS,IAAV,CACVP,WADU,CAET,sEAFS,EAIVQ,YAJU,CAIG,KAJH,CALU;EAUvBC,iBAAiB,EAAEX,mBAAS,CAACM,OAAV,CAAkBJ,WAAlB,CACjB,kDADiB,CAVI;EAavBU,aAAa,EAAEZ,mBAAS,CAACa,MAAV,CAAiBX,WAAjB,CAA6B,0BAA7B,CAbQ;EAcvBY,sBAAsB,EAAEd,mBAAS,CAACa,MAAV,CAAiBX,WAAjB,CACtB,0BADsB,CAdD;EAiBvBa,WAAW,EAAEf,mBAAS,CAACa,MAAV,CAAiBX,WAAjB,CACX,2DADW,CAjBU;EAoBvBc,gBAAgB,EAAEhB,mBAAS,CAACM,OAAV,CAAkBJ,WAAlB,CAChB,gFADgB,CApBK;EAuBvBe,qBAAqB,EAAEjB,mBAAS,CAACa,MAAV,CAAiBX,WAAjB,CACrB,mCADqB;AAvBA,CAAzB;AA4BA,IAAMgB,aAAa,GAAGlB,mBAAS,CAACmB,KAAV,CAAgBhB,gBAAhB,EAAkCD,WAAlC,CACpB,aADoB,CAAtB;AAIA,IAAMkB,uBAAuB,GAAG;EAC9BC,SAAS,EAAErB,mBAAS,CAACsB,MADS;EAE9BC,UAAU,EAAEvB,mBAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,MAAd,CAAhB,CAFkB;EAG9BuB,KAAK,EAAExB,mBAAS,CAACa;AAHa,CAAhC;IAMMY,gBAAgB,GAAG;EACvBC,KAAK,EAAE1B,mBAAS,CAAC2B,OAAV,CAAkBT,aAAlB,EAAiChB,WAAjC,CAA6C,gBAA7C,EACJK,UAFoB;EAGvBqB,mBAAmB,EAAE5B,mBAAS,CAACmB,KAAV,CAAgBC,uBAAhB,EAAyClB,WAAzC,CACnB,uBADmB;AAHE;;AAQzB,IAAM2B,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAM,IAAN;AAAA,CAApB;;IAEMC,qBAAqB,GAAGC,kBAAQ,CAACF,WAAD;AACtCC,qBAAqB,CAACE,SAAtB,GAAkC7B,gBAAlC;;;;;"}
|
package/cjs/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../src/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nconst Container = styled.ul`\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n padding: 0 6px;\n`;\n\nconst Separator = styled.span`\n height: 24px;\n width: 1px;\n margin: 6px;\n border-left: 1px solid #bbb;\n`;\n\nconst Item = styled.li`\n display: flex;\n margin: 6px;\n cursor: pointer;\n`;\n\nconst StyledButton = styled(DSButton)`\n &:not(:focus) {\n border-color: transparent;\n }\n`;\n\nexport { Container, Separator, Item, StyledButton };\n"],"names":["Container","styled","ul","Separator","span","Item","li","StyledButton","DSButton"],"mappings":";;;;;;;;;;;;IAGMA,SAAS,gBAAGC,0BAAM,CAACC,EAAV;
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../src/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nconst Container = styled.ul`\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n padding: 0 6px;\n`;\n\nconst Separator = styled.span`\n height: 24px;\n width: 1px;\n margin: 6px;\n border-left: 1px solid #bbb;\n`;\n\nconst Item = styled.li`\n display: flex;\n margin: 6px;\n cursor: pointer;\n`;\n\nconst StyledButton = styled(DSButton)`\n &:not(:focus) {\n border-color: transparent;\n }\n`;\n\nexport { Container, Separator, Item, StyledButton };\n"],"names":["Container","styled","ul","Separator","span","Item","li","StyledButton","DSButton"],"mappings":";;;;;;;;;;;;IAGMA,SAAS,gBAAGC,0BAAM,CAACC,EAAV;EAAA;AAAA;IAQTC,SAAS,gBAAGF,0BAAM,CAACG,IAAV;EAAA;AAAA;IAOTC,IAAI,gBAAGJ,0BAAM,CAACK,EAAV;EAAA;AAAA;IAMJC,YAAY,gBAAGN,0BAAM,CAACO,4BAAD,CAAT;EAAA;AAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MiniToolbar.js","sources":["../../../src/Components/MiniToolbar.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles';\nimport { miniToolbarProps } from '../propTypes';\nimport { useGenerateItems } from '../hooks/useGenerateItems';\nimport { MiniToolbarPropsT } from '../index.d';\n\nconst Elipsis = <MoreOptionsVert color={['brand-primary', '600']} size=\"m\" />;\n\nconst MiniToolbar = ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement => {\n const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);\n const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState<boolean>(false);\n\n const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);\n const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);\n const openDropdownMenuKeyPress = useCallback((e) => {\n if (e.key === ' ') {\n setIsDropdownMenuOpen(true);\n }\n }, []);\n\n const { ariaLabel, style, buttonType = 'secondary' } = overflowButtonProps || {};\n\n return (\n <Container role=\"toolbar\" data-testid=\"ds-mini-toolbar\">\n {shortcutItems}\n <DSDropdownMenu\n data-testid=\"ds-mini-toolbar__dropdown-menu\"\n isOpen={isDropdownMenuOpen}\n onSelectMenuItem={closeDropdownMenu}\n onClickOutsideMenu={closeDropdownMenu}\n options={dropdownMenuItems}\n triggerComponent={\n <StyledButton\n aria-label={ariaLabel}\n data-testid=\"ds-mini-toolbar__elipsis\"\n size=\"m\"\n style={style}\n buttonType={buttonType}\n onClick={openDropdownMenu}\n onKeyPress={openDropdownMenuKeyPress}\n leftIcon={Elipsis}\n />\n }\n />\n </Container>\n );\n};\n\nMiniToolbar.propTypes = miniToolbarProps;\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],"names":["Elipsis","MiniToolbar","items","overflowButtonProps","useGenerateItems","shortcutItems","dropdownMenuItems","useState","isDropdownMenuOpen","setIsDropdownMenuOpen","closeDropdownMenu","useCallback","openDropdownMenu","openDropdownMenuKeyPress","e","key","ariaLabel","style","buttonType","propTypes","miniToolbarProps","MiniToolbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,gBAAG,oBAAC,eAAD;
|
|
1
|
+
{"version":3,"file":"MiniToolbar.js","sources":["../../../src/Components/MiniToolbar.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles';\nimport { miniToolbarProps } from '../propTypes';\nimport { useGenerateItems } from '../hooks/useGenerateItems';\nimport { MiniToolbarPropsT } from '../index.d';\n\nconst Elipsis = <MoreOptionsVert color={['brand-primary', '600']} size=\"m\" />;\n\nconst MiniToolbar = ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement => {\n const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);\n const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState<boolean>(false);\n\n const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);\n const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);\n const openDropdownMenuKeyPress = useCallback((e) => {\n if (e.key === ' ') {\n setIsDropdownMenuOpen(true);\n }\n }, []);\n\n const { ariaLabel, style, buttonType = 'secondary' } = overflowButtonProps || {};\n\n return (\n <Container role=\"toolbar\" data-testid=\"ds-mini-toolbar\">\n {shortcutItems}\n <DSDropdownMenu\n data-testid=\"ds-mini-toolbar__dropdown-menu\"\n isOpen={isDropdownMenuOpen}\n onSelectMenuItem={closeDropdownMenu}\n onClickOutsideMenu={closeDropdownMenu}\n options={dropdownMenuItems}\n triggerComponent={\n <StyledButton\n aria-label={ariaLabel}\n data-testid=\"ds-mini-toolbar__elipsis\"\n size=\"m\"\n style={style}\n buttonType={buttonType}\n onClick={openDropdownMenu}\n onKeyPress={openDropdownMenuKeyPress}\n leftIcon={Elipsis}\n />\n }\n />\n </Container>\n );\n};\n\nMiniToolbar.propTypes = miniToolbarProps;\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],"names":["Elipsis","MiniToolbar","items","overflowButtonProps","useGenerateItems","shortcutItems","dropdownMenuItems","useState","isDropdownMenuOpen","setIsDropdownMenuOpen","closeDropdownMenu","useCallback","openDropdownMenu","openDropdownMenuKeyPress","e","key","ariaLabel","style","buttonType","propTypes","miniToolbarProps","MiniToolbarWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,OAAO,gBAAG,oBAAC,eAAD;EAAiB,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAxB;EAAkD,IAAI,EAAC;AAAvD,EAAhB;;IAEMC,WAAW,GAAG,SAAdA,WAAc,OAA2E;EAAA,IAAxEC,KAAwE,QAAxEA,KAAwE;MAAjEC,mBAAiE,QAAjEA,mBAAiE;;EAC7F,wBAA2CC,gBAAgB,CAACF,KAAD,CAA3D;;MAAOG,aAAP;MAAsBC,iBAAtB;;EACA,gBAAoDC,QAAQ,CAAU,KAAV,CAA5D;;MAAOC,kBAAP;MAA2BC,qBAA3B;;EAEA,IAAMC,iBAAiB,GAAGC,WAAW,CAAC;IAAA,OAAMF,qBAAqB,CAAC,KAAD,CAA3B;GAAD,EAAqC,EAArC,CAArC;EACA,IAAMG,gBAAgB,GAAGD,WAAW,CAAC;IAAA,OAAMF,qBAAqB,CAAC,IAAD,CAA3B;GAAD,EAAoC,EAApC,CAApC;EACA,IAAMI,wBAAwB,GAAGF,WAAW,CAAC,UAACG,CAAD,EAAO;IAClD,IAAIA,CAAC,CAACC,GAAF,KAAU,GAAd,EAAmB;MACjBN,qBAAqB,CAAC,IAAD,CAArB;;GAFwC,EAIzC,EAJyC,CAA5C;;EAMA,YAAuDN,mBAAmB,IAAI,EAA9E;MAAQa,SAAR,SAAQA,SAAR;MAAmBC,KAAnB,SAAmBA,KAAnB;+BAA0BC,UAA1B;MAA0BA,UAA1B,iCAAuC,WAAvC;;EAEA,oBACE,oBAAC,SAAD;IAAW,IAAI,EAAC,SAAhB;IAA0B,eAAY;KACnCb,aADH,eAEE,oBAAC,cAAD;IACE,eAAY,gCADd;IAEE,MAAM,EAAEG,kBAFV;IAGE,gBAAgB,EAAEE,iBAHpB;IAIE,kBAAkB,EAAEA,iBAJtB;IAKE,OAAO,EAAEJ,iBALX;IAME,gBAAgB,eACd,oBAAC,YAAD;MACE,cAAYU,SADd;MAEE,eAAY,0BAFd;MAGE,IAAI,EAAC,GAHP;MAIE,KAAK,EAAEC,KAJT;MAKE,UAAU,EAAEC,UALd;MAME,OAAO,EAAEN,gBANX;MAOE,UAAU,EAAEC,wBAPd;MAQE,QAAQ,EAAEb;;IAjBlB,CADF;AAwBD;;AAEDC,WAAW,CAACkB,SAAZ,GAAwBC,gBAAxB;IACMC,qBAAqB,GAAGC,QAAQ,CAACrB,WAAD;AACtCoB,qBAAqB,CAACF,SAAtB,GAAkCC,gBAAlC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarShortcut.js","sources":["../../../src/Components/ToolbarShortcut.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles';\nimport { ToolbarShortcutPropsT } from '../index.d';\n\nconst ToolbarShortcut = (props: ToolbarShortcutPropsT): React.ReactElement => {\n const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;\n const leftRef = useRef<HTMLElement | null>(null);\n const rightRef = useRef<HTMLElement | null>(null);\n const timerLeft = useRef<ReturnType<typeof setInterval> | null>(null);\n const timerRight = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const { position = 'left', isOpen = false } = contextualRegionProps || {};\n const { style } = shortcutProps || {};\n\n const mergedProps = {\n ...sharedProps,\n ...shortcutProps,\n };\n\n useEffect(() => {\n if (isOpen && leftRef.current) {\n timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);\n }\n if (isOpen && rightRef.current) {\n timerRight.current = setTimeout(() => rightRef.current.focus(), 200);\n }\n\n return () => {\n clearTimeout(timerLeft.current);\n clearTimeout(timerRight.current);\n };\n }, [isOpen, leftRef, rightRef]);\n\n return (\n <>\n {isOpen && position === 'left' && (\n <Item>\n <ContextualRegion innerRef={leftRef} {...contextualRegionProps} />\n </Item>\n )}\n {Component && (\n <Item style={style}>\n <Component {...mergedProps} />\n </Item>\n )}\n {isOpen && position === 'right' && (\n <Item>\n <ContextualRegion innerRef={rightRef} {...contextualRegionProps} />\n </Item>\n )}\n </>\n );\n};\n\nexport { ToolbarShortcut };\n"],"names":["ToolbarShortcut","props","Component","shortcutProps","sharedProps","ContextualRegion","contextualRegionProps","leftRef","useRef","rightRef","timerLeft","timerRight","position","isOpen","style","mergedProps","useEffect","current","setTimeout","focus","clearTimeout"],"mappings":";;;;;;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAsD;
|
|
1
|
+
{"version":3,"file":"ToolbarShortcut.js","sources":["../../../src/Components/ToolbarShortcut.tsx"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles';\nimport { ToolbarShortcutPropsT } from '../index.d';\n\nconst ToolbarShortcut = (props: ToolbarShortcutPropsT): React.ReactElement => {\n const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;\n const leftRef = useRef<HTMLElement | null>(null);\n const rightRef = useRef<HTMLElement | null>(null);\n const timerLeft = useRef<ReturnType<typeof setInterval> | null>(null);\n const timerRight = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const { position = 'left', isOpen = false } = contextualRegionProps || {};\n const { style } = shortcutProps || {};\n\n const mergedProps = {\n ...sharedProps,\n ...shortcutProps,\n };\n\n useEffect(() => {\n if (isOpen && leftRef.current) {\n timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);\n }\n if (isOpen && rightRef.current) {\n timerRight.current = setTimeout(() => rightRef.current.focus(), 200);\n }\n\n return () => {\n clearTimeout(timerLeft.current);\n clearTimeout(timerRight.current);\n };\n }, [isOpen, leftRef, rightRef]);\n\n return (\n <>\n {isOpen && position === 'left' && (\n <Item>\n <ContextualRegion innerRef={leftRef} {...contextualRegionProps} />\n </Item>\n )}\n {Component && (\n <Item style={style}>\n <Component {...mergedProps} />\n </Item>\n )}\n {isOpen && position === 'right' && (\n <Item>\n <ContextualRegion innerRef={rightRef} {...contextualRegionProps} />\n </Item>\n )}\n </>\n );\n};\n\nexport { ToolbarShortcut };\n"],"names":["ToolbarShortcut","props","Component","shortcutProps","sharedProps","ContextualRegion","contextualRegionProps","leftRef","useRef","rightRef","timerLeft","timerRight","position","isOpen","style","mergedProps","useEffect","current","setTimeout","focus","clearTimeout"],"mappings":";;;;;;;;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAAsD;EAC5E,IAAQC,SAAR,GAA2FD,KAA3F,CAAQC,SAAR;MAAmBC,aAAnB,GAA2FF,KAA3F,CAAmBE,aAAnB;MAAkCC,WAAlC,GAA2FH,KAA3F,CAAkCG,WAAlC;MAA+CC,gBAA/C,GAA2FJ,KAA3F,CAA+CI,gBAA/C;MAAiEC,qBAAjE,GAA2FL,KAA3F,CAAiEK,qBAAjE;EACA,IAAMC,OAAO,GAAGC,MAAM,CAAqB,IAArB,CAAtB;EACA,IAAMC,QAAQ,GAAGD,MAAM,CAAqB,IAArB,CAAvB;EACA,IAAME,SAAS,GAAGF,MAAM,CAAwC,IAAxC,CAAxB;EACA,IAAMG,UAAU,GAAGH,MAAM,CAAwC,IAAxC,CAAzB;;EAEA,WAA8CF,qBAAqB,IAAI,EAAvE;2BAAQM,QAAR;MAAQA,QAAR,8BAAmB,MAAnB;yBAA2BC,MAA3B;MAA2BA,MAA3B,4BAAoC,KAApC;;EACA,YAAkBV,aAAa,IAAI,EAAnC;MAAQW,KAAR,SAAQA,KAAR;;EAEA,IAAMC,WAAW,mCACZX,WADY,GAEZD,aAFY,CAAjB;;EAKAa,SAAS,CAAC,YAAM;IACd,IAAIH,MAAM,IAAIN,OAAO,CAACU,OAAtB,EAA+B;MAC7BP,SAAS,CAACO,OAAV,GAAoBC,UAAU,CAAC;QAAA,OAAMX,OAAO,CAACU,OAAR,CAAgBE,KAAhB,EAAN;OAAD,EAAgC,GAAhC,CAA9B;;;IAEF,IAAIN,MAAM,IAAIJ,QAAQ,CAACQ,OAAvB,EAAgC;MAC9BN,UAAU,CAACM,OAAX,GAAqBC,UAAU,CAAC;QAAA,OAAMT,QAAQ,CAACQ,OAAT,CAAiBE,KAAjB,EAAN;OAAD,EAAiC,GAAjC,CAA/B;;;IAGF,OAAO,YAAM;MACXC,YAAY,CAACV,SAAS,CAACO,OAAX,CAAZ;MACAG,YAAY,CAACT,UAAU,CAACM,OAAZ,CAAZ;KAFF;GARO,EAYN,CAACJ,MAAD,EAASN,OAAT,EAAkBE,QAAlB,CAZM,CAAT;EAcA,oBACE,0CACGI,MAAM,IAAID,QAAQ,KAAK,MAAvB,iBACC,oBAAC,IAAD,qBACE,oBAAC,gBAAD;IAAkB,QAAQ,EAAEL;KAAaD,qBAAzC,EADF,CAFJ,EAMGJ,SAAS,iBACR,oBAAC,IAAD;IAAM,KAAK,EAAEY;kBACX,oBAAC,SAAD,EAAeC,WAAf,CADF,CAPJ,EAWGF,MAAM,IAAID,QAAQ,KAAK,OAAvB,iBACC,oBAAC,IAAD,qBACE,oBAAC,gBAAD;IAAkB,QAAQ,EAAEH;KAAcH,qBAA1C,EADF,CAZJ,CADF;AAmBD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../src/Components/outOfTheBox/Button.tsx"],"sourcesContent":["import React from 'react';\nimport DSButton from '@elliemae/ds-button';\n\nconst MiniToolbarButton = (props: Record<string, unknown>): React.ReactElement => (\n <DSButton {...props} aria-label={props.ariaLabel} data-testid=\"ds-mini-toolbar__shortcut\" />\n);\n\nexport { MiniToolbarButton };\n"],"names":["MiniToolbarButton","props","ariaLabel"],"mappings":";;;;IAGMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src/Components/outOfTheBox/Button.tsx"],"sourcesContent":["import React from 'react';\nimport DSButton from '@elliemae/ds-button';\n\nconst MiniToolbarButton = (props: Record<string, unknown>): React.ReactElement => (\n <DSButton {...props} aria-label={props.ariaLabel} data-testid=\"ds-mini-toolbar__shortcut\" />\n);\n\nexport { MiniToolbarButton };\n"],"names":["MiniToolbarButton","props","ariaLabel"],"mappings":";;;;IAGMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD;EAAA,oBACxB,oBAAC,QAAD,eAAcA,KAAd;IAAqB,cAAYA,KAAK,CAACC,SAAvC;IAAkD,eAAY;KADtC;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboBox.js","sources":["../../../../src/Components/outOfTheBox/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nconst MiniToolbarComboBox = (props: Record<string, unknown>): React.ReactElement => <DSComboBox2 {...props} />;\n\nexport { MiniToolbarComboBox };\n"],"names":["MiniToolbarComboBox","props"],"mappings":";;;IAGMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;
|
|
1
|
+
{"version":3,"file":"ComboBox.js","sources":["../../../../src/Components/outOfTheBox/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nconst MiniToolbarComboBox = (props: Record<string, unknown>): React.ReactElement => <DSComboBox2 {...props} />;\n\nexport { MiniToolbarComboBox };\n"],"names":["MiniToolbarComboBox","props"],"mappings":";;;IAGMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD;EAAA,oBAAwD,oBAAC,WAAD,EAAiBA,KAAjB,CAAxD;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconItem.js","sources":["../../../../src/Components/outOfTheBox/IconItem.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarIcon = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { Icon, size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Icon size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nexport { MiniToolbarIcon };\n"],"names":["MiniToolbarIcon","props","Icon","size","color","onClick","ariaLabel","style","buttonType"],"mappings":";;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA0D;
|
|
1
|
+
{"version":3,"file":"IconItem.js","sources":["../../../../src/Components/outOfTheBox/IconItem.tsx"],"sourcesContent":["import React from 'react';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarIcon = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { Icon, size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Icon size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nexport { MiniToolbarIcon };\n"],"names":["MiniToolbarIcon","props","Icon","size","color","onClick","ariaLabel","style","buttonType"],"mappings":";;;;;IAIMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD,EAA0D;EAChF,IAAQC,IAAR,GAAmFD,KAAnF,CAAQC,IAAR;MAAcC,IAAd,GAAmFF,KAAnF,CAAcE,IAAd;MAAoBC,KAApB,GAAmFH,KAAnF,CAAoBG,KAApB;MAA2BC,OAA3B,GAAmFJ,KAAnF,CAA2BI,OAA3B;MAAoCC,SAApC,GAAmFL,KAAnF,CAAoCK,SAApC;MAA+CC,KAA/C,GAAmFN,KAAnF,CAA+CM,KAA/C;0BAAmFN,KAAnF,CAAsDO,UAAtD;MAAsDA,UAAtD,kCAAmE,WAAnE;EAEA,oBACE,oBAAC,YAAD;IACE,cAAYF,SADd;IAEE,UAAU,EAAEE,UAFd;IAGE,OAAO,EAAEH,OAHX;IAIE,KAAK,EAAEE,KAJT;IAKE,QAAQ,eAAE,oBAAC,IAAD;MAAM,IAAI,EAAEJ,IAAZ;MAAkB,KAAK,EAAEC;MALrC;IAME,eAAY;IAPhB;AAUD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchBox.js","sources":["../../../../src/Components/outOfTheBox/SearchBox.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Search size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n"],"names":["MiniToolbarSearchButton","props","size","color","onClick","ariaLabel","style","buttonType","MiniToolbarSearchBox"],"mappings":";;;;;;;;IAOMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAA0D;
|
|
1
|
+
{"version":3,"file":"SearchBox.js","sources":["../../../../src/Components/outOfTheBox/SearchBox.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Search size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n"],"names":["MiniToolbarSearchButton","props","size","color","onClick","ariaLabel","style","buttonType","MiniToolbarSearchBox"],"mappings":";;;;;;;;IAOMA,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,KAAD,EAA0D;EACxF,IAAQC,IAAR,GAA6ED,KAA7E,CAAQC,IAAR;MAAcC,KAAd,GAA6EF,KAA7E,CAAcE,KAAd;MAAqBC,OAArB,GAA6EH,KAA7E,CAAqBG,OAArB;MAA8BC,SAA9B,GAA6EJ,KAA7E,CAA8BI,SAA9B;MAAyCC,KAAzC,GAA6EL,KAA7E,CAAyCK,KAAzC;0BAA6EL,KAA7E,CAAgDM,UAAhD;MAAgDA,UAAhD,kCAA6D,WAA7D;EAEA,oBACE,oBAAC,YAAD;IACE,cAAYF,SADd;IAEE,UAAU,EAAEE,UAFd;IAGE,OAAO,EAAEH,OAHX;IAIE,KAAK,EAAEE,KAJT;IAKE,QAAQ,eAAE,oBAAC,MAAD;MAAQ,IAAI,EAAEJ,IAAd;MAAoB,KAAK,EAAEC;MALvC;IAME,eAAY;IAPhB;AAUD;;IAEKK,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACP,KAAD;EAAA,oBAC3B,oBAAC,WAAD;IAAa,SAAS,MAAtB;IAAuB,QAAQ,EAAE;KAAWA,KAA5C,EAD2B;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.js","sources":["../../../../src/Components/outOfTheBox/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { Separator } from '../../styles';\n\nconst MiniToolbarSeparator = (): React.ReactElement => (\n <Separator data-testid=\"ds-mini-toolbar__separator\" />\n);\n\nexport { MiniToolbarSeparator };\n"],"names":["MiniToolbarSeparator"],"mappings":";;;;;IAGMA,oBAAoB,GAAG,SAAvBA,oBAAuB;
|
|
1
|
+
{"version":3,"file":"Separator.js","sources":["../../../../src/Components/outOfTheBox/Separator.tsx"],"sourcesContent":["import React from 'react';\nimport { Separator } from '../../styles';\n\nconst MiniToolbarSeparator = (): React.ReactElement => (\n <Separator data-testid=\"ds-mini-toolbar__separator\" />\n);\n\nexport { MiniToolbarSeparator };\n"],"names":["MiniToolbarSeparator"],"mappings":";;;;;IAGMA,oBAAoB,GAAG,SAAvBA,oBAAuB;EAAA,oBAC3B,oBAAC,SAAD;IAAW,eAAY;IADI;AAAA;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useGenerateItems.js","sources":["../../../src/hooks/useGenerateItems.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { Search } from '@elliemae/ds-icons';\nimport {\n ICON_ITEM,\n SEPARATOR,\n BUTTON,\n SEARCH_BOX,\n COMBO_BOX,\n MiniToolbarButton,\n MiniToolbarSeparator,\n MiniToolbarSearchBox,\n MiniToolbarIcon,\n MiniToolbarComboBox,\n} from '../Components/outOfTheBox';\nimport { ToolbarShortcut } from '../Components/ToolbarShortcut';\nimport { MiniToolbarSearchButton } from '../Components/outOfTheBox/SearchBox';\nimport { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';\n\nconst useGenerateItems = (items: MiniToolbarItemT[]): [React.ReactElement[], GeneratedDropdownItemT[]] => {\n const instanceUID = useMemo(() => uid(6), []);\n\n const shortcutItems = useMemo(\n () =>\n items\n .filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion)\n .map((item, index) => {\n const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } =\n item;\n\n let Component;\n let ContextualRegion;\n\n if (component === SEPARATOR) return <MiniToolbarSeparator />;\n if (component === BUTTON) Component = MiniToolbarButton;\n else if (component === ICON_ITEM) Component = MiniToolbarIcon;\n else if (component === COMBO_BOX) Component = MiniToolbarComboBox;\n else if (component === SEARCH_BOX) {\n if (item.hasShortcut) {\n Component = MiniToolbarSearchButton;\n }\n ContextualRegion = MiniToolbarSearchBox;\n }\n if (!ContextualRegion) {\n ContextualRegion = contextualRegion;\n }\n if (!Component) {\n Component = shortcutComponent;\n }\n\n return (\n <ToolbarShortcut\n key={`${instanceUID}-shortcut-${index}`}\n Component={Component}\n shortcutProps={shortcutProps}\n sharedProps={sharedProps}\n ContextualRegion={ContextualRegion}\n contextualRegionProps={contextualRegionProps}\n />\n );\n }),\n [instanceUID, items],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n items.map((item, index) => {\n const { component, sharedProps, dropdownComponentProps } = item;\n const dropdownItem: GeneratedDropdownItemT = {};\n\n const { Icon, color, label, onClick } = {\n ...sharedProps,\n ...dropdownComponentProps,\n };\n\n if (component === SEPARATOR) dropdownItem.type = 'separator';\n else {\n dropdownItem.id = `${instanceUID}-dropdown-${index}`;\n dropdownItem.onClick = () => onClick(item);\n dropdownItem.label = label;\n dropdownItem.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n onClick(item);\n }\n };\n }\n\n if (component === ICON_ITEM) {\n dropdownItem.leftAddon = <Icon color={color} />;\n } else if (component === SEARCH_BOX) {\n dropdownItem.leftAddon = <Search color={color} />;\n } else if (component === COMBO_BOX) {\n dropdownItem.type = 'subMenu';\n dropdownItem.label = label;\n dropdownItem.subItems = sharedProps.options.map((option, index) => {\n option.id = `${instanceUID}-option-${index}`;\n option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);\n option.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === ' ' || e.key === 'Enter') {\n dropdownComponentProps.onSelectMenuItem(option);\n }\n };\n return option;\n });\n }\n\n return dropdownItem;\n }),\n [instanceUID, items],\n );\n\n return [shortcutItems, dropdownMenuItems];\n};\n\nexport { useGenerateItems };\n"],"names":["useGenerateItems","items","instanceUID","useMemo","uid","shortcutItems","filter","item","hasShortcut","component","SEARCH_BOX","contextualRegion","map","index","shortcutComponent","shortcutProps","sharedProps","contextualRegionProps","Component","ContextualRegion","SEPARATOR","BUTTON","MiniToolbarButton","ICON_ITEM","MiniToolbarIcon","COMBO_BOX","MiniToolbarComboBox","MiniToolbarSearchButton","MiniToolbarSearchBox","dropdownMenuItems","dropdownComponentProps","dropdownItem","Icon","color","label","onClick","type","id","onKeyDown","e","key","leftAddon","subItems","options","option","onSelectMenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAmBMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAiF;
|
|
1
|
+
{"version":3,"file":"useGenerateItems.js","sources":["../../../src/hooks/useGenerateItems.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { Search } from '@elliemae/ds-icons';\nimport {\n ICON_ITEM,\n SEPARATOR,\n BUTTON,\n SEARCH_BOX,\n COMBO_BOX,\n MiniToolbarButton,\n MiniToolbarSeparator,\n MiniToolbarSearchBox,\n MiniToolbarIcon,\n MiniToolbarComboBox,\n} from '../Components/outOfTheBox';\nimport { ToolbarShortcut } from '../Components/ToolbarShortcut';\nimport { MiniToolbarSearchButton } from '../Components/outOfTheBox/SearchBox';\nimport { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';\n\nconst useGenerateItems = (items: MiniToolbarItemT[]): [React.ReactElement[], GeneratedDropdownItemT[]] => {\n const instanceUID = useMemo(() => uid(6), []);\n\n const shortcutItems = useMemo(\n () =>\n items\n .filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion)\n .map((item, index) => {\n const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } =\n item;\n\n let Component;\n let ContextualRegion;\n\n if (component === SEPARATOR) return <MiniToolbarSeparator />;\n if (component === BUTTON) Component = MiniToolbarButton;\n else if (component === ICON_ITEM) Component = MiniToolbarIcon;\n else if (component === COMBO_BOX) Component = MiniToolbarComboBox;\n else if (component === SEARCH_BOX) {\n if (item.hasShortcut) {\n Component = MiniToolbarSearchButton;\n }\n ContextualRegion = MiniToolbarSearchBox;\n }\n if (!ContextualRegion) {\n ContextualRegion = contextualRegion;\n }\n if (!Component) {\n Component = shortcutComponent;\n }\n\n return (\n <ToolbarShortcut\n key={`${instanceUID}-shortcut-${index}`}\n Component={Component}\n shortcutProps={shortcutProps}\n sharedProps={sharedProps}\n ContextualRegion={ContextualRegion}\n contextualRegionProps={contextualRegionProps}\n />\n );\n }),\n [instanceUID, items],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n items.map((item, index) => {\n const { component, sharedProps, dropdownComponentProps } = item;\n const dropdownItem: GeneratedDropdownItemT = {};\n\n const { Icon, color, label, onClick } = {\n ...sharedProps,\n ...dropdownComponentProps,\n };\n\n if (component === SEPARATOR) dropdownItem.type = 'separator';\n else {\n dropdownItem.id = `${instanceUID}-dropdown-${index}`;\n dropdownItem.onClick = () => onClick(item);\n dropdownItem.label = label;\n dropdownItem.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n onClick(item);\n }\n };\n }\n\n if (component === ICON_ITEM) {\n dropdownItem.leftAddon = <Icon color={color} />;\n } else if (component === SEARCH_BOX) {\n dropdownItem.leftAddon = <Search color={color} />;\n } else if (component === COMBO_BOX) {\n dropdownItem.type = 'subMenu';\n dropdownItem.label = label;\n dropdownItem.subItems = sharedProps.options.map((option, index) => {\n option.id = `${instanceUID}-option-${index}`;\n option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);\n option.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === ' ' || e.key === 'Enter') {\n dropdownComponentProps.onSelectMenuItem(option);\n }\n };\n return option;\n });\n }\n\n return dropdownItem;\n }),\n [instanceUID, items],\n );\n\n return [shortcutItems, dropdownMenuItems];\n};\n\nexport { useGenerateItems };\n"],"names":["useGenerateItems","items","instanceUID","useMemo","uid","shortcutItems","filter","item","hasShortcut","component","SEARCH_BOX","contextualRegion","map","index","shortcutComponent","shortcutProps","sharedProps","contextualRegionProps","Component","ContextualRegion","SEPARATOR","BUTTON","MiniToolbarButton","ICON_ITEM","MiniToolbarIcon","COMBO_BOX","MiniToolbarComboBox","MiniToolbarSearchButton","MiniToolbarSearchBox","dropdownMenuItems","dropdownComponentProps","dropdownItem","Icon","color","label","onClick","type","id","onKeyDown","e","key","leftAddon","subItems","options","option","onSelectMenuItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAmBMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,KAAD,EAAiF;EACxG,IAAMC,WAAW,GAAGC,OAAO,CAAC;IAAA,OAAMC,GAAG,CAAC,CAAD,CAAT;GAAD,EAAe,EAAf,CAA3B;EAEA,IAAMC,aAAa,GAAGF,OAAO,CAC3B;IAAA,OACEF,KAAK,CACFK,MADH,CACU,UAACC,IAAD;MAAA,OAAUA,IAAI,CAACC,WAAL,IAAoBD,IAAI,CAACE,SAAL,KAAmBC,UAAvC,IAAqDH,IAAI,CAACI,gBAApE;KADV,EAEGC,GAFH,CAEO,UAACL,IAAD,EAAOM,KAAP,EAAiB;MACpB,IAAQJ,SAAR,GACEF,IADF,CAAQE,SAAR;UAAmBK,iBAAnB,GACEP,IADF,CAAmBO,iBAAnB;UAAsCC,aAAtC,GACER,IADF,CAAsCQ,aAAtC;UAAqDC,WAArD,GACET,IADF,CAAqDS,WAArD;UAAkEL,gBAAlE,GACEJ,IADF,CAAkEI,gBAAlE;UAAoFM,qBAApF,GACEV,IADF,CAAoFU,qBAApF;MAGA,IAAIC,SAAJ;MACA,IAAIC,gBAAJ;MAEA,IAAIV,SAAS,KAAKW,SAAlB,EAA6B,oBAAO,oBAAC,oBAAD,OAAP;MAC7B,IAAIX,SAAS,KAAKY,MAAlB,EAA0BH,SAAS,GAAGI,iBAAZ,CAA1B,KACK,IAAIb,SAAS,KAAKc,SAAlB,EAA6BL,SAAS,GAAGM,eAAZ,CAA7B,KACA,IAAIf,SAAS,KAAKgB,SAAlB,EAA6BP,SAAS,GAAGQ,mBAAZ,CAA7B,KACA,IAAIjB,SAAS,KAAKC,UAAlB,EAA8B;QACjC,IAAIH,IAAI,CAACC,WAAT,EAAsB;UACpBU,SAAS,GAAGS,uBAAZ;;;QAEFR,gBAAgB,GAAGS,oBAAnB;;;MAEF,IAAI,CAACT,gBAAL,EAAuB;QACrBA,gBAAgB,GAAGR,gBAAnB;;;MAEF,IAAI,CAACO,SAAL,EAAgB;QACdA,SAAS,GAAGJ,iBAAZ;;;MAGF,oBACE,oBAAC,eAAD;QACE,GAAG,YAAKZ,WAAL,uBAA6BW,KAA7B,CADL;QAEE,SAAS,EAAEK,SAFb;QAGE,aAAa,EAAEH,aAHjB;QAIE,WAAW,EAAEC,WAJf;QAKE,gBAAgB,EAAEG,gBALpB;QAME,qBAAqB,EAAEF;QAP3B;KA1BJ,CADF;GAD2B,EAuC3B,CAACf,WAAD,EAAcD,KAAd,CAvC2B,CAA7B;EA0CA,IAAM4B,iBAAiB,GAAG1B,OAAO,CAC/B;IAAA,OACEF,KAAK,CAACW,GAAN,CAAU,UAACL,IAAD,EAAOM,KAAP,EAAiB;MACzB,IAAQJ,SAAR,GAA2DF,IAA3D,CAAQE,SAAR;UAAmBO,WAAnB,GAA2DT,IAA3D,CAAmBS,WAAnB;UAAgCc,sBAAhC,GAA2DvB,IAA3D,CAAgCuB,sBAAhC;MACA,IAAMC,YAAoC,GAAG,EAA7C;;MAEA,4DACKf,WADL,GAEKc,sBAFL;UAAQE,IAAR,yBAAQA,IAAR;UAAcC,KAAd,yBAAcA,KAAd;UAAqBC,KAArB,yBAAqBA,KAArB;UAA4BC,OAA5B,yBAA4BA,OAA5B;;MAKA,IAAI1B,SAAS,KAAKW,SAAlB,EAA6BW,YAAY,CAACK,IAAb,GAAoB,WAApB,CAA7B,KACK;QACHL,YAAY,CAACM,EAAb,aAAqBnC,WAArB,uBAA6CW,KAA7C;;QACAkB,YAAY,CAACI,OAAb,GAAuB;UAAA,OAAMA,OAAO,CAAC5B,IAAD,CAAb;SAAvB;;QACAwB,YAAY,CAACG,KAAb,GAAqBA,KAArB;;QACAH,YAAY,CAACO,SAAb,GAAyB,UAACC,CAAD,EAA4B;UACnD,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAnC,EAAwC;YACtCL,OAAO,CAAC5B,IAAD,CAAP;;SAFJ;;;MAOF,IAAIE,SAAS,KAAKc,SAAlB,EAA6B;QAC3BQ,YAAY,CAACU,SAAb,gBAAyB,oBAAC,IAAD;UAAM,KAAK,EAAER;UAAtC;OADF,MAEO,IAAIxB,SAAS,KAAKC,UAAlB,EAA8B;QACnCqB,YAAY,CAACU,SAAb,gBAAyB,oBAAC,MAAD;UAAQ,KAAK,EAAER;UAAxC;OADK,MAEA,IAAIxB,SAAS,KAAKgB,SAAlB,EAA6B;QAClCM,YAAY,CAACK,IAAb,GAAoB,SAApB;QACAL,YAAY,CAACG,KAAb,GAAqBA,KAArB;QACAH,YAAY,CAACW,QAAb,GAAwB1B,WAAW,CAAC2B,OAAZ,CAAoB/B,GAApB,CAAwB,UAACgC,MAAD,EAAS/B,KAAT,EAAmB;UACjE+B,MAAM,CAACP,EAAP,aAAenC,WAAf,qBAAqCW,KAArC;;UACA+B,MAAM,CAACT,OAAP,GAAiB;YAAA,OAAML,sBAAsB,CAACe,gBAAvB,CAAwCD,MAAxC,CAAN;WAAjB;;UACAA,MAAM,CAACN,SAAP,GAAmB,UAACC,CAAD,EAA4B;YAC7C,IAAIA,CAAC,CAACC,GAAF,KAAU,GAAV,IAAiBD,CAAC,CAACC,GAAF,KAAU,OAA/B,EAAwC;cACtCV,sBAAsB,CAACe,gBAAvB,CAAwCD,MAAxC;;WAFJ;;UAKA,OAAOA,MAAP;SARsB,CAAxB;;;MAYF,OAAOb,YAAP;KAxCF,CADF;GAD+B,EA4C/B,CAAC7B,WAAD,EAAcD,KAAd,CA5C+B,CAAjC;EA+CA,OAAO,CAACI,aAAD,EAAgBwB,iBAAhB,CAAP;AACD;;;;"}
|
package/esm/propTypes.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\n\nconst outOfTheBoxType = PropTypes.oneOf([\n 'ds-button',\n 'ds-icon-item',\n 'ds-separator',\n 'ds-search-box',\n 'ds-combo-box',\n]).description('out-of-the-box toolbar components');\n\nconst toolbarItemProps = {\n component: PropTypes.oneOfType([\n outOfTheBoxType,\n PropTypes.element,\n ]).description('Main component').isRequired,\n hasShortcut: PropTypes.bool\n .description(\n 'Whether to include the component as a shortcut in the toolbar or not',\n )\n .defaultValue(false),\n shortcutComponent: PropTypes.element.description(\n 'Component to render as a shortcut in the toolbar',\n ),\n shortcutProps: PropTypes.object.description('Shortcut component props'),\n dropdownComponentProps: PropTypes.object.description(\n 'Dropdown component props',\n ),\n sharedProps: PropTypes.object.description(\n 'Props shared by shortcut component and dropdown component',\n ),\n contextualRegion: PropTypes.element.description(\n 'Component that can be rendered as an adjacent region to the shortcut component',\n ),\n contextualRegionProps: PropTypes.object.description(\n 'Contextual region component props',\n ),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description(\n 'Items props',\n);\n\nconst overflowButtonPropTypes = {\n ariaLabel: PropTypes.string,\n buttonType: PropTypes.oneOf(['secondary', 'text']),\n style: PropTypes.object,\n};\n\nconst miniToolbarProps = {\n items: PropTypes.arrayOf(itemPropTypes).description('Array of items')\n .isRequired,\n overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description(\n 'Overflow button props',\n ),\n};\n\nconst ToolbarItem = () => null;\n\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],"names":["outOfTheBoxType","PropTypes","oneOf","description","toolbarItemProps","component","oneOfType","element","isRequired","hasShortcut","bool","defaultValue","shortcutComponent","shortcutProps","object","dropdownComponentProps","sharedProps","contextualRegion","contextualRegionProps","itemPropTypes","shape","overflowButtonPropTypes","ariaLabel","string","buttonType","style","miniToolbarProps","items","arrayOf","overflowButtonProps","ToolbarItem","ToolbarItemWithSchema","describe","propTypes"],"mappings":";;AAEA,IAAMA,eAAe,GAAGC,SAAS,CAACC,KAAV,CAAgB,CACtC,WADsC,EAEtC,cAFsC,EAGtC,cAHsC,EAItC,eAJsC,EAKtC,cALsC,CAAhB,EAMrBC,WANqB,CAMT,mCANS,CAAxB;AAQA,IAAMC,gBAAgB,GAAG;
|
|
1
|
+
{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes, describe } from 'react-desc';\n\nconst outOfTheBoxType = PropTypes.oneOf([\n 'ds-button',\n 'ds-icon-item',\n 'ds-separator',\n 'ds-search-box',\n 'ds-combo-box',\n]).description('out-of-the-box toolbar components');\n\nconst toolbarItemProps = {\n component: PropTypes.oneOfType([\n outOfTheBoxType,\n PropTypes.element,\n ]).description('Main component').isRequired,\n hasShortcut: PropTypes.bool\n .description(\n 'Whether to include the component as a shortcut in the toolbar or not',\n )\n .defaultValue(false),\n shortcutComponent: PropTypes.element.description(\n 'Component to render as a shortcut in the toolbar',\n ),\n shortcutProps: PropTypes.object.description('Shortcut component props'),\n dropdownComponentProps: PropTypes.object.description(\n 'Dropdown component props',\n ),\n sharedProps: PropTypes.object.description(\n 'Props shared by shortcut component and dropdown component',\n ),\n contextualRegion: PropTypes.element.description(\n 'Component that can be rendered as an adjacent region to the shortcut component',\n ),\n contextualRegionProps: PropTypes.object.description(\n 'Contextual region component props',\n ),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description(\n 'Items props',\n);\n\nconst overflowButtonPropTypes = {\n ariaLabel: PropTypes.string,\n buttonType: PropTypes.oneOf(['secondary', 'text']),\n style: PropTypes.object,\n};\n\nconst miniToolbarProps = {\n items: PropTypes.arrayOf(itemPropTypes).description('Array of items')\n .isRequired,\n overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description(\n 'Overflow button props',\n ),\n};\n\nconst ToolbarItem = () => null;\n\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],"names":["outOfTheBoxType","PropTypes","oneOf","description","toolbarItemProps","component","oneOfType","element","isRequired","hasShortcut","bool","defaultValue","shortcutComponent","shortcutProps","object","dropdownComponentProps","sharedProps","contextualRegion","contextualRegionProps","itemPropTypes","shape","overflowButtonPropTypes","ariaLabel","string","buttonType","style","miniToolbarProps","items","arrayOf","overflowButtonProps","ToolbarItem","ToolbarItemWithSchema","describe","propTypes"],"mappings":";;AAEA,IAAMA,eAAe,GAAGC,SAAS,CAACC,KAAV,CAAgB,CACtC,WADsC,EAEtC,cAFsC,EAGtC,cAHsC,EAItC,eAJsC,EAKtC,cALsC,CAAhB,EAMrBC,WANqB,CAMT,mCANS,CAAxB;AAQA,IAAMC,gBAAgB,GAAG;EACvBC,SAAS,EAAEJ,SAAS,CAACK,SAAV,CAAoB,CAC7BN,eAD6B,EAE7BC,SAAS,CAACM,OAFmB,CAApB,EAGRJ,WAHQ,CAGI,gBAHJ,EAGsBK,UAJV;EAKvBC,WAAW,EAAER,SAAS,CAACS,IAAV,CACVP,WADU,CAET,sEAFS,EAIVQ,YAJU,CAIG,KAJH,CALU;EAUvBC,iBAAiB,EAAEX,SAAS,CAACM,OAAV,CAAkBJ,WAAlB,CACjB,kDADiB,CAVI;EAavBU,aAAa,EAAEZ,SAAS,CAACa,MAAV,CAAiBX,WAAjB,CAA6B,0BAA7B,CAbQ;EAcvBY,sBAAsB,EAAEd,SAAS,CAACa,MAAV,CAAiBX,WAAjB,CACtB,0BADsB,CAdD;EAiBvBa,WAAW,EAAEf,SAAS,CAACa,MAAV,CAAiBX,WAAjB,CACX,2DADW,CAjBU;EAoBvBc,gBAAgB,EAAEhB,SAAS,CAACM,OAAV,CAAkBJ,WAAlB,CAChB,gFADgB,CApBK;EAuBvBe,qBAAqB,EAAEjB,SAAS,CAACa,MAAV,CAAiBX,WAAjB,CACrB,mCADqB;AAvBA,CAAzB;AA4BA,IAAMgB,aAAa,GAAGlB,SAAS,CAACmB,KAAV,CAAgBhB,gBAAhB,EAAkCD,WAAlC,CACpB,aADoB,CAAtB;AAIA,IAAMkB,uBAAuB,GAAG;EAC9BC,SAAS,EAAErB,SAAS,CAACsB,MADS;EAE9BC,UAAU,EAAEvB,SAAS,CAACC,KAAV,CAAgB,CAAC,WAAD,EAAc,MAAd,CAAhB,CAFkB;EAG9BuB,KAAK,EAAExB,SAAS,CAACa;AAHa,CAAhC;IAMMY,gBAAgB,GAAG;EACvBC,KAAK,EAAE1B,SAAS,CAAC2B,OAAV,CAAkBT,aAAlB,EAAiChB,WAAjC,CAA6C,gBAA7C,EACJK,UAFoB;EAGvBqB,mBAAmB,EAAE5B,SAAS,CAACmB,KAAV,CAAgBC,uBAAhB,EAAyClB,WAAzC,CACnB,uBADmB;AAHE;;AAQzB,IAAM2B,WAAW,GAAG,SAAdA,WAAc;EAAA,OAAM,IAAN;AAAA,CAApB;;IAEMC,qBAAqB,GAAGC,QAAQ,CAACF,WAAD;AACtCC,qBAAqB,CAACE,SAAtB,GAAkC7B,gBAAlC;;;;"}
|
package/esm/styles.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../src/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nconst Container = styled.ul`\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n padding: 0 6px;\n`;\n\nconst Separator = styled.span`\n height: 24px;\n width: 1px;\n margin: 6px;\n border-left: 1px solid #bbb;\n`;\n\nconst Item = styled.li`\n display: flex;\n margin: 6px;\n cursor: pointer;\n`;\n\nconst StyledButton = styled(DSButton)`\n &:not(:focus) {\n border-color: transparent;\n }\n`;\n\nexport { Container, Separator, Item, StyledButton };\n"],"names":["Container","styled","ul","Separator","span","Item","li","StyledButton","DSButton"],"mappings":";;;IAGMA,SAAS,gBAAGC,MAAM,CAACC,EAAV;
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../src/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nconst Container = styled.ul`\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n padding: 0 6px;\n`;\n\nconst Separator = styled.span`\n height: 24px;\n width: 1px;\n margin: 6px;\n border-left: 1px solid #bbb;\n`;\n\nconst Item = styled.li`\n display: flex;\n margin: 6px;\n cursor: pointer;\n`;\n\nconst StyledButton = styled(DSButton)`\n &:not(:focus) {\n border-color: transparent;\n }\n`;\n\nexport { Container, Separator, Item, StyledButton };\n"],"names":["Container","styled","ul","Separator","span","Item","li","StyledButton","DSButton"],"mappings":";;;IAGMA,SAAS,gBAAGC,MAAM,CAACC,EAAV;EAAA;AAAA;IAQTC,SAAS,gBAAGF,MAAM,CAACG,IAAV;EAAA;AAAA;IAOTC,IAAI,gBAAGJ,MAAM,CAACK,EAAV;EAAA;AAAA;IAMJC,YAAY,gBAAGN,MAAM,CAACO,QAAD,CAAT;EAAA;AAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mini-toolbar",
|
|
3
|
-
"version": "1.61.
|
|
3
|
+
"version": "1.61.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - MiniToolbar",
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -12,10 +12,10 @@
|
|
|
12
12
|
"build": "node ../../scripts/build/build.js"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@elliemae/ds-basic": "1.61.
|
|
16
|
-
"@elliemae/ds-dropdownmenu": "1.61.
|
|
17
|
-
"@elliemae/ds-icons": "1.61.
|
|
18
|
-
"@elliemae/ds-system": "1.61.
|
|
15
|
+
"@elliemae/ds-basic": "1.61.13",
|
|
16
|
+
"@elliemae/ds-dropdownmenu": "1.61.13",
|
|
17
|
+
"@elliemae/ds-icons": "1.61.13",
|
|
18
|
+
"@elliemae/ds-system": "1.61.13",
|
|
19
19
|
"react-desc": "^4.1.2",
|
|
20
20
|
"uid": "^2.0.0"
|
|
21
21
|
},
|