@elliemae/ds-toolbar 1.60.0 → 2.0.0-alpha.12
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/DSToolbarItemV2.js +28 -21
- package/cjs/DSToolbarSeparatorV2.js +7 -10
- package/cjs/DSToolbarV2.js +37 -38
- package/cjs/DSToolbarV2Context.js +2 -5
- package/cjs/deprecated/DSToolbar.js +58 -58
- package/cjs/deprecated/ToolbarDivider.js +2 -3
- package/cjs/deprecated/ToolbarGroup.js +22 -27
- package/cjs/deprecated/ToolbarItem.js +21 -29
- package/cjs/deprecated/decorateToolbarChildren.js +12 -8
- package/cjs/deprecated/index.js +10 -25
- package/cjs/index.js +10 -34
- package/cjs/props.js +1 -2
- package/cjs/styled.js +5 -18
- package/cjs/useToolbarItemHandlers.js +12 -20
- package/esm/DSToolbarItemV2.js +26 -18
- package/esm/DSToolbarSeparatorV2.js +6 -9
- package/esm/DSToolbarV2.js +35 -36
- package/esm/DSToolbarV2Context.js +2 -5
- package/esm/deprecated/DSToolbar.js +49 -48
- package/esm/deprecated/ToolbarDivider.js +2 -3
- package/esm/deprecated/ToolbarGroup.js +20 -23
- package/esm/deprecated/ToolbarItem.js +18 -23
- package/esm/deprecated/decorateToolbarChildren.js +11 -7
- package/esm/deprecated/index.js +0 -15
- package/esm/index.js +0 -24
- package/esm/props.js +1 -2
- package/esm/styled.js +5 -18
- package/esm/useToolbarItemHandlers.js +12 -16
- package/package.json +93 -17
- package/types/DSToolbarItemV2.d.ts +8 -0
- package/types/DSToolbarSeparatorV2.d.ts +2 -0
- package/types/DSToolbarV2.d.ts +10 -0
- package/types/DSToolbarV2Context.d.ts +8 -0
- package/types/deprecated/DSToolbar.d.ts +60 -0
- package/types/deprecated/ToolbarDivider.d.ts +3 -0
- package/types/deprecated/ToolbarGroup.d.ts +15 -0
- package/types/deprecated/ToolbarItem.d.ts +16 -0
- package/types/deprecated/decorateToolbarChildren.d.ts +2 -0
- package/types/deprecated/index.d.ts +2 -0
- package/types/index.d.ts +5 -0
- package/types/props.d.ts +18 -0
- package/types/styled.d.ts +4 -0
- package/types/tests/DSToolbar.test.d.ts +1 -0
- package/types/useToolbarItemHandlers.d.ts +3 -0
- package/DSToolbarItemV2/package.json +0 -10
- package/DSToolbarSeparatorV2/package.json +0 -10
- package/DSToolbarV2/package.json +0 -10
- package/DSToolbarV2Context/package.json +0 -10
- package/cjs/DSToolbarItemV2.js.map +0 -1
- package/cjs/DSToolbarSeparatorV2.js.map +0 -1
- package/cjs/DSToolbarV2.js.map +0 -1
- package/cjs/DSToolbarV2Context.js.map +0 -1
- package/cjs/deprecated/DSToolbar.js.map +0 -1
- package/cjs/deprecated/ToolbarDivider.js.map +0 -1
- package/cjs/deprecated/ToolbarGroup.js.map +0 -1
- package/cjs/deprecated/ToolbarItem.js.map +0 -1
- package/cjs/deprecated/decorateToolbarChildren.js.map +0 -1
- package/cjs/deprecated/index.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/props.js.map +0 -1
- package/cjs/styled.js.map +0 -1
- package/cjs/useToolbarItemHandlers.js.map +0 -1
- package/deprecated/DSToolbar/package.json +0 -10
- package/deprecated/ToolbarDivider/package.json +0 -10
- package/deprecated/ToolbarGroup/package.json +0 -10
- package/deprecated/ToolbarItem/package.json +0 -10
- package/deprecated/decorateToolbarChildren/package.json +0 -10
- package/deprecated/package.json +0 -10
- package/esm/DSToolbarItemV2.js.map +0 -1
- package/esm/DSToolbarSeparatorV2.js.map +0 -1
- package/esm/DSToolbarV2.js.map +0 -1
- package/esm/DSToolbarV2Context.js.map +0 -1
- package/esm/deprecated/DSToolbar.js.map +0 -1
- package/esm/deprecated/ToolbarDivider.js.map +0 -1
- package/esm/deprecated/ToolbarGroup.js.map +0 -1
- package/esm/deprecated/ToolbarItem.js.map +0 -1
- package/esm/deprecated/decorateToolbarChildren.js.map +0 -1
- package/esm/deprecated/index.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/props.js.map +0 -1
- package/esm/styled.js.map +0 -1
- package/esm/useToolbarItemHandlers.js.map +0 -1
- package/props/package.json +0 -10
- package/styled/package.json +0 -10
- package/useToolbarItemHandlers/package.json +0 -10
package/cjs/DSToolbarItemV2.js
CHANGED
|
@@ -2,42 +2,49 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
11
|
var React = require('react');
|
|
7
12
|
var uid = require('uid');
|
|
8
13
|
var DSToolbarV2Context = require('./DSToolbarV2Context.js');
|
|
9
14
|
var styled = require('./styled.js');
|
|
10
15
|
var useToolbarItemHandlers = require('./useToolbarItemHandlers.js');
|
|
11
|
-
require('
|
|
12
|
-
require('@elliemae/ds-grid');
|
|
13
|
-
require('@babel/runtime/helpers/toConsumableArray');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
17
|
|
|
15
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
19
|
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
25
|
+
const DSToolbarItemV2 = _ref => {
|
|
26
|
+
let {
|
|
27
|
+
render
|
|
28
|
+
} = _ref;
|
|
29
|
+
const {
|
|
30
|
+
registerReference
|
|
31
|
+
} = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
|
|
32
|
+
const ref = React.useRef(null);
|
|
33
|
+
const toolbarItemId = React.useMemo(() => {
|
|
34
|
+
const id = "ds-toolbar-item-".concat(uid.uid());
|
|
29
35
|
registerReference(id, ref);
|
|
30
36
|
return id;
|
|
31
37
|
}, [registerReference, ref]);
|
|
32
|
-
|
|
33
|
-
return /*#__PURE__*/
|
|
38
|
+
const handlers = useToolbarItemHandlers.useToolbarItemHandlers(toolbarItemId);
|
|
39
|
+
return /*#__PURE__*/jsxRuntime.jsx(styled.StyledToolbarItem, _objectSpread(_objectSpread({
|
|
34
40
|
id: toolbarItemId,
|
|
35
41
|
"data-testid": "ds-toolbar-item",
|
|
36
42
|
className: "ds-toolbar-item"
|
|
37
|
-
}, handlers),
|
|
38
|
-
|
|
43
|
+
}, handlers), {}, {
|
|
44
|
+
children: render({
|
|
45
|
+
innerRef: ref
|
|
46
|
+
})
|
|
39
47
|
}));
|
|
40
48
|
};
|
|
41
49
|
|
|
42
50
|
exports.DSToolbarItemV2 = DSToolbarItemV2;
|
|
43
|
-
//# sourceMappingURL=DSToolbarItemV2.js.map
|
|
@@ -2,20 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
6
7
|
var styled = require('./styled.js');
|
|
7
|
-
require('styled-components');
|
|
8
|
-
require('@elliemae/ds-grid');
|
|
9
8
|
|
|
10
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
10
|
|
|
12
|
-
var
|
|
11
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
12
|
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
};
|
|
13
|
+
var _StyledSeparator;
|
|
14
|
+
const DSToolbarSeparatorV2 = () => _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](styled.StyledSeparator, {
|
|
15
|
+
className: "ds-toolbar-separator"
|
|
16
|
+
}));
|
|
19
17
|
|
|
20
18
|
exports.DSToolbarSeparatorV2 = DSToolbarSeparatorV2;
|
|
21
|
-
//# sourceMappingURL=DSToolbarSeparatorV2.js.map
|
package/cjs/DSToolbarV2.js
CHANGED
|
@@ -2,8 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
|
|
7
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
10
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
11
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
12
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
13
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
14
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
15
|
var React = require('react');
|
|
8
16
|
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
9
17
|
var reactDesc = require('react-desc');
|
|
@@ -11,71 +19,62 @@ var uid = require('uid');
|
|
|
11
19
|
var DSToolbarV2Context = require('./DSToolbarV2Context.js');
|
|
12
20
|
var props = require('./props.js');
|
|
13
21
|
var styled = require('./styled.js');
|
|
14
|
-
require('
|
|
15
|
-
require('@elliemae/ds-grid');
|
|
22
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
23
|
|
|
17
24
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
25
|
|
|
26
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
27
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
21
28
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
29
|
|
|
23
30
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
24
31
|
|
|
25
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
26
33
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
var registerReference = React.useCallback(function (itemId, ref) {
|
|
44
|
-
setItemReferences(function (prevItemReferences) {
|
|
45
|
-
return _objectSpread(_objectSpread({}, prevItemReferences), {}, _defineProperty__default['default']({}, itemId, ref));
|
|
46
|
-
});
|
|
34
|
+
const DSToolbarV2 = props$1 => {
|
|
35
|
+
const {
|
|
36
|
+
alignment,
|
|
37
|
+
withDepth,
|
|
38
|
+
compact,
|
|
39
|
+
innerRef,
|
|
40
|
+
children
|
|
41
|
+
} = props$1;
|
|
42
|
+
dsPropsHelpers.useValidateTypescriptPropTypes(props$1, props.DSToolbarV2Schema);
|
|
43
|
+
const toolbarUid = React.useMemo(() => "ds-toolbar-".concat(uid.uid()), []);
|
|
44
|
+
const [itemReferences, setItemReferences] = React.useState({});
|
|
45
|
+
const registerReference = React.useCallback((itemId, ref) => {
|
|
46
|
+
setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
|
|
47
|
+
[itemId]: ref
|
|
48
|
+
}));
|
|
47
49
|
}, [setItemReferences]);
|
|
48
|
-
return /*#__PURE__*/
|
|
50
|
+
return /*#__PURE__*/_jsx__default["default"](DSToolbarV2Context.DSToolbarV2Context.Provider, {
|
|
49
51
|
value: {
|
|
50
|
-
toolbarUid
|
|
51
|
-
registerReference
|
|
52
|
-
itemReferences
|
|
52
|
+
toolbarUid,
|
|
53
|
+
registerReference,
|
|
54
|
+
itemReferences
|
|
53
55
|
}
|
|
54
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(styled.StyledToolbarWrapper, {
|
|
55
57
|
role: "toolbar",
|
|
56
58
|
"data-testid": "ds-toolbar-wrapper",
|
|
57
59
|
id: toolbarUid,
|
|
58
60
|
alignItems: "center",
|
|
59
61
|
justifyContent: alignment === 'left' ? 'flex-start' : 'flex-end',
|
|
60
62
|
withDepth: withDepth,
|
|
61
|
-
cols: React__default[
|
|
62
|
-
return ['auto'];
|
|
63
|
-
}),
|
|
63
|
+
cols: React__default["default"].Children.map(children, () => ['auto']),
|
|
64
64
|
gutter: "xxs2",
|
|
65
65
|
compact: compact,
|
|
66
|
-
ref: innerRef
|
|
67
|
-
|
|
66
|
+
ref: innerRef,
|
|
67
|
+
children: children
|
|
68
|
+
}));
|
|
68
69
|
};
|
|
69
70
|
|
|
70
|
-
DSToolbarV2.propTypes = props.DSToolbarV2Schema;
|
|
71
71
|
DSToolbarV2.defaultProps = {
|
|
72
72
|
alignment: 'right',
|
|
73
73
|
withDepth: true,
|
|
74
74
|
compact: false
|
|
75
75
|
};
|
|
76
|
-
|
|
76
|
+
const DSToolbarV2WithSchema = reactDesc.describe(DSToolbarV2).description('Toolbar');
|
|
77
77
|
DSToolbarV2WithSchema.propTypes = props.DSToolbarV2Schema;
|
|
78
78
|
|
|
79
79
|
exports.DSToolbarV2 = DSToolbarV2;
|
|
80
80
|
exports.DSToolbarV2WithSchema = DSToolbarV2WithSchema;
|
|
81
|
-
//# sourceMappingURL=DSToolbarV2.js.map
|
|
@@ -4,13 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
registerReference:
|
|
9
|
-
return null;
|
|
10
|
-
},
|
|
7
|
+
const DSToolbarV2Context = /*#__PURE__*/React.createContext({
|
|
8
|
+
registerReference: () => null,
|
|
11
9
|
itemReferences: {},
|
|
12
10
|
toolbarUid: ''
|
|
13
11
|
});
|
|
14
12
|
|
|
15
13
|
exports.DSToolbarV2Context = DSToolbarV2Context;
|
|
16
|
-
//# sourceMappingURL=DSToolbarV2Context.js.map
|
|
@@ -2,82 +2,84 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
11
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
13
|
var React = require('react');
|
|
9
14
|
var reactDesc = require('react-desc');
|
|
10
15
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
11
16
|
var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
|
|
12
17
|
var dsUtilities = require('@elliemae/ds-utilities');
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
require('
|
|
18
|
-
require('prop-types');
|
|
19
|
-
require('@elliemae/ds-shared/FocusGroup');
|
|
20
|
-
require('@elliemae/ds-button');
|
|
21
|
-
require('@elliemae/ds-popper');
|
|
18
|
+
var decorateToolbarChildren = require('./decorateToolbarChildren.js');
|
|
19
|
+
var ToolbarItem = require('./ToolbarItem.js');
|
|
20
|
+
var ToolbarGroup = require('./ToolbarGroup.js');
|
|
21
|
+
var ToolbarDivider = require('./ToolbarDivider.js');
|
|
22
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
22
23
|
|
|
23
24
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
25
|
|
|
25
|
-
var
|
|
26
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
26
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
27
27
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
28
|
-
var
|
|
28
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
29
29
|
var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var
|
|
34
|
-
var _ref2;
|
|
31
|
+
const _excluded = ["containerProps", "innerRef", "withDepth", "alignment", "autoFocusOnMount", "children", "size"];
|
|
32
|
+
|
|
33
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
35
34
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
35
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
36
|
+
const blockName = 'toolbar';
|
|
37
|
+
const ToolbarContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
38
|
+
let {
|
|
39
|
+
withDepth,
|
|
40
|
+
alignment,
|
|
41
|
+
size
|
|
42
|
+
} = _ref;
|
|
43
|
+
return {
|
|
44
|
+
'without-depth': !withDepth,
|
|
45
|
+
[alignment]: !!alignment,
|
|
46
|
+
[size]: size
|
|
47
|
+
};
|
|
42
48
|
});
|
|
43
49
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
_ref3$size = _ref3.size,
|
|
57
|
-
size = _ref3$size === void 0 ? 'normal' : _ref3$size,
|
|
58
|
-
otherProps = _objectWithoutProperties__default['default'](_ref3, _excluded);
|
|
50
|
+
const DSToolbar = _ref2 => {
|
|
51
|
+
let {
|
|
52
|
+
containerProps = {},
|
|
53
|
+
innerRef,
|
|
54
|
+
withDepth = true,
|
|
55
|
+
alignment = 'right',
|
|
56
|
+
// left || right
|
|
57
|
+
autoFocusOnMount = true,
|
|
58
|
+
children = [],
|
|
59
|
+
size = 'normal'
|
|
60
|
+
} = _ref2,
|
|
61
|
+
otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
|
|
59
62
|
|
|
60
|
-
|
|
61
|
-
return /*#__PURE__*/
|
|
63
|
+
const containerRef = React.useRef(null);
|
|
64
|
+
return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
|
|
62
65
|
autoFocusOnMount: autoFocusOnMount,
|
|
63
|
-
getContainer:
|
|
64
|
-
return containerRef.current;
|
|
65
|
-
},
|
|
66
|
+
getContainer: () => containerRef.current,
|
|
66
67
|
keyBindings: {
|
|
67
68
|
Tab: 'next'
|
|
68
69
|
},
|
|
69
70
|
orientation: "horizontal"
|
|
70
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(ToolbarContainer, _objectSpread(_objectSpread(_objectSpread({}, containerProps), otherProps), {}, {
|
|
71
72
|
classProps: {
|
|
72
|
-
withDepth
|
|
73
|
-
alignment
|
|
74
|
-
size
|
|
73
|
+
withDepth,
|
|
74
|
+
alignment,
|
|
75
|
+
size
|
|
75
76
|
},
|
|
76
|
-
innerRef: dsUtilities.mergeRefs(innerRef, containerRef)
|
|
77
|
-
|
|
77
|
+
innerRef: dsUtilities.mergeRefs(innerRef, containerRef),
|
|
78
|
+
children: decorateToolbarChildren(children)
|
|
79
|
+
})));
|
|
78
80
|
};
|
|
79
81
|
|
|
80
|
-
|
|
82
|
+
const toolbarProps = {
|
|
81
83
|
containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container'),
|
|
82
84
|
withDepth: reactDesc.PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),
|
|
83
85
|
alignment: reactDesc.PropTypes.oneOf(['right', 'left']).description('Aligns the toolbar to the left or right').defaultValue('right'),
|
|
@@ -86,14 +88,12 @@ var toolbarProps = {
|
|
|
86
88
|
children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.func, reactDesc.PropTypes.node]).description('Toolbar items').isRequired,
|
|
87
89
|
innerRef: reactDesc.PropTypes.object.description('Ref to the Toolbar container element')
|
|
88
90
|
};
|
|
89
|
-
|
|
90
|
-
var ToolbarWithSchema = reactDesc.describe(DSToolbar);
|
|
91
|
+
const ToolbarWithSchema = reactDesc.describe(DSToolbar);
|
|
91
92
|
ToolbarWithSchema.propTypes = toolbarProps;
|
|
92
93
|
|
|
93
|
-
exports.ToolbarItem =
|
|
94
|
-
exports.ToolbarGroup =
|
|
95
|
-
exports.ToolbarDivider =
|
|
94
|
+
exports.ToolbarItem = ToolbarItem;
|
|
95
|
+
exports.ToolbarGroup = ToolbarGroup;
|
|
96
|
+
exports.ToolbarDivider = ToolbarDivider;
|
|
96
97
|
exports.DSToolbar = DSToolbar;
|
|
97
98
|
exports.ToolbarWithSchema = ToolbarWithSchema;
|
|
98
|
-
exports[
|
|
99
|
-
//# sourceMappingURL=DSToolbar.js.map
|
|
99
|
+
exports["default"] = DSToolbar;
|
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
const blockName = 'toolbar';
|
|
6
|
+
const ToolbarDivider = dsClassnames.aggregatedClasses('div')(blockName, 'divider');
|
|
7
7
|
ToolbarDivider.displayName = 'ToolbarDivider';
|
|
8
8
|
|
|
9
9
|
module.exports = ToolbarDivider;
|
|
10
|
-
//# sourceMappingURL=ToolbarDivider.js.map
|
|
@@ -1,42 +1,37 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var PropTypes = require('prop-types');
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
6
5
|
var dsClassnames = require('@elliemae/ds-classnames');
|
|
7
|
-
var
|
|
6
|
+
var decorateToolbarChildren = require('./decorateToolbarChildren.js');
|
|
8
7
|
|
|
9
8
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
9
|
|
|
11
|
-
var
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
10
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
11
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
const blockName = 'toolbar-group';
|
|
13
|
+
const ToolbarGroupContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
|
|
14
|
+
let {
|
|
15
|
+
space
|
|
16
|
+
} = _ref;
|
|
17
|
+
return {
|
|
18
|
+
["space-".concat(space)]: !!space
|
|
19
|
+
};
|
|
19
20
|
});
|
|
20
21
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
const ToolbarGroup = _ref2 => {
|
|
23
|
+
let {
|
|
24
|
+
children,
|
|
25
|
+
size,
|
|
26
|
+
space = 0
|
|
27
|
+
} = _ref2;
|
|
28
|
+
return /*#__PURE__*/_jsx__default["default"](ToolbarGroupContainer, {
|
|
27
29
|
classProps: {
|
|
28
|
-
space
|
|
30
|
+
space
|
|
29
31
|
}
|
|
30
|
-
},
|
|
31
|
-
size
|
|
32
|
+
}, void 0, decorateToolbarChildren(children, {
|
|
33
|
+
size
|
|
32
34
|
}));
|
|
33
35
|
};
|
|
34
36
|
|
|
35
|
-
ToolbarGroup.propTypes = {
|
|
36
|
-
children: PropTypes__default['default'].any,
|
|
37
|
-
size: PropTypes__default['default'].number,
|
|
38
|
-
space: PropTypes__default['default'].number
|
|
39
|
-
};
|
|
40
|
-
|
|
41
37
|
module.exports = ToolbarGroup;
|
|
42
|
-
//# sourceMappingURL=ToolbarGroup.js.map
|
|
@@ -1,55 +1,52 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _extends = require('@babel/runtime/helpers/extends');
|
|
5
|
-
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
6
4
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
7
11
|
var React = require('react');
|
|
8
|
-
var PropTypes = require('prop-types');
|
|
9
12
|
var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
|
|
10
13
|
var DSButton = require('@elliemae/ds-button');
|
|
11
14
|
var dsPopper = require('@elliemae/ds-popper');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
12
16
|
|
|
13
17
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
18
|
|
|
15
19
|
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
|
-
var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
|
|
17
|
-
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
18
20
|
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
19
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
20
|
-
var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
|
|
21
22
|
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
22
23
|
|
|
23
|
-
|
|
24
|
+
const _excluded = ["icon", "labelText", "menu"];
|
|
24
25
|
|
|
25
26
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
26
27
|
|
|
27
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
28
29
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var _useState = React.useState(null),
|
|
37
|
-
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
38
|
-
ref = _useState2[0],
|
|
39
|
-
setRef = _useState2[1];
|
|
30
|
+
const ToolbarItem = _ref => {
|
|
31
|
+
let {
|
|
32
|
+
icon,
|
|
33
|
+
labelText,
|
|
34
|
+
menu = undefined
|
|
35
|
+
} = _ref,
|
|
36
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
40
37
|
|
|
38
|
+
const [ref, setRef] = React.useState(null);
|
|
41
39
|
FocusGroup.useFocusGroupWithState(ref);
|
|
42
|
-
|
|
40
|
+
|
|
41
|
+
const btn = /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
43
42
|
buttonType: "text",
|
|
44
43
|
icon: icon,
|
|
45
|
-
innerRef:
|
|
46
|
-
return setRef(r);
|
|
47
|
-
},
|
|
44
|
+
innerRef: r => setRef(r),
|
|
48
45
|
labelText: labelText
|
|
49
46
|
}));
|
|
50
47
|
|
|
51
48
|
if (menu) {
|
|
52
|
-
return /*#__PURE__*/React__default[
|
|
49
|
+
return /*#__PURE__*/React__default["default"].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
|
|
53
50
|
placement: dsPopper.PopperPositions.BOTTOM_END,
|
|
54
51
|
triggerComponent: btn
|
|
55
52
|
}));
|
|
@@ -59,10 +56,5 @@ var ToolbarItem = function ToolbarItem(_ref) {
|
|
|
59
56
|
};
|
|
60
57
|
|
|
61
58
|
ToolbarItem.displayName = 'ToolbarItem';
|
|
62
|
-
ToolbarItem.propTypes = {
|
|
63
|
-
icon: PropTypes__default['default'].element,
|
|
64
|
-
labelText: PropTypes__default['default'].string
|
|
65
|
-
};
|
|
66
59
|
|
|
67
60
|
module.exports = ToolbarItem;
|
|
68
|
-
//# sourceMappingURL=ToolbarItem.js.map
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('core-js/modules/esnext.async-iterator.map.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.map.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
4
11
|
var React = require('react');
|
|
5
12
|
|
|
6
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -10,15 +17,12 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
10
17
|
|
|
11
18
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
12
19
|
|
|
13
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default[
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
14
21
|
var decorateToolbarChildren = (function (children) {
|
|
15
|
-
|
|
16
|
-
return React__default[
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
})) : component;
|
|
20
|
-
}, null);
|
|
22
|
+
let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
23
|
+
return React__default["default"].Children.map(children, component => component ? /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
|
|
24
|
+
className: "".concat(component.props.className, " toolbar-item")
|
|
25
|
+
})) : component, null);
|
|
21
26
|
});
|
|
22
27
|
|
|
23
28
|
module.exports = decorateToolbarChildren;
|
|
24
|
-
//# sourceMappingURL=decorateToolbarChildren.js.map
|