@elliemae/ds-toolbar 2.4.2-rc.12 → 2.4.2-rc.13
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 +1 -1
- package/cjs/DSToolbarV2.js +1 -2
- package/cjs/deprecated/ToolbarGroup.js +1 -1
- package/cjs/deprecated/ToolbarItem.js +2 -3
- package/cjs/deprecated/decorateToolbarChildren.js +1 -1
- package/cjs/useToolbarItemHandlers.js +1 -2
- package/esm/DSToolbarItemV2.js +1 -1
- package/esm/DSToolbarV2.js +1 -2
- package/esm/deprecated/ToolbarGroup.js +1 -1
- package/esm/deprecated/ToolbarItem.js +2 -3
- package/esm/deprecated/decorateToolbarChildren.js +1 -1
- package/esm/useToolbarItemHandlers.js +1 -2
- package/package.json +10 -10
package/cjs/DSToolbarItemV2.js
CHANGED
|
@@ -31,7 +31,7 @@ const DSToolbarItemV2 = _ref => {
|
|
|
31
31
|
} = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
|
|
32
32
|
const ref = React.useRef(null);
|
|
33
33
|
const toolbarItemId = React.useMemo(() => {
|
|
34
|
-
const id =
|
|
34
|
+
const id = `ds-toolbar-item-${uid.uid()}`;
|
|
35
35
|
registerReference(id, ref);
|
|
36
36
|
return id;
|
|
37
37
|
}, [registerReference, ref]);
|
package/cjs/DSToolbarV2.js
CHANGED
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
6
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
8
7
|
require('core-js/modules/esnext.async-iterator.map.js');
|
|
9
8
|
require('core-js/modules/esnext.iterator.map.js');
|
|
10
9
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
@@ -40,7 +39,7 @@ const DSToolbarV2 = props$1 => {
|
|
|
40
39
|
children
|
|
41
40
|
} = props$1;
|
|
42
41
|
dsPropsHelpers.useValidateTypescriptPropTypes(props$1, props.DSToolbarV2Schema);
|
|
43
|
-
const toolbarUid = React.useMemo(() =>
|
|
42
|
+
const toolbarUid = React.useMemo(() => `ds-toolbar-${uid.uid()}`, []);
|
|
44
43
|
const [itemReferences, setItemReferences] = React.useState({});
|
|
45
44
|
const registerReference = React.useCallback((itemId, ref) => {
|
|
46
45
|
setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
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
3
|
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
7
4
|
require('core-js/modules/esnext.iterator.constructor.js');
|
|
8
5
|
require('core-js/modules/esnext.iterator.filter.js');
|
|
9
6
|
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
10
7
|
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
11
10
|
var React = require('react');
|
|
12
11
|
var FocusGroup = require('@elliemae/ds-shared/FocusGroup');
|
|
13
12
|
var DSButton = require('@elliemae/ds-button');
|
|
@@ -21,7 +21,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
21
21
|
var decorateToolbarChildren = (function (children) {
|
|
22
22
|
let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
23
23
|
return React__default["default"].Children.map(children, component => component ? /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
|
|
24
|
-
className:
|
|
24
|
+
className: `${component.props.className} toolbar-item`
|
|
25
25
|
})) : component, null);
|
|
26
26
|
});
|
|
27
27
|
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
5
|
var React = require('react');
|
|
7
6
|
var DSToolbarV2Context = require('./DSToolbarV2Context.js');
|
|
8
7
|
|
|
@@ -12,7 +11,7 @@ const useToolbarItemHandlers = toolbarItemId => {
|
|
|
12
11
|
itemReferences
|
|
13
12
|
} = React.useContext(DSToolbarV2Context.DSToolbarV2Context);
|
|
14
13
|
const onKeyDown = React.useCallback(e => {
|
|
15
|
-
const toolbarItems = [...document.querySelectorAll(
|
|
14
|
+
const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];
|
|
16
15
|
let nextToolbarItemIndex = -1;
|
|
17
16
|
|
|
18
17
|
if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
|
package/esm/DSToolbarItemV2.js
CHANGED
|
@@ -23,7 +23,7 @@ const DSToolbarItemV2 = _ref => {
|
|
|
23
23
|
} = useContext(DSToolbarV2Context);
|
|
24
24
|
const ref = useRef(null);
|
|
25
25
|
const toolbarItemId = useMemo(() => {
|
|
26
|
-
const id =
|
|
26
|
+
const id = `ds-toolbar-item-${uid()}`;
|
|
27
27
|
registerReference(id, ref);
|
|
28
28
|
return id;
|
|
29
29
|
}, [registerReference, ref]);
|
package/esm/DSToolbarV2.js
CHANGED
|
@@ -5,7 +5,6 @@ import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
|
5
5
|
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
6
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
7
7
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
9
8
|
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
10
9
|
import 'core-js/modules/esnext.iterator.map.js';
|
|
11
10
|
import React, { useMemo, useState, useCallback } from 'react';
|
|
@@ -30,7 +29,7 @@ const DSToolbarV2 = props => {
|
|
|
30
29
|
children
|
|
31
30
|
} = props;
|
|
32
31
|
useValidateTypescriptPropTypes(props, DSToolbarV2Schema);
|
|
33
|
-
const toolbarUid = useMemo(() =>
|
|
32
|
+
const toolbarUid = useMemo(() => `ds-toolbar-${uid()}`, []);
|
|
34
33
|
const [itemReferences, setItemReferences] = useState({});
|
|
35
34
|
const registerReference = useCallback((itemId, ref) => {
|
|
36
35
|
setItemReferences(prevItemReferences => _objectSpread(_objectSpread({}, prevItemReferences), {}, {
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
1
|
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
5
2
|
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
6
3
|
import 'core-js/modules/esnext.iterator.filter.js';
|
|
7
4
|
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
8
5
|
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
+
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
9
8
|
import React, { useState } from 'react';
|
|
10
9
|
import { useFocusGroupWithState } from '@elliemae/ds-shared/FocusGroup';
|
|
11
10
|
import DSButton from '@elliemae/ds-button';
|
|
@@ -14,7 +14,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
14
14
|
var decorateToolbarChildren = (function (children) {
|
|
15
15
|
let extraProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
16
16
|
return React.Children.map(children, component => component ? /*#__PURE__*/cloneElement(component, _objectSpread(_objectSpread(_objectSpread({}, extraProps), component.props), {}, {
|
|
17
|
-
className:
|
|
17
|
+
className: `${component.props.className} toolbar-item`
|
|
18
18
|
})) : component, null);
|
|
19
19
|
});
|
|
20
20
|
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
1
|
import { useContext, useCallback } from 'react';
|
|
3
2
|
import { DSToolbarV2Context } from './DSToolbarV2Context.js';
|
|
4
3
|
|
|
@@ -8,7 +7,7 @@ const useToolbarItemHandlers = toolbarItemId => {
|
|
|
8
7
|
itemReferences
|
|
9
8
|
} = useContext(DSToolbarV2Context);
|
|
10
9
|
const onKeyDown = useCallback(e => {
|
|
11
|
-
const toolbarItems = [...document.querySelectorAll(
|
|
10
|
+
const toolbarItems = [...document.querySelectorAll(`#${toolbarUid} .ds-toolbar-item`)];
|
|
12
11
|
let nextToolbarItemIndex = -1;
|
|
13
12
|
|
|
14
13
|
if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-toolbar",
|
|
3
|
-
"version": "2.4.2-rc.
|
|
3
|
+
"version": "2.4.2-rc.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Toolbar",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -84,15 +84,15 @@
|
|
|
84
84
|
"build": "node ../../scripts/build/build.js"
|
|
85
85
|
},
|
|
86
86
|
"dependencies": {
|
|
87
|
-
"@elliemae/ds-button": "2.4.2-rc.
|
|
88
|
-
"@elliemae/ds-classnames": "2.4.2-rc.
|
|
89
|
-
"@elliemae/ds-grid": "2.4.2-rc.
|
|
90
|
-
"@elliemae/ds-icons": "2.4.2-rc.
|
|
91
|
-
"@elliemae/ds-popper": "2.4.2-rc.
|
|
92
|
-
"@elliemae/ds-props-helpers": "2.4.2-rc.
|
|
93
|
-
"@elliemae/ds-shared": "2.4.2-rc.
|
|
94
|
-
"@elliemae/ds-system": "2.4.2-rc.
|
|
95
|
-
"@elliemae/ds-utilities": "2.4.2-rc.
|
|
87
|
+
"@elliemae/ds-button": "2.4.2-rc.13",
|
|
88
|
+
"@elliemae/ds-classnames": "2.4.2-rc.13",
|
|
89
|
+
"@elliemae/ds-grid": "2.4.2-rc.13",
|
|
90
|
+
"@elliemae/ds-icons": "2.4.2-rc.13",
|
|
91
|
+
"@elliemae/ds-popper": "2.4.2-rc.13",
|
|
92
|
+
"@elliemae/ds-props-helpers": "2.4.2-rc.13",
|
|
93
|
+
"@elliemae/ds-shared": "2.4.2-rc.13",
|
|
94
|
+
"@elliemae/ds-system": "2.4.2-rc.13",
|
|
95
|
+
"@elliemae/ds-utilities": "2.4.2-rc.13",
|
|
96
96
|
"prop-types": "~15.7.2",
|
|
97
97
|
"react-desc": "~4.1.3",
|
|
98
98
|
"uid": "2.0.0"
|