@elliemae/ds-mini-toolbar 3.1.0-next.2 → 3.1.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Components/MiniToolbar.js +2 -2
- package/dist/cjs/Components/MiniToolbar.js.map +2 -2
- package/dist/cjs/propTypes.js +18 -18
- package/dist/cjs/propTypes.js.map +2 -2
- package/dist/cjs/styles.js +5 -5
- package/dist/cjs/styles.js.map +2 -2
- package/dist/esm/Components/MiniToolbar.js +1 -1
- package/dist/esm/Components/MiniToolbar.js.map +1 -1
- package/dist/esm/propTypes.js +1 -1
- package/dist/esm/propTypes.js.map +1 -1
- package/dist/esm/styles.js +1 -1
- package/dist/esm/styles.js.map +1 -1
- package/package.json +16 -15
|
@@ -26,7 +26,7 @@ __export(MiniToolbar_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(MiniToolbar_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
28
|
var import_react = __toESM(require("react"));
|
|
29
|
-
var
|
|
29
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
30
30
|
var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
|
|
31
31
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
32
32
|
var import_styles = require("../styles");
|
|
@@ -70,6 +70,6 @@ const MiniToolbar = ({ items, overflowButtonProps }) => {
|
|
|
70
70
|
};
|
|
71
71
|
MiniToolbar.propTypes = import_propTypes.miniToolbarProps;
|
|
72
72
|
MiniToolbar.displayName = "MiniToolbar";
|
|
73
|
-
const MiniToolbarWithSchema = (0,
|
|
73
|
+
const MiniToolbarWithSchema = (0, import_ds_utilities.describe)(MiniToolbar);
|
|
74
74
|
MiniToolbarWithSchema.propTypes = import_propTypes.miniToolbarProps;
|
|
75
75
|
//# sourceMappingURL=MiniToolbar.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/Components/MiniToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,
|
|
4
|
+
"sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nMiniToolbar.displayName = 'MiniToolbar';\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,0BAAyB;AACzB,6BAA+B;AAC/B,sBAAgC;AAChC,oBAAwC;AACxC,uBAAiC;AACjC,8BAAiC;AAGjC,MAAM,UAAU,mDAAC;AAAA,EAAgB,OAAO,CAAC,iBAAiB,KAAK;AAAA,EAAG,MAAK;AAAA,CAAI;AAE3E,MAAM,cAAc,CAAC,EAAE,OAAO,0BAAiE;AAC7F,QAAM,CAAC,eAAe,qBAAqB,8CAAiB,KAAK;AACjE,QAAM,CAAC,oBAAoB,yBAAyB,2BAAkB,KAAK;AAE3E,QAAM,oBAAoB,8BAAY,MAAM,sBAAsB,KAAK,GAAG,CAAC,CAAC;AAC5E,QAAM,mBAAmB,8BAAY,MAAM,sBAAsB,IAAI,GAAG,CAAC,CAAC;AAC1E,QAAM,2BAA2B,8BAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,WAAW,OAAO,aAAa,gBAAgB,uBAAuB,CAAC;AAE/E,SACE,mDAAC;AAAA,IAAU,MAAK;AAAA,IAAU,eAAY;AAAA,KACnC,eACD,mDAAC;AAAA,IACC,eAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,kBACE,mDAAC;AAAA,MACC,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,KACZ;AAAA,GAEJ,CACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/propTypes.js
CHANGED
|
@@ -25,8 +25,8 @@ __export(propTypes_exports, {
|
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(propTypes_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
29
|
-
const outOfTheBoxType =
|
|
28
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
29
|
+
const outOfTheBoxType = import_ds_utilities.PropTypes.oneOf([
|
|
30
30
|
"ds-button",
|
|
31
31
|
"ds-icon-item",
|
|
32
32
|
"ds-separator",
|
|
@@ -34,30 +34,30 @@ const outOfTheBoxType = import_react_desc.PropTypes.oneOf([
|
|
|
34
34
|
"ds-combo-box"
|
|
35
35
|
]).description("out-of-the-box toolbar components");
|
|
36
36
|
const toolbarItemProps = {
|
|
37
|
-
component:
|
|
37
|
+
component: import_ds_utilities.PropTypes.oneOfType([
|
|
38
38
|
outOfTheBoxType,
|
|
39
|
-
|
|
39
|
+
import_ds_utilities.PropTypes.element
|
|
40
40
|
]).description("Main component").isRequired,
|
|
41
|
-
hasShortcut:
|
|
42
|
-
shortcutComponent:
|
|
43
|
-
shortcutProps:
|
|
44
|
-
dropdownComponentProps:
|
|
45
|
-
sharedProps:
|
|
46
|
-
contextualRegion:
|
|
47
|
-
contextualRegionProps:
|
|
41
|
+
hasShortcut: import_ds_utilities.PropTypes.bool.description("Whether to include the component as a shortcut in the toolbar or not").defaultValue(false),
|
|
42
|
+
shortcutComponent: import_ds_utilities.PropTypes.element.description("Component to render as a shortcut in the toolbar"),
|
|
43
|
+
shortcutProps: import_ds_utilities.PropTypes.object.description("Shortcut component props"),
|
|
44
|
+
dropdownComponentProps: import_ds_utilities.PropTypes.object.description("Dropdown component props"),
|
|
45
|
+
sharedProps: import_ds_utilities.PropTypes.object.description("Props shared by shortcut component and dropdown component"),
|
|
46
|
+
contextualRegion: import_ds_utilities.PropTypes.element.description("Component that can be rendered as an adjacent region to the shortcut component"),
|
|
47
|
+
contextualRegionProps: import_ds_utilities.PropTypes.object.description("Contextual region component props")
|
|
48
48
|
};
|
|
49
|
-
const itemPropTypes =
|
|
49
|
+
const itemPropTypes = import_ds_utilities.PropTypes.shape(toolbarItemProps).description("Items props");
|
|
50
50
|
const overflowButtonPropTypes = {
|
|
51
|
-
ariaLabel:
|
|
52
|
-
buttonType:
|
|
53
|
-
style:
|
|
51
|
+
ariaLabel: import_ds_utilities.PropTypes.string,
|
|
52
|
+
buttonType: import_ds_utilities.PropTypes.oneOf(["secondary", "text"]),
|
|
53
|
+
style: import_ds_utilities.PropTypes.object
|
|
54
54
|
};
|
|
55
55
|
const miniToolbarProps = {
|
|
56
|
-
items:
|
|
57
|
-
overflowButtonProps:
|
|
56
|
+
items: import_ds_utilities.PropTypes.arrayOf(itemPropTypes).description("Array of items").isRequired,
|
|
57
|
+
overflowButtonProps: import_ds_utilities.PropTypes.shape(overflowButtonPropTypes).description("Overflow button props")
|
|
58
58
|
};
|
|
59
59
|
const ToolbarItem = () => null;
|
|
60
60
|
ToolbarItem.displayName = "ToolbarItem";
|
|
61
|
-
const ToolbarItemWithSchema = (0,
|
|
61
|
+
const ToolbarItemWithSchema = (0, import_ds_utilities.describe)(ToolbarItem);
|
|
62
62
|
ToolbarItemWithSchema.propTypes = toolbarItemProps;
|
|
63
63
|
//# sourceMappingURL=propTypes.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes, describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nToolbarItem.displayName = 'ToolbarItem';\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAoC;AAEpC,MAAM,kBAAkB,8BAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,EAAE,YAAY,mCAAmC;AAElD,MAAM,mBAAmB;AAAA,EACvB,WAAW,8BAAU,UAAU;AAAA,IAC7B;AAAA,IACA,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACjC,aAAa,8BAAU,KACpB,YACC,sEACF,EACC,aAAa,KAAK;AAAA,EACrB,mBAAmB,8BAAU,QAAQ,YACnC,kDACF;AAAA,EACA,eAAe,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EACtE,wBAAwB,8BAAU,OAAO,YACvC,0BACF;AAAA,EACA,aAAa,8BAAU,OAAO,YAC5B,2DACF;AAAA,EACA,kBAAkB,8BAAU,QAAQ,YAClC,gFACF;AAAA,EACA,uBAAuB,8BAAU,OAAO,YACtC,mCACF;AACF;AAEA,MAAM,gBAAgB,8BAAU,MAAM,gBAAgB,EAAE,YACtD,aACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,WAAW,8BAAU;AAAA,EACrB,YAAY,8BAAU,MAAM,CAAC,aAAa,MAAM,CAAC;AAAA,EACjD,OAAO,8BAAU;AACnB;AAEA,MAAM,mBAAmB;AAAA,EACvB,OAAO,8BAAU,QAAQ,aAAa,EAAE,YAAY,gBAAgB,EACjE;AAAA,EACH,qBAAqB,8BAAU,MAAM,uBAAuB,EAAE,YAC5D,uBACF;AACF;AAEA,MAAM,cAAc,MAAM;AAC1B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/styles.js
CHANGED
|
@@ -27,27 +27,27 @@ __export(styles_exports, {
|
|
|
27
27
|
});
|
|
28
28
|
module.exports = __toCommonJS(styles_exports);
|
|
29
29
|
var React = __toESM(require("react"));
|
|
30
|
-
var
|
|
30
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
31
31
|
var import_ds_button = require("@elliemae/ds-button");
|
|
32
|
-
const Container =
|
|
32
|
+
const Container = import_ds_system.styled.ul`
|
|
33
33
|
display: flex;
|
|
34
34
|
align-items: center;
|
|
35
35
|
justify-content: center;
|
|
36
36
|
width: fit-content;
|
|
37
37
|
padding: 0 6px;
|
|
38
38
|
`;
|
|
39
|
-
const Separator =
|
|
39
|
+
const Separator = import_ds_system.styled.span`
|
|
40
40
|
height: 24px;
|
|
41
41
|
width: 1px;
|
|
42
42
|
margin: 6px;
|
|
43
43
|
border-left: 1px solid #bbb;
|
|
44
44
|
`;
|
|
45
|
-
const Item =
|
|
45
|
+
const Item = import_ds_system.styled.li`
|
|
46
46
|
display: flex;
|
|
47
47
|
margin: 6px;
|
|
48
48
|
cursor: pointer;
|
|
49
49
|
`;
|
|
50
|
-
const StyledButton = (0,
|
|
50
|
+
const StyledButton = (0, import_ds_system.styled)(import_ds_button.DSButton)`
|
|
51
51
|
&:not(:focus) {
|
|
52
52
|
border-color: transparent;
|
|
53
53
|
}
|
package/dist/cjs/styles.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,uBAAyB;AAEzB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzB,MAAM,YAAY,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,eAAe,6BAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2, { useState, useCallback } from "react";
|
|
3
|
-
import { describe } from "
|
|
3
|
+
import { describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
|
|
5
5
|
import { MoreOptionsVert } from "@elliemae/ds-icons";
|
|
6
6
|
import { StyledButton, Container } from "../styles";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Components/MiniToolbar.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback } from 'react';\nimport { describe } from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\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;\nMiniToolbar.displayName = 'MiniToolbar';\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,UAAU,qCAAC;AAAA,EAAgB,OAAO,CAAC,iBAAiB,KAAK;AAAA,EAAG,MAAK;AAAA,CAAI;AAE3E,MAAM,cAAc,CAAC,EAAE,OAAO,0BAAiE;AAC7F,QAAM,CAAC,eAAe,qBAAqB,iBAAiB,KAAK;AACjE,QAAM,CAAC,oBAAoB,yBAAyB,SAAkB,KAAK;AAE3E,QAAM,oBAAoB,YAAY,MAAM,sBAAsB,KAAK,GAAG,CAAC,CAAC;AAC5E,QAAM,mBAAmB,YAAY,MAAM,sBAAsB,IAAI,GAAG,CAAC,CAAC;AAC1E,QAAM,2BAA2B,YAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB,IAAI;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,EAAE,WAAW,OAAO,aAAa,gBAAgB,uBAAuB,CAAC;AAE/E,SACE,qCAAC;AAAA,IAAU,MAAK;AAAA,IAAU,eAAY;AAAA,KACnC,eACD,qCAAC;AAAA,IACC,eAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,kBACE,qCAAC;AAAA,MACC,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,KACZ;AAAA,GAEJ,CACF;AAEJ;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/propTypes.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/propTypes.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, describe } from '@elliemae/ds-utilities';\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;\nToolbarItem.displayName = 'ToolbarItem';\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AAEA,MAAM,kBAAkB,UAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,EAAE,YAAY,mCAAmC;AAElD,MAAM,mBAAmB;AAAA,EACvB,WAAW,UAAU,UAAU;AAAA,IAC7B;AAAA,IACA,UAAU;AAAA,EACZ,CAAC,EAAE,YAAY,gBAAgB,EAAE;AAAA,EACjC,aAAa,UAAU,KACpB,YACC,sEACF,EACC,aAAa,KAAK;AAAA,EACrB,mBAAmB,UAAU,QAAQ,YACnC,kDACF;AAAA,EACA,eAAe,UAAU,OAAO,YAAY,0BAA0B;AAAA,EACtE,wBAAwB,UAAU,OAAO,YACvC,0BACF;AAAA,EACA,aAAa,UAAU,OAAO,YAC5B,2DACF;AAAA,EACA,kBAAkB,UAAU,QAAQ,YAClC,gFACF;AAAA,EACA,uBAAuB,UAAU,OAAO,YACtC,mCACF;AACF;AAEA,MAAM,gBAAgB,UAAU,MAAM,gBAAgB,EAAE,YACtD,aACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM,CAAC,aAAa,MAAM,CAAC;AAAA,EACjD,OAAO,UAAU;AACnB;AAEA,MAAM,mBAAmB;AAAA,EACvB,OAAO,UAAU,QAAQ,aAAa,EAAE,YAAY,gBAAgB,EACjE;AAAA,EACH,qBAAqB,UAAU,MAAM,uBAAuB,EAAE,YAC5D,uBACF;AACF;AAEA,MAAM,cAAc,MAAM;AAC1B,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/styles.js
CHANGED
package/dist/esm/styles.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\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"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,eAAe,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-mini-toolbar",
|
|
3
|
-
"version": "3.1.0-next.
|
|
3
|
+
"version": "3.1.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - MiniToolbar",
|
|
6
6
|
"files": [
|
|
@@ -74,20 +74,13 @@
|
|
|
74
74
|
"reportFile": "tests.xml",
|
|
75
75
|
"indent": 4
|
|
76
76
|
},
|
|
77
|
-
"scripts": {
|
|
78
|
-
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
79
|
-
"test": "node ../../scripts/testing/test.mjs",
|
|
80
|
-
"lint": "node ../../scripts/lint.mjs",
|
|
81
|
-
"dts": "node ../../scripts/dts.mjs",
|
|
82
|
-
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
83
|
-
},
|
|
84
77
|
"dependencies": {
|
|
85
|
-
"@elliemae/ds-button": "3.1.0-next.
|
|
86
|
-
"@elliemae/ds-dropdownmenu": "3.1.0-next.
|
|
87
|
-
"@elliemae/ds-form": "3.1.0-next.
|
|
88
|
-
"@elliemae/ds-icons": "3.1.0-next.
|
|
89
|
-
"@elliemae/ds-system": "3.1.0-next.
|
|
90
|
-
"
|
|
78
|
+
"@elliemae/ds-button": "3.1.0-next.3",
|
|
79
|
+
"@elliemae/ds-dropdownmenu": "3.1.0-next.3",
|
|
80
|
+
"@elliemae/ds-form": "3.1.0-next.3",
|
|
81
|
+
"@elliemae/ds-icons": "3.1.0-next.3",
|
|
82
|
+
"@elliemae/ds-system": "3.1.0-next.3",
|
|
83
|
+
"@elliemae/ds-utilities": "3.1.0-next.3",
|
|
91
84
|
"uid": "~2.0.0"
|
|
92
85
|
},
|
|
93
86
|
"devDependencies": {
|
|
@@ -104,5 +97,13 @@
|
|
|
104
97
|
"publishConfig": {
|
|
105
98
|
"access": "public",
|
|
106
99
|
"typeSafety": false
|
|
100
|
+
},
|
|
101
|
+
"scripts": {
|
|
102
|
+
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
103
|
+
"test": "node ../../scripts/testing/test.mjs",
|
|
104
|
+
"lint": "node ../../scripts/lint.mjs",
|
|
105
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
106
|
+
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
107
|
+
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
107
108
|
}
|
|
108
|
-
}
|
|
109
|
+
}
|