@elliemae/ds-mini-toolbar 2.2.0-alpha.4 → 3.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Components/MiniToolbar.js +49 -60
- package/cjs/Components/ToolbarShortcut.js +60 -60
- package/cjs/Components/outOfTheBox/Button.js +27 -39
- package/cjs/Components/outOfTheBox/ComboBox.js +25 -39
- package/cjs/Components/outOfTheBox/IconItem.js +30 -44
- package/cjs/Components/outOfTheBox/SearchBox.js +48 -51
- package/cjs/Components/outOfTheBox/Separator.js +18 -38
- package/cjs/Components/outOfTheBox/index.js +26 -53
- package/cjs/hooks/useGenerateItems.js +101 -87
- package/cjs/index.d.js +2 -27
- package/cjs/index.js +12 -38
- package/cjs/propTypes.js +27 -61
- package/cjs/styles.js +29 -62
- package/esm/Components/MiniToolbar.js +33 -25
- package/esm/Components/ToolbarShortcut.js +46 -26
- package/esm/Components/outOfTheBox/Button.js +18 -10
- package/esm/Components/outOfTheBox/ComboBox.js +17 -10
- package/esm/Components/outOfTheBox/IconItem.js +22 -15
- package/esm/Components/outOfTheBox/SearchBox.js +38 -22
- package/esm/Components/outOfTheBox/Separator.js +10 -9
- package/esm/Components/outOfTheBox/index.js +13 -24
- package/esm/hooks/useGenerateItems.js +85 -62
- package/esm/index.d.js +1 -2
- package/esm/index.js +2 -9
- package/esm/propTypes.js +19 -29
- package/esm/styles.js +17 -33
- package/package.json +6 -6
- package/cjs/Components/MiniToolbar.js.map +0 -7
- package/cjs/Components/ToolbarShortcut.js.map +0 -7
- package/cjs/Components/outOfTheBox/Button.js.map +0 -7
- package/cjs/Components/outOfTheBox/ComboBox.js.map +0 -7
- package/cjs/Components/outOfTheBox/IconItem.js.map +0 -7
- package/cjs/Components/outOfTheBox/SearchBox.js.map +0 -7
- package/cjs/Components/outOfTheBox/Separator.js.map +0 -7
- package/cjs/Components/outOfTheBox/index.js.map +0 -7
- package/cjs/hooks/useGenerateItems.js.map +0 -7
- package/cjs/index.d.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/propTypes.js.map +0 -7
- package/cjs/styles.js.map +0 -7
- package/esm/Components/MiniToolbar.js.map +0 -7
- package/esm/Components/ToolbarShortcut.js.map +0 -7
- package/esm/Components/outOfTheBox/Button.js.map +0 -7
- package/esm/Components/outOfTheBox/ComboBox.js.map +0 -7
- package/esm/Components/outOfTheBox/IconItem.js.map +0 -7
- package/esm/Components/outOfTheBox/SearchBox.js.map +0 -7
- package/esm/Components/outOfTheBox/Separator.js.map +0 -7
- package/esm/Components/outOfTheBox/index.js.map +0 -7
- package/esm/hooks/useGenerateItems.js.map +0 -7
- package/esm/index.d.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/propTypes.js.map +0 -7
- package/esm/styles.js.map +0 -7
|
@@ -1,81 +1,70 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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 MiniToolbar_exports = {};
|
|
29
|
-
__export(MiniToolbar_exports, {
|
|
30
|
-
MiniToolbar: () => MiniToolbar,
|
|
31
|
-
MiniToolbarWithSchema: () => MiniToolbarWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
|
|
37
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
38
|
-
var import_styles = require("../styles");
|
|
39
|
-
var import_propTypes = require("../propTypes");
|
|
40
|
-
var import_useGenerateItems = require("../hooks/useGenerateItems");
|
|
41
|
-
const Elipsis = /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, {
|
|
42
|
-
color: ["brand-primary", "600"],
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
7
|
+
var react = require('react');
|
|
8
|
+
var reactDesc = require('react-desc');
|
|
9
|
+
var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
|
|
10
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
11
|
+
var styles = require('../styles.js');
|
|
12
|
+
var propTypes = require('../propTypes.js');
|
|
13
|
+
var useGenerateItems = require('../hooks/useGenerateItems.js');
|
|
14
|
+
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
18
|
+
var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
|
|
19
|
+
|
|
20
|
+
const Elipsis = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
|
|
21
|
+
color: ['brand-primary', '600'],
|
|
43
22
|
size: "m"
|
|
44
23
|
});
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
24
|
+
|
|
25
|
+
const MiniToolbar = _ref => {
|
|
26
|
+
let {
|
|
27
|
+
items,
|
|
28
|
+
overflowButtonProps
|
|
29
|
+
} = _ref;
|
|
30
|
+
const [shortcutItems, dropdownMenuItems] = useGenerateItems.useGenerateItems(items);
|
|
31
|
+
const [isDropdownMenuOpen, setIsDropdownMenuOpen] = react.useState(false);
|
|
32
|
+
const closeDropdownMenu = react.useCallback(() => setIsDropdownMenuOpen(false), []);
|
|
33
|
+
const openDropdownMenu = react.useCallback(() => setIsDropdownMenuOpen(true), []);
|
|
34
|
+
const openDropdownMenuKeyPress = react.useCallback(e => {
|
|
35
|
+
if (e.key === ' ') {
|
|
52
36
|
setIsDropdownMenuOpen(true);
|
|
53
37
|
}
|
|
54
38
|
}, []);
|
|
55
|
-
const {
|
|
56
|
-
|
|
39
|
+
const {
|
|
40
|
+
ariaLabel,
|
|
41
|
+
style,
|
|
42
|
+
buttonType = 'secondary'
|
|
43
|
+
} = overflowButtonProps || {};
|
|
44
|
+
return /*#__PURE__*/_jsx__default["default"](styles.Container, {
|
|
57
45
|
role: "toolbar",
|
|
58
46
|
"data-testid": "ds-mini-toolbar"
|
|
59
|
-
}, shortcutItems,
|
|
47
|
+
}, void 0, shortcutItems, /*#__PURE__*/_jsx__default["default"](DSDropdownMenu__default["default"], {
|
|
60
48
|
"data-testid": "ds-mini-toolbar__dropdown-menu",
|
|
61
49
|
isOpen: isDropdownMenuOpen,
|
|
62
50
|
onSelectMenuItem: closeDropdownMenu,
|
|
63
51
|
onClickOutsideMenu: closeDropdownMenu,
|
|
64
52
|
options: dropdownMenuItems,
|
|
65
|
-
triggerComponent:
|
|
53
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](styles.StyledButton, {
|
|
66
54
|
"aria-label": ariaLabel,
|
|
67
55
|
"data-testid": "ds-mini-toolbar__elipsis",
|
|
68
56
|
size: "m",
|
|
69
|
-
style,
|
|
70
|
-
buttonType,
|
|
57
|
+
style: style,
|
|
58
|
+
buttonType: buttonType,
|
|
71
59
|
onClick: openDropdownMenu,
|
|
72
60
|
onKeyPress: openDropdownMenuKeyPress,
|
|
73
61
|
leftIcon: Elipsis
|
|
74
62
|
})
|
|
75
63
|
}));
|
|
76
64
|
};
|
|
77
|
-
|
|
78
|
-
const MiniToolbarWithSchema =
|
|
79
|
-
MiniToolbarWithSchema.propTypes =
|
|
80
|
-
|
|
81
|
-
|
|
65
|
+
|
|
66
|
+
const MiniToolbarWithSchema = reactDesc.describe(MiniToolbar);
|
|
67
|
+
MiniToolbarWithSchema.propTypes = propTypes.miniToolbarProps;
|
|
68
|
+
|
|
69
|
+
exports.MiniToolbar = MiniToolbar;
|
|
70
|
+
exports.MiniToolbarWithSchema = MiniToolbarWithSchema;
|
|
@@ -1,72 +1,72 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
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');
|
|
11
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
12
|
+
var react = require('react');
|
|
13
|
+
var styles = require('../styles.js');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
19
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
+
|
|
21
|
+
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; }
|
|
22
|
+
|
|
23
|
+
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; }
|
|
24
|
+
|
|
25
|
+
const ToolbarShortcut = props => {
|
|
26
|
+
const {
|
|
27
|
+
Component,
|
|
28
|
+
shortcutProps,
|
|
29
|
+
sharedProps,
|
|
30
|
+
ContextualRegion,
|
|
31
|
+
contextualRegionProps
|
|
32
|
+
} = props;
|
|
33
|
+
const leftRef = react.useRef(null);
|
|
34
|
+
const rightRef = react.useRef(null);
|
|
35
|
+
const timerLeft = react.useRef(null);
|
|
36
|
+
const timerRight = react.useRef(null);
|
|
37
|
+
const {
|
|
38
|
+
position = 'left',
|
|
39
|
+
isOpen = false
|
|
40
|
+
} = contextualRegionProps || {};
|
|
41
|
+
const {
|
|
42
|
+
style
|
|
43
|
+
} = shortcutProps || {};
|
|
44
|
+
|
|
45
|
+
const mergedProps = _objectSpread(_objectSpread({}, sharedProps), shortcutProps);
|
|
46
|
+
|
|
47
|
+
react.useEffect(() => {
|
|
48
48
|
if (isOpen && leftRef.current) {
|
|
49
49
|
timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);
|
|
50
50
|
}
|
|
51
|
+
|
|
51
52
|
if (isOpen && rightRef.current) {
|
|
52
53
|
timerRight.current = setTimeout(() => rightRef.current.focus(), 200);
|
|
53
54
|
}
|
|
55
|
+
|
|
54
56
|
return () => {
|
|
55
57
|
clearTimeout(timerLeft.current);
|
|
56
58
|
clearTimeout(timerRight.current);
|
|
57
59
|
};
|
|
58
60
|
}, [isOpen, leftRef, rightRef]);
|
|
59
|
-
return
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
...contextualRegionProps
|
|
69
|
-
})));
|
|
61
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
62
|
+
children: [isOpen && position === 'left' && /*#__PURE__*/_jsx__default["default"](styles.Item, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(ContextualRegion, _objectSpread({
|
|
63
|
+
innerRef: leftRef
|
|
64
|
+
}, contextualRegionProps))), Component && /*#__PURE__*/_jsx__default["default"](styles.Item, {
|
|
65
|
+
style: style
|
|
66
|
+
}, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, mergedProps))), isOpen && position === 'right' && /*#__PURE__*/_jsx__default["default"](styles.Item, {}, void 0, /*#__PURE__*/jsxRuntime.jsx(ContextualRegion, _objectSpread({
|
|
67
|
+
innerRef: rightRef
|
|
68
|
+
}, contextualRegionProps)))]
|
|
69
|
+
});
|
|
70
70
|
};
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
|
|
72
|
+
exports.ToolbarShortcut = ToolbarShortcut;
|
|
@@ -1,41 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
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 Button_exports = {};
|
|
29
|
-
__export(Button_exports, {
|
|
30
|
-
MiniToolbarButton: () => MiniToolbarButton
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_button = require("@elliemae/ds-button");
|
|
35
|
-
const MiniToolbarButton = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
|
|
36
|
-
...props,
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
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');
|
|
11
|
+
require('react');
|
|
12
|
+
var DSButton = require('@elliemae/ds-button');
|
|
13
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
+
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
+
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
19
|
+
|
|
20
|
+
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; }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
24
|
+
const MiniToolbarButton = props => /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, props), {}, {
|
|
37
25
|
"aria-label": props.ariaLabel,
|
|
38
26
|
"data-testid": "ds-mini-toolbar__shortcut"
|
|
39
|
-
});
|
|
40
|
-
|
|
41
|
-
|
|
27
|
+
}));
|
|
28
|
+
|
|
29
|
+
exports.MiniToolbarButton = MiniToolbarButton;
|
|
@@ -1,39 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var ComboBox_exports = {};
|
|
29
|
-
__export(ComboBox_exports, {
|
|
30
|
-
MiniToolbarComboBox: () => MiniToolbarComboBox
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
35
|
-
const MiniToolbarComboBox = (props) => /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox2, {
|
|
36
|
-
...props
|
|
37
|
-
});
|
|
38
|
-
module.exports = __toCommonJS(ComboBox_exports);
|
|
39
|
-
//# sourceMappingURL=ComboBox.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
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');
|
|
11
|
+
require('react');
|
|
12
|
+
var dsForm = require('@elliemae/ds-form');
|
|
13
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
14
|
+
|
|
15
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
+
|
|
17
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
|
+
|
|
19
|
+
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; }
|
|
20
|
+
|
|
21
|
+
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; }
|
|
22
|
+
|
|
23
|
+
const MiniToolbarComboBox = props => /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox2, _objectSpread({}, props));
|
|
24
|
+
|
|
25
|
+
exports.MiniToolbarComboBox = MiniToolbarComboBox;
|
|
@@ -1,50 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
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 IconItem_exports = {};
|
|
29
|
-
__export(IconItem_exports, {
|
|
30
|
-
MiniToolbarIcon: () => MiniToolbarIcon
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_styles = require("../../styles");
|
|
35
|
-
const MiniToolbarIcon = (props) => {
|
|
36
|
-
const { Icon, size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
|
|
37
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton, {
|
|
38
|
-
"aria-label": ariaLabel,
|
|
39
|
-
buttonType,
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
+
require('react');
|
|
7
|
+
var styles = require('../../styles.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
12
|
+
|
|
13
|
+
const MiniToolbarIcon = props => {
|
|
14
|
+
const {
|
|
15
|
+
Icon,
|
|
16
|
+
size,
|
|
17
|
+
color,
|
|
40
18
|
onClick,
|
|
19
|
+
ariaLabel,
|
|
41
20
|
style,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
21
|
+
buttonType = 'secondary'
|
|
22
|
+
} = props;
|
|
23
|
+
return /*#__PURE__*/_jsx__default["default"](styles.StyledButton, {
|
|
24
|
+
"aria-label": ariaLabel,
|
|
25
|
+
buttonType: buttonType,
|
|
26
|
+
onClick: onClick,
|
|
27
|
+
style: style,
|
|
28
|
+
leftIcon: /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
29
|
+
size: size,
|
|
30
|
+
color: color
|
|
45
31
|
}),
|
|
46
32
|
"data-testid": "ds-mini-toolbar__shortcut"
|
|
47
33
|
});
|
|
48
34
|
};
|
|
49
|
-
|
|
50
|
-
|
|
35
|
+
|
|
36
|
+
exports.MiniToolbarIcon = MiniToolbarIcon;
|
|
@@ -1,58 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
MiniToolbarSearchButton: () => MiniToolbarSearchButton
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
37
|
-
var import_styles = require("../../styles");
|
|
38
|
-
const MiniToolbarSearchButton = (props) => {
|
|
39
|
-
const { size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
|
|
40
|
-
return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledButton, {
|
|
41
|
-
"aria-label": ariaLabel,
|
|
42
|
-
buttonType,
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
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');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
require('react');
|
|
13
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
14
|
+
var dsForm = require('@elliemae/ds-form');
|
|
15
|
+
var styles = require('../../styles.js');
|
|
16
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
17
|
+
|
|
18
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
19
|
+
|
|
20
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
21
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
22
|
+
|
|
23
|
+
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; }
|
|
24
|
+
|
|
25
|
+
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; }
|
|
26
|
+
|
|
27
|
+
const MiniToolbarSearchButton = props => {
|
|
28
|
+
const {
|
|
29
|
+
size,
|
|
30
|
+
color,
|
|
43
31
|
onClick,
|
|
32
|
+
ariaLabel,
|
|
44
33
|
style,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
34
|
+
buttonType = 'secondary'
|
|
35
|
+
} = props;
|
|
36
|
+
return /*#__PURE__*/_jsx__default["default"](styles.StyledButton, {
|
|
37
|
+
"aria-label": ariaLabel,
|
|
38
|
+
buttonType: buttonType,
|
|
39
|
+
onClick: onClick,
|
|
40
|
+
style: style,
|
|
41
|
+
leftIcon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
|
|
42
|
+
size: size,
|
|
43
|
+
color: color
|
|
48
44
|
}),
|
|
49
45
|
"data-testid": "ds-mini-toolbar__shortcut"
|
|
50
46
|
});
|
|
51
47
|
};
|
|
52
|
-
|
|
48
|
+
|
|
49
|
+
const MiniToolbarSearchBox = props => /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({
|
|
53
50
|
clearable: true,
|
|
54
|
-
showIcon: false
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
51
|
+
showIcon: false
|
|
52
|
+
}, props));
|
|
53
|
+
|
|
54
|
+
exports.MiniToolbarSearchBox = MiniToolbarSearchBox;
|
|
55
|
+
exports.MiniToolbarSearchButton = MiniToolbarSearchButton;
|