@elliemae/ds-toolbar 1.57.0-rc.1 → 1.57.0-rc.5
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/deprecated/DSToolbar.js +3 -3
- package/cjs/deprecated/DSToolbar.js.map +1 -1
- package/cjs/deprecated/ToolbarItem.js +2 -2
- package/cjs/deprecated/ToolbarItem.js.map +1 -1
- package/cjs/deprecated/index.js +2 -2
- package/cjs/index.js +2 -2
- package/esm/deprecated/DSToolbar.js +2 -2
- package/esm/deprecated/DSToolbar.js.map +1 -1
- package/esm/deprecated/ToolbarItem.js +2 -2
- package/esm/deprecated/ToolbarItem.js.map +1 -1
- package/esm/deprecated/index.js +2 -2
- package/esm/index.js +2 -2
- package/package.json +7 -7
|
@@ -9,7 +9,7 @@ var React = require('react');
|
|
|
9
9
|
var reactDesc = require('react-desc');
|
|
10
10
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
11
|
var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
|
|
12
|
-
var
|
|
12
|
+
var dsUtilities = require('@elliemae/ds-utilities');
|
|
13
13
|
var deprecated_decorateToolbarChildren = require('./decorateToolbarChildren.js');
|
|
14
14
|
var deprecated_ToolbarItem = require('./ToolbarItem.js');
|
|
15
15
|
var deprecated_ToolbarGroup = require('./ToolbarGroup.js');
|
|
@@ -18,7 +18,7 @@ require('@babel/runtime/helpers/slicedToArray');
|
|
|
18
18
|
require('prop-types');
|
|
19
19
|
require('@elliemae/ds-shared/FocusGroup');
|
|
20
20
|
require('@elliemae/ds-button');
|
|
21
|
-
require('@elliemae/ds-popper
|
|
21
|
+
require('@elliemae/ds-popper');
|
|
22
22
|
|
|
23
23
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
24
|
|
|
@@ -73,7 +73,7 @@ var DSToolbar = function DSToolbar(_ref3) {
|
|
|
73
73
|
alignment: alignment,
|
|
74
74
|
size: size
|
|
75
75
|
},
|
|
76
|
-
innerRef:
|
|
76
|
+
innerRef: dsUtilities.mergeRefs(innerRef, containerRef)
|
|
77
77
|
}), deprecated_decorateToolbarChildren(children)));
|
|
78
78
|
};
|
|
79
79
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSToolbar.js","sources":["../../../src/deprecated/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"DSToolbar.js","sources":["../../../src/deprecated/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(\n blockName,\n null,\n ({ withDepth, alignment, size }) => ({\n 'without-depth': !withDepth,\n [alignment]: !!alignment,\n [size]: size,\n }),\n);\n\nconst DSToolbar = ({\n containerProps = {},\n innerRef,\n withDepth = true,\n alignment = 'right', // left || right\n autoFocusOnMount = true,\n children = [],\n size = 'normal',\n ...otherProps\n}) => {\n const containerRef = useRef(null);\n return (\n <FocusGroupProvider\n autoFocusOnMount={autoFocusOnMount}\n getContainer={() => containerRef.current}\n keyBindings={{\n Tab: 'next',\n }}\n orientation=\"horizontal\"\n >\n <ToolbarContainer\n {...containerProps}\n {...otherProps}\n classProps={{ withDepth, alignment, size }}\n innerRef={mergeRefs(innerRef, containerRef)}\n >\n {decorateToolbarChildren(children)}\n </ToolbarContainer>\n </FocusGroupProvider>\n );\n};\n\nconst toolbarProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n withDepth: PropTypes.bool\n .description('Shows a shadow rear the toolbar')\n .defaultValue(true),\n alignment: PropTypes.oneOf(['right', 'left'])\n .description('Aligns the toolbar to the left or right')\n .defaultValue('right'),\n size: PropTypes.oneOf(['normal', 'compact'])\n .description('Toolbar size')\n .defaultValue('normal'),\n autoFocusOnMount: PropTypes.bool\n .description('Wheter to focus the component when it mounts or not')\n .defaultValue(true),\n children: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.func,\n PropTypes.node,\n ]).description('Toolbar items').isRequired,\n innerRef: PropTypes.object.description(\n 'Ref to the Toolbar container element',\n ),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport {\n DSToolbar,\n Item as ToolbarItem,\n ToolbarGroup,\n Divider as ToolbarDivider,\n ToolbarWithSchema,\n};\n\nexport default DSToolbar;\n"],"names":["blockName","ToolbarContainer","aggregatedClasses","withDepth","alignment","size","DSToolbar","containerProps","innerRef","autoFocusOnMount","children","otherProps","containerRef","useRef","React","FocusGroupProvider","current","Tab","mergeRefs","decorateToolbarChildren","toolbarProps","PropTypes","object","description","bool","defaultValue","oneOf","oneOfType","array","func","node","isRequired","propTypes","ToolbarWithSchema","describe"],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ var React = require('react');
|
|
|
8
8
|
var PropTypes = require('prop-types');
|
|
9
9
|
var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
|
|
10
10
|
var DSButton = require('@elliemae/ds-button');
|
|
11
|
-
var
|
|
11
|
+
var dsPopper = require('@elliemae/ds-popper');
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
@@ -50,7 +50,7 @@ var ToolbarItem = function ToolbarItem(_ref) {
|
|
|
50
50
|
|
|
51
51
|
if (menu) {
|
|
52
52
|
return /*#__PURE__*/React__default['default'].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
|
|
53
|
-
placement:
|
|
53
|
+
placement: dsPopper.PopperPositions.BOTTOM_END,
|
|
54
54
|
triggerComponent: btn
|
|
55
55
|
}));
|
|
56
56
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sources":["../../../src/deprecated/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { Position } from '@elliemae/ds-popper
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sources":["../../../src/deprecated/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n const [ref, setRef] = useState(null);\n\n useFocusGroupWithState(ref);\n const btn = (\n <DSButton {...otherProps} buttonType=\"text\" icon={icon} innerRef={(r) => setRef(r)} labelText={labelText} />\n );\n if (menu) {\n return React.cloneElement(menu, {\n ...menu.props,\n placement: Position.BOTTOM_END,\n triggerComponent: btn,\n });\n }\n return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n icon: PropTypes.element,\n labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],"names":["ToolbarItem","icon","labelText","menu","undefined","otherProps","useState","ref","setRef","useFocusGroupWithState","btn","React","DSButton","r","cloneElement","props","placement","Position","BOTTOM_END","triggerComponent","displayName","propTypes","PropTypes","element","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMMA,WAAW,GAAG,SAAdA,WAAc,OAA0D;AAAA,MAAvDC,IAAuD,QAAvDA,IAAuD;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,uBAAtCC,IAAsC;AAAA,MAAtCA,IAAsC,0BAA/BC,SAA+B;AAAA,MAAjBC,UAAiB;;AAC5E,kBAAsBC,cAAQ,CAAC,IAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AAEAC,EAAAA,iCAAsB,CAACF,GAAD,CAAtB;AACA,MAAMG,GAAG,gBACPC,wCAACC,4BAAD,mCAAcP,UAAd;AAA0B,IAAA,UAAU,EAAC,MAArC;AAA4C,IAAA,IAAI,EAAEJ,IAAlD;AAAwD,IAAA,QAAQ,EAAE,kBAACY,CAAD;AAAA,aAAOL,MAAM,CAACK,CAAD,CAAb;AAAA,KAAlE;AAAoF,IAAA,SAAS,EAAEX;AAA/F,KADF;;AAGA,MAAIC,IAAJ,EAAU;AACR,wBAAOQ,yBAAK,CAACG,YAAN,CAAmBX,IAAnB,kCACFA,IAAI,CAACY,KADH;AAELC,MAAAA,SAAS,EAAEC,wBAAQ,CAACC,UAFf;AAGLC,MAAAA,gBAAgB,EAAET;AAHb,OAAP;AAKD;;AACD,SAAOA,GAAP;AACD;;AAEDV,WAAW,CAACoB,WAAZ,GAA0B,aAA1B;AAEApB,WAAW,CAACqB,SAAZ,GAAwB;AACtBpB,EAAAA,IAAI,EAAEqB,6BAAS,CAACC,OADM;AAEtBrB,EAAAA,SAAS,EAAEoB,6BAAS,CAACE;AAFC,CAAxB;;;;"}
|
package/cjs/deprecated/index.js
CHANGED
|
@@ -13,13 +13,13 @@ require('react');
|
|
|
13
13
|
require('react-desc');
|
|
14
14
|
require('@elliemae/ds-classnames');
|
|
15
15
|
require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
|
|
16
|
-
require('@elliemae/ds-utilities
|
|
16
|
+
require('@elliemae/ds-utilities');
|
|
17
17
|
require('./decorateToolbarChildren.js');
|
|
18
18
|
require('@babel/runtime/helpers/slicedToArray');
|
|
19
19
|
require('prop-types');
|
|
20
20
|
require('@elliemae/ds-shared/FocusGroup');
|
|
21
21
|
require('@elliemae/ds-button');
|
|
22
|
-
require('@elliemae/ds-popper
|
|
22
|
+
require('@elliemae/ds-popper');
|
|
23
23
|
|
|
24
24
|
|
|
25
25
|
|
package/cjs/index.js
CHANGED
|
@@ -16,7 +16,7 @@ require('react');
|
|
|
16
16
|
require('react-desc');
|
|
17
17
|
require('@elliemae/ds-classnames');
|
|
18
18
|
require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
|
|
19
|
-
require('@elliemae/ds-utilities
|
|
19
|
+
require('@elliemae/ds-utilities');
|
|
20
20
|
require('./deprecated/decorateToolbarChildren.js');
|
|
21
21
|
require('@babel/runtime/helpers/slicedToArray');
|
|
22
22
|
require('@elliemae/ds-props-helpers');
|
|
@@ -31,7 +31,7 @@ require('@babel/runtime/helpers/toConsumableArray');
|
|
|
31
31
|
require('prop-types');
|
|
32
32
|
require('@elliemae/ds-shared/FocusGroup');
|
|
33
33
|
require('@elliemae/ds-button');
|
|
34
|
-
require('@elliemae/ds-popper
|
|
34
|
+
require('@elliemae/ds-popper');
|
|
35
35
|
|
|
36
36
|
|
|
37
37
|
|
|
@@ -5,7 +5,7 @@ import React, { useRef } from 'react';
|
|
|
5
5
|
import { PropTypes, describe } from 'react-desc';
|
|
6
6
|
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
7
7
|
import FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
|
|
8
|
-
import { mergeRefs } from '@elliemae/ds-utilities
|
|
8
|
+
import { mergeRefs } from '@elliemae/ds-utilities';
|
|
9
9
|
import decorateToolbarChildren from './decorateToolbarChildren.js';
|
|
10
10
|
export { default as ToolbarItem } from './ToolbarItem.js';
|
|
11
11
|
export { default as ToolbarGroup } from './ToolbarGroup.js';
|
|
@@ -14,7 +14,7 @@ import '@babel/runtime/helpers/esm/slicedToArray';
|
|
|
14
14
|
import 'prop-types';
|
|
15
15
|
import '@elliemae/ds-shared/FocusGroup';
|
|
16
16
|
import '@elliemae/ds-button';
|
|
17
|
-
import '@elliemae/ds-popper
|
|
17
|
+
import '@elliemae/ds-popper';
|
|
18
18
|
|
|
19
19
|
var _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
|
|
20
20
|
var blockName = 'toolbar';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DSToolbar.js","sources":["../../../src/deprecated/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities
|
|
1
|
+
{"version":3,"file":"DSToolbar.js","sources":["../../../src/deprecated/DSToolbar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(\n blockName,\n null,\n ({ withDepth, alignment, size }) => ({\n 'without-depth': !withDepth,\n [alignment]: !!alignment,\n [size]: size,\n }),\n);\n\nconst DSToolbar = ({\n containerProps = {},\n innerRef,\n withDepth = true,\n alignment = 'right', // left || right\n autoFocusOnMount = true,\n children = [],\n size = 'normal',\n ...otherProps\n}) => {\n const containerRef = useRef(null);\n return (\n <FocusGroupProvider\n autoFocusOnMount={autoFocusOnMount}\n getContainer={() => containerRef.current}\n keyBindings={{\n Tab: 'next',\n }}\n orientation=\"horizontal\"\n >\n <ToolbarContainer\n {...containerProps}\n {...otherProps}\n classProps={{ withDepth, alignment, size }}\n innerRef={mergeRefs(innerRef, containerRef)}\n >\n {decorateToolbarChildren(children)}\n </ToolbarContainer>\n </FocusGroupProvider>\n );\n};\n\nconst toolbarProps = {\n containerProps: PropTypes.object.description(\n 'Set of Properties attached to the main container',\n ),\n withDepth: PropTypes.bool\n .description('Shows a shadow rear the toolbar')\n .defaultValue(true),\n alignment: PropTypes.oneOf(['right', 'left'])\n .description('Aligns the toolbar to the left or right')\n .defaultValue('right'),\n size: PropTypes.oneOf(['normal', 'compact'])\n .description('Toolbar size')\n .defaultValue('normal'),\n autoFocusOnMount: PropTypes.bool\n .description('Wheter to focus the component when it mounts or not')\n .defaultValue(true),\n children: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.func,\n PropTypes.node,\n ]).description('Toolbar items').isRequired,\n innerRef: PropTypes.object.description(\n 'Ref to the Toolbar container element',\n ),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport {\n DSToolbar,\n Item as ToolbarItem,\n ToolbarGroup,\n Divider as ToolbarDivider,\n ToolbarWithSchema,\n};\n\nexport default DSToolbar;\n"],"names":["blockName","ToolbarContainer","aggregatedClasses","withDepth","alignment","size","DSToolbar","containerProps","innerRef","autoFocusOnMount","children","otherProps","containerRef","useRef","current","Tab","mergeRefs","decorateToolbarChildren","toolbarProps","PropTypes","object","description","bool","defaultValue","oneOf","oneOfType","array","func","node","isRequired","propTypes","ToolbarWithSchema","describe"],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import React, { useState } from 'react';
|
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
7
|
import { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';
|
|
8
8
|
import DSButton from '@elliemae/ds-button';
|
|
9
|
-
import {
|
|
9
|
+
import { PopperPositions } from '@elliemae/ds-popper';
|
|
10
10
|
|
|
11
11
|
var _excluded = ["icon", "labelText", "menu"];
|
|
12
12
|
|
|
@@ -38,7 +38,7 @@ var ToolbarItem = function ToolbarItem(_ref) {
|
|
|
38
38
|
|
|
39
39
|
if (menu) {
|
|
40
40
|
return /*#__PURE__*/React.cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
|
|
41
|
-
placement:
|
|
41
|
+
placement: PopperPositions.BOTTOM_END,
|
|
42
42
|
triggerComponent: btn
|
|
43
43
|
}));
|
|
44
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sources":["../../../src/deprecated/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { Position } from '@elliemae/ds-popper
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sources":["../../../src/deprecated/ToolbarItem.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';\nimport DSButton from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n const [ref, setRef] = useState(null);\n\n useFocusGroupWithState(ref);\n const btn = (\n <DSButton {...otherProps} buttonType=\"text\" icon={icon} innerRef={(r) => setRef(r)} labelText={labelText} />\n );\n if (menu) {\n return React.cloneElement(menu, {\n ...menu.props,\n placement: Position.BOTTOM_END,\n triggerComponent: btn,\n });\n }\n return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n icon: PropTypes.element,\n labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],"names":["ToolbarItem","icon","labelText","menu","undefined","otherProps","useState","ref","setRef","useFocusGroupWithState","btn","r","React","cloneElement","props","placement","Position","BOTTOM_END","triggerComponent","displayName","propTypes","PropTypes","element","string"],"mappings":";;;;;;;;;;;;;;;;IAMMA,WAAW,GAAG,SAAdA,WAAc,OAA0D;AAAA,MAAvDC,IAAuD,QAAvDA,IAAuD;AAAA,MAAjDC,SAAiD,QAAjDA,SAAiD;AAAA,uBAAtCC,IAAsC;AAAA,MAAtCA,IAAsC,0BAA/BC,SAA+B;AAAA,MAAjBC,UAAiB;;AAC5E,kBAAsBC,QAAQ,CAAC,IAAD,CAA9B;AAAA;AAAA,MAAOC,GAAP;AAAA,MAAYC,MAAZ;;AAEAC,EAAAA,sBAAsB,CAACF,GAAD,CAAtB;AACA,MAAMG,GAAG,gBACP,oBAAC,QAAD,eAAcL,UAAd;AAA0B,IAAA,UAAU,EAAC,MAArC;AAA4C,IAAA,IAAI,EAAEJ,IAAlD;AAAwD,IAAA,QAAQ,EAAE,kBAACU,CAAD;AAAA,aAAOH,MAAM,CAACG,CAAD,CAAb;AAAA,KAAlE;AAAoF,IAAA,SAAS,EAAET;AAA/F,KADF;;AAGA,MAAIC,IAAJ,EAAU;AACR,wBAAOS,KAAK,CAACC,YAAN,CAAmBV,IAAnB,kCACFA,IAAI,CAACW,KADH;AAELC,MAAAA,SAAS,EAAEC,eAAQ,CAACC,UAFf;AAGLC,MAAAA,gBAAgB,EAAER;AAHb,OAAP;AAKD;;AACD,SAAOA,GAAP;AACD;;AAEDV,WAAW,CAACmB,WAAZ,GAA0B,aAA1B;AAEAnB,WAAW,CAACoB,SAAZ,GAAwB;AACtBnB,EAAAA,IAAI,EAAEoB,SAAS,CAACC,OADM;AAEtBpB,EAAAA,SAAS,EAAEmB,SAAS,CAACE;AAFC,CAAxB;;;;"}
|
package/esm/deprecated/index.js
CHANGED
|
@@ -9,11 +9,11 @@ import 'react';
|
|
|
9
9
|
import 'react-desc';
|
|
10
10
|
import '@elliemae/ds-classnames';
|
|
11
11
|
import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
|
|
12
|
-
import '@elliemae/ds-utilities
|
|
12
|
+
import '@elliemae/ds-utilities';
|
|
13
13
|
import './decorateToolbarChildren.js';
|
|
14
14
|
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
15
15
|
import 'prop-types';
|
|
16
16
|
import '@elliemae/ds-shared/FocusGroup';
|
|
17
17
|
import '@elliemae/ds-button';
|
|
18
|
-
import '@elliemae/ds-popper
|
|
18
|
+
import '@elliemae/ds-popper';
|
|
19
19
|
//# sourceMappingURL=index.js.map
|
package/esm/index.js
CHANGED
|
@@ -12,7 +12,7 @@ import 'react';
|
|
|
12
12
|
import 'react-desc';
|
|
13
13
|
import '@elliemae/ds-classnames';
|
|
14
14
|
import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
|
|
15
|
-
import '@elliemae/ds-utilities
|
|
15
|
+
import '@elliemae/ds-utilities';
|
|
16
16
|
import './deprecated/decorateToolbarChildren.js';
|
|
17
17
|
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
18
18
|
import '@elliemae/ds-props-helpers';
|
|
@@ -27,5 +27,5 @@ import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
|
27
27
|
import 'prop-types';
|
|
28
28
|
import '@elliemae/ds-shared/FocusGroup';
|
|
29
29
|
import '@elliemae/ds-button';
|
|
30
|
-
import '@elliemae/ds-popper
|
|
30
|
+
import '@elliemae/ds-popper';
|
|
31
31
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-toolbar",
|
|
3
|
-
"version": "1.57.0-rc.
|
|
3
|
+
"version": "1.57.0-rc.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Ellie Mae - Dim Sum - Toolbar",
|
|
6
6
|
"module": "esm/index.js",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
"build": "node ../../scripts/build/build.js"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@elliemae/ds-button": "1.57.0-rc.
|
|
20
|
-
"@elliemae/ds-classnames": "1.57.0-rc.
|
|
21
|
-
"@elliemae/ds-icons": "1.57.0-rc.
|
|
22
|
-
"@elliemae/ds-popper": "1.57.0-rc.
|
|
23
|
-
"@elliemae/ds-shared": "1.57.0-rc.
|
|
24
|
-
"@elliemae/ds-utilities": "1.57.0-rc.
|
|
19
|
+
"@elliemae/ds-button": "1.57.0-rc.5",
|
|
20
|
+
"@elliemae/ds-classnames": "1.57.0-rc.5",
|
|
21
|
+
"@elliemae/ds-icons": "1.57.0-rc.5",
|
|
22
|
+
"@elliemae/ds-popper": "1.57.0-rc.5",
|
|
23
|
+
"@elliemae/ds-shared": "1.57.0-rc.5",
|
|
24
|
+
"@elliemae/ds-utilities": "1.57.0-rc.5",
|
|
25
25
|
"prop-types": "~15.7.2",
|
|
26
26
|
"react-desc": "^4.1.2"
|
|
27
27
|
},
|