@elliemae/ds-toolbar 2.2.0-alpha.3 → 3.0.0-next.0
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 +44 -49
- package/cjs/DSToolbarSeparatorV2.js +17 -38
- package/cjs/DSToolbarV2.js +69 -62
- package/cjs/DSToolbarV2Context.js +10 -37
- package/cjs/deprecated/DSToolbar.js +89 -86
- package/cjs/deprecated/ToolbarDivider.js +9 -39
- package/cjs/deprecated/ToolbarGroup.js +34 -48
- package/cjs/deprecated/ToolbarItem.js +54 -58
- package/cjs/deprecated/decorateToolbarChildren.js +27 -39
- package/cjs/deprecated/index.js +17 -36
- package/cjs/index.js +24 -39
- package/cjs/props.js +12 -39
- package/cjs/styled.js +22 -51
- package/cjs/useToolbarItemHandlers.js +28 -48
- package/esm/DSToolbarItemV2.js +33 -17
- package/esm/DSToolbarSeparatorV2.js +9 -9
- package/esm/DSToolbarV2.js +54 -29
- package/esm/DSToolbarV2Context.js +6 -8
- package/esm/deprecated/DSToolbar.js +73 -57
- package/esm/deprecated/ToolbarDivider.js +7 -10
- package/esm/deprecated/ToolbarGroup.js +30 -21
- package/esm/deprecated/ToolbarItem.js +43 -27
- package/esm/deprecated/decorateToolbarChildren.js +21 -11
- package/esm/deprecated/index.js +4 -7
- package/esm/index.js +7 -10
- package/esm/props.js +8 -10
- package/esm/styled.js +12 -23
- package/esm/useToolbarItemHandlers.js +24 -19
- package/package.json +10 -10
- package/cjs/DSToolbarItemV2.js.map +0 -7
- package/cjs/DSToolbarSeparatorV2.js.map +0 -7
- package/cjs/DSToolbarV2.js.map +0 -7
- package/cjs/DSToolbarV2Context.js.map +0 -7
- package/cjs/deprecated/DSToolbar.js.map +0 -7
- package/cjs/deprecated/ToolbarDivider.js.map +0 -7
- package/cjs/deprecated/ToolbarGroup.js.map +0 -7
- package/cjs/deprecated/ToolbarItem.js.map +0 -7
- package/cjs/deprecated/decorateToolbarChildren.js.map +0 -7
- package/cjs/deprecated/index.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/props.js.map +0 -7
- package/cjs/styled.js.map +0 -7
- package/cjs/useToolbarItemHandlers.js.map +0 -7
- package/esm/DSToolbarItemV2.js.map +0 -7
- package/esm/DSToolbarSeparatorV2.js.map +0 -7
- package/esm/DSToolbarV2.js.map +0 -7
- package/esm/DSToolbarV2Context.js.map +0 -7
- package/esm/deprecated/DSToolbar.js.map +0 -7
- package/esm/deprecated/ToolbarDivider.js.map +0 -7
- package/esm/deprecated/ToolbarGroup.js.map +0 -7
- package/esm/deprecated/ToolbarItem.js.map +0 -7
- package/esm/deprecated/decorateToolbarChildren.js.map +0 -7
- package/esm/deprecated/index.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/props.js.map +0 -7
- package/esm/styled.js.map +0 -7
- package/esm/useToolbarItemHandlers.js.map +0 -7
|
@@ -1,51 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
|
+
var decorateToolbarChildren = require('./decorateToolbarChildren.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
11
|
+
|
|
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
|
|
26
19
|
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var ToolbarGroup_exports = {};
|
|
29
|
-
__export(ToolbarGroup_exports, {
|
|
30
|
-
default: () => ToolbarGroup_default
|
|
31
20
|
});
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
[
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
size: import_prop_types.default.number,
|
|
47
|
-
space: import_prop_types.default.number
|
|
21
|
+
|
|
22
|
+
const ToolbarGroup = _ref2 => {
|
|
23
|
+
let {
|
|
24
|
+
children,
|
|
25
|
+
size,
|
|
26
|
+
space = 0
|
|
27
|
+
} = _ref2;
|
|
28
|
+
return /*#__PURE__*/_jsx__default["default"](ToolbarGroupContainer, {
|
|
29
|
+
classProps: {
|
|
30
|
+
space
|
|
31
|
+
}
|
|
32
|
+
}, void 0, decorateToolbarChildren(children, {
|
|
33
|
+
size
|
|
34
|
+
}));
|
|
48
35
|
};
|
|
49
|
-
|
|
50
|
-
module.exports =
|
|
51
|
-
//# sourceMappingURL=ToolbarGroup.js.map
|
|
36
|
+
|
|
37
|
+
module.exports = ToolbarGroup;
|
|
@@ -1,64 +1,60 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_prop_types = __toESM(require("prop-types"));
|
|
35
|
-
var import_FocusGroup = __toESM(require("@elliemae/ds-shared/FocusGroup"));
|
|
36
|
-
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
37
|
-
var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
|
|
38
|
-
const ToolbarItem = ({ icon, labelText, menu = void 0, ...otherProps }) => {
|
|
39
|
-
const [ref, setRef] = (0, import_react.useState)(null);
|
|
40
|
-
(0, import_FocusGroup.useFocusGroupWithState)(ref);
|
|
41
|
-
const btn = /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
|
|
42
|
-
...otherProps,
|
|
43
|
-
buttonType: "text",
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
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');
|
|
11
|
+
var React = require('react');
|
|
12
|
+
var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
|
|
13
|
+
var DSButton = require('@elliemae/ds-button');
|
|
14
|
+
var dsPopper = require('@elliemae/ds-popper');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
23
|
+
|
|
24
|
+
const _excluded = ["icon", "labelText", "menu"];
|
|
25
|
+
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
+
|
|
30
|
+
const ToolbarItem = _ref => {
|
|
31
|
+
let {
|
|
44
32
|
icon,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
33
|
+
labelText,
|
|
34
|
+
menu = undefined
|
|
35
|
+
} = _ref,
|
|
36
|
+
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
37
|
+
|
|
38
|
+
const [ref, setRef] = React.useState(null);
|
|
39
|
+
FocusGroup.useFocusGroupWithState(ref);
|
|
40
|
+
|
|
41
|
+
const btn = /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, otherProps), {}, {
|
|
42
|
+
buttonType: "text",
|
|
43
|
+
icon: icon,
|
|
44
|
+
innerRef: r => setRef(r),
|
|
45
|
+
labelText: labelText
|
|
46
|
+
}));
|
|
47
|
+
|
|
48
48
|
if (menu) {
|
|
49
|
-
return
|
|
50
|
-
|
|
51
|
-
placement: import_ds_popper.PopperPositions.BOTTOM_END,
|
|
49
|
+
return /*#__PURE__*/React__default["default"].cloneElement(menu, _objectSpread(_objectSpread({}, menu.props), {}, {
|
|
50
|
+
placement: dsPopper.PopperPositions.BOTTOM_END,
|
|
52
51
|
triggerComponent: btn
|
|
53
|
-
});
|
|
52
|
+
}));
|
|
54
53
|
}
|
|
54
|
+
|
|
55
55
|
return btn;
|
|
56
56
|
};
|
|
57
|
-
|
|
58
|
-
ToolbarItem.
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
};
|
|
62
|
-
var ToolbarItem_default = ToolbarItem;
|
|
63
|
-
module.exports = __toCommonJS(ToolbarItem_exports);
|
|
64
|
-
//# sourceMappingURL=ToolbarItem.js.map
|
|
57
|
+
|
|
58
|
+
ToolbarItem.displayName = 'ToolbarItem';
|
|
59
|
+
|
|
60
|
+
module.exports = ToolbarItem;
|
|
@@ -1,40 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var decorateToolbarChildren_exports = {};
|
|
29
|
-
__export(decorateToolbarChildren_exports, {
|
|
30
|
-
default: () => decorateToolbarChildren_default
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
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');
|
|
11
|
+
var React = require('react');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
|
|
18
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
|
+
|
|
20
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
21
|
+
var decorateToolbarChildren = (function (children) {
|
|
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);
|
|
31
26
|
});
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
var decorateToolbarChildren_default = (children, extraProps = {}) => import_react.default.Children.map(children, (component) => component ? (0, import_react.cloneElement)(component, {
|
|
35
|
-
...extraProps,
|
|
36
|
-
...component.props,
|
|
37
|
-
className: `${component.props.className} toolbar-item`
|
|
38
|
-
}) : component, null);
|
|
39
|
-
module.exports = __toCommonJS(decorateToolbarChildren_exports);
|
|
40
|
-
//# sourceMappingURL=decorateToolbarChildren.js.map
|
|
27
|
+
|
|
28
|
+
module.exports = decorateToolbarChildren;
|
package/cjs/deprecated/index.js
CHANGED
|
@@ -1,36 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var deprecated_exports = {};
|
|
29
|
-
__export(deprecated_exports, {
|
|
30
|
-
default: () => import_DSToolbar.default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(deprecated_exports, __toESM(require("./DSToolbar")));
|
|
34
|
-
var import_DSToolbar = __toESM(require("./DSToolbar"));
|
|
35
|
-
module.exports = __toCommonJS(deprecated_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSToolbar = require('./DSToolbar.js');
|
|
6
|
+
var ToolbarItem = require('./ToolbarItem.js');
|
|
7
|
+
var ToolbarGroup = require('./ToolbarGroup.js');
|
|
8
|
+
var ToolbarDivider = require('./ToolbarDivider.js');
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
exports.DSToolbar = DSToolbar.DSToolbar;
|
|
13
|
+
exports.ToolbarWithSchema = DSToolbar.ToolbarWithSchema;
|
|
14
|
+
exports["default"] = DSToolbar.DSToolbar;
|
|
15
|
+
exports.ToolbarItem = ToolbarItem;
|
|
16
|
+
exports.ToolbarGroup = ToolbarGroup;
|
|
17
|
+
exports.ToolbarDivider = ToolbarDivider;
|
package/cjs/index.js
CHANGED
|
@@ -1,39 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
default: () => import_deprecated.default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(src_exports, __toESM(require("./deprecated")));
|
|
34
|
-
var import_deprecated = __toESM(require("./deprecated"));
|
|
35
|
-
__reExport(src_exports, __toESM(require("./DSToolbarV2")));
|
|
36
|
-
__reExport(src_exports, __toESM(require("./DSToolbarItemV2")));
|
|
37
|
-
__reExport(src_exports, __toESM(require("./DSToolbarSeparatorV2")));
|
|
38
|
-
module.exports = __toCommonJS(src_exports);
|
|
39
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSToolbar = require('./deprecated/DSToolbar.js');
|
|
6
|
+
var DSToolbarV2 = require('./DSToolbarV2.js');
|
|
7
|
+
var DSToolbarItemV2 = require('./DSToolbarItemV2.js');
|
|
8
|
+
var DSToolbarSeparatorV2 = require('./DSToolbarSeparatorV2.js');
|
|
9
|
+
var ToolbarItem = require('./deprecated/ToolbarItem.js');
|
|
10
|
+
var ToolbarGroup = require('./deprecated/ToolbarGroup.js');
|
|
11
|
+
var ToolbarDivider = require('./deprecated/ToolbarDivider.js');
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
exports.DSToolbar = DSToolbar.DSToolbar;
|
|
16
|
+
exports.ToolbarWithSchema = DSToolbar.ToolbarWithSchema;
|
|
17
|
+
exports["default"] = DSToolbar.DSToolbar;
|
|
18
|
+
exports.DSToolbarV2 = DSToolbarV2.DSToolbarV2;
|
|
19
|
+
exports.DSToolbarV2WithSchema = DSToolbarV2.DSToolbarV2WithSchema;
|
|
20
|
+
exports.DSToolbarItemV2 = DSToolbarItemV2.DSToolbarItemV2;
|
|
21
|
+
exports.DSToolbarSeparatorV2 = DSToolbarSeparatorV2.DSToolbarSeparatorV2;
|
|
22
|
+
exports.ToolbarItem = ToolbarItem;
|
|
23
|
+
exports.ToolbarGroup = ToolbarGroup;
|
|
24
|
+
exports.ToolbarDivider = ToolbarDivider;
|
package/cjs/props.js
CHANGED
|
@@ -1,41 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var props_exports = {};
|
|
29
|
-
__export(props_exports, {
|
|
30
|
-
DSToolbarV2Schema: () => DSToolbarV2Schema
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var reactDesc = require('react-desc');
|
|
6
|
+
|
|
34
7
|
const DSToolbarV2Schema = {
|
|
35
|
-
alignment:
|
|
36
|
-
withDepth:
|
|
37
|
-
compact:
|
|
38
|
-
innerRef:
|
|
8
|
+
alignment: reactDesc.PropTypes.oneOf(['right', 'left']).description('Whether to align the content left or right').defaultValue('right'),
|
|
9
|
+
withDepth: reactDesc.PropTypes.bool.description('Whether to add a box-shadow to the container').defaultValue(true),
|
|
10
|
+
compact: reactDesc.PropTypes.bool.description('Whether you want the compact version of the toolbar').defaultValue(false),
|
|
11
|
+
innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Reference to attach to the wrapper')
|
|
39
12
|
};
|
|
40
|
-
|
|
41
|
-
|
|
13
|
+
|
|
14
|
+
exports.DSToolbarV2Schema = DSToolbarV2Schema;
|
package/cjs/styled.js
CHANGED
|
@@ -1,54 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var styled_exports = {};
|
|
29
|
-
__export(styled_exports, {
|
|
30
|
-
StyledSeparator: () => StyledSeparator,
|
|
31
|
-
StyledToolbarItem: () => StyledToolbarItem,
|
|
32
|
-
StyledToolbarWrapper: () => StyledToolbarWrapper
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
36
|
-
var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
|
|
37
|
-
const StyledToolbarWrapper = (0, import_styled_components.default)(import_ds_grid.default)`
|
|
38
|
-
background-color: ${(props) => props.theme.colors.neutral["000"]};
|
|
1
|
+
'use strict';
|
|
39
2
|
|
|
40
|
-
|
|
41
|
-
max-height: ${(props) => props.theme.space.xxl};
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
42
4
|
|
|
43
|
-
|
|
5
|
+
var styled = require('styled-components');
|
|
6
|
+
var Grid = require('@elliemae/ds-grid');
|
|
44
7
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
8
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
+
|
|
10
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
+
var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
|
|
12
|
+
|
|
13
|
+
const StyledToolbarWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
|
|
14
|
+
componentId: "sc-8ez8n4-0"
|
|
15
|
+
})(["background-color:", ";min-height:", ";max-height:", ";padding:0 ", ";box-shadow:", ";"], props => props.theme.colors.neutral['000'], props => props.compact ? '28px' : '40px', props => props.theme.space.xxl, props => props.theme.space.xxs, props => !props.withDepth ? 'none' : '0 1px 5px 0 rgb(0 0 0 / 13%), 0 2px 4px 0 rgb(0 0 0 / 20%)');
|
|
16
|
+
const StyledToolbarItem = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
|
|
17
|
+
componentId: "sc-8ez8n4-1"
|
|
18
|
+
})([""]);
|
|
19
|
+
const StyledSeparator = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
|
|
20
|
+
componentId: "sc-8ez8n4-2"
|
|
21
|
+
})(["height:30px;width:1px;background-color:", ";"], props => props.theme.colors.neutral[200]);
|
|
22
|
+
|
|
23
|
+
exports.StyledSeparator = StyledSeparator;
|
|
24
|
+
exports.StyledToolbarItem = StyledToolbarItem;
|
|
25
|
+
exports.StyledToolbarWrapper = StyledToolbarWrapper;
|
|
@@ -1,59 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useToolbarItemHandlers_exports = {};
|
|
29
|
-
__export(useToolbarItemHandlers_exports, {
|
|
30
|
-
useToolbarItemHandlers: () => useToolbarItemHandlers
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_DSToolbarV2Context = __toESM(require("./DSToolbarV2Context"));
|
|
35
|
-
const useToolbarItemHandlers = (toolbarItemId) => {
|
|
36
|
-
const { toolbarUid, itemReferences } = (0, import_react.useContext)(import_DSToolbarV2Context.DSToolbarV2Context);
|
|
37
|
-
const onKeyDown = (0, import_react.useCallback)((e) => {
|
|
38
|
-
const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var DSToolbarV2Context = require('./DSToolbarV2Context.js');
|
|
8
|
+
|
|
9
|
+
const useToolbarItemHandlers = toolbarItemId => {
|
|
10
|
+
const {
|
|
11
|
+
toolbarUid,
|
|
12
|
+
itemReferences
|
|
13
|
+
} = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
|
|
14
|
+
const onKeyDown = React.useCallback(e => {
|
|
15
|
+
const toolbarItems = [...document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item"))];
|
|
39
16
|
let nextToolbarItemIndex = -1;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
17
|
+
|
|
18
|
+
if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
|
|
19
|
+
const toolbarItemIndex = toolbarItems.findIndex(domElem => domElem.id === toolbarItemId);
|
|
20
|
+
nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);
|
|
21
|
+
} else if (e.code === 'Home') {
|
|
44
22
|
nextToolbarItemIndex = 0;
|
|
45
|
-
} else if (e.code ===
|
|
23
|
+
} else if (e.code === 'End') {
|
|
46
24
|
nextToolbarItemIndex = toolbarItems.length - 1;
|
|
47
25
|
}
|
|
26
|
+
|
|
48
27
|
if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
|
|
49
28
|
e.preventDefault();
|
|
50
29
|
e.stopPropagation();
|
|
51
30
|
const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
|
|
52
|
-
if (ref.current)
|
|
53
|
-
ref.current.focus();
|
|
31
|
+
if (ref.current) ref.current.focus();
|
|
54
32
|
}
|
|
55
33
|
}, [toolbarUid, toolbarItemId, itemReferences]);
|
|
56
|
-
return {
|
|
34
|
+
return {
|
|
35
|
+
onKeyDown
|
|
36
|
+
};
|
|
57
37
|
};
|
|
58
|
-
|
|
59
|
-
|
|
38
|
+
|
|
39
|
+
exports.useToolbarItemHandlers = useToolbarItemHandlers;
|