@elliemae/ds-toolbar 3.0.0-next.14 → 3.0.0-next.18
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/dist/cjs/deprecated/DSToolbar.js +3 -7
- package/dist/cjs/deprecated/DSToolbar.js.map +2 -2
- package/dist/cjs/deprecated/ToolbarItem.js +2 -2
- package/dist/cjs/deprecated/ToolbarItem.js.map +2 -2
- package/dist/esm/deprecated/DSToolbar.js +2 -6
- package/dist/esm/deprecated/DSToolbar.js.map +2 -2
- package/dist/esm/deprecated/ToolbarItem.js +1 -1
- package/dist/esm/deprecated/ToolbarItem.js.map +1 -1
- package/package.json +10 -10
|
@@ -67,7 +67,7 @@ var React = __toESM(require("react"));
|
|
|
67
67
|
var import_react = __toESM(require("react"));
|
|
68
68
|
var import_react_desc = require("react-desc");
|
|
69
69
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
70
|
-
var
|
|
70
|
+
var import_ds_shared = require("@elliemae/ds-shared");
|
|
71
71
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
72
72
|
var import_decorateToolbarChildren = __toESM(require("./decorateToolbarChildren"));
|
|
73
73
|
var import_ToolbarItem = __toESM(require("./ToolbarItem"));
|
|
@@ -98,7 +98,7 @@ const DSToolbar = (_a) => {
|
|
|
98
98
|
"size"
|
|
99
99
|
]);
|
|
100
100
|
const containerRef = (0, import_react.useRef)(null);
|
|
101
|
-
return /* @__PURE__ */ import_react.default.createElement(
|
|
101
|
+
return /* @__PURE__ */ import_react.default.createElement(import_ds_shared.FocusGroupProvider, {
|
|
102
102
|
autoFocusOnMount,
|
|
103
103
|
getContainer: () => containerRef.current,
|
|
104
104
|
keyBindings: {
|
|
@@ -116,11 +116,7 @@ const toolbarProps = {
|
|
|
116
116
|
alignment: import_react_desc.PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
|
|
117
117
|
size: import_react_desc.PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
|
|
118
118
|
autoFocusOnMount: import_react_desc.PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
|
|
119
|
-
children: import_react_desc.PropTypes.oneOfType([
|
|
120
|
-
import_react_desc.PropTypes.array,
|
|
121
|
-
import_react_desc.PropTypes.func,
|
|
122
|
-
import_react_desc.PropTypes.node
|
|
123
|
-
]).description("Toolbar items").isRequired,
|
|
119
|
+
children: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.array, import_react_desc.PropTypes.func, import_react_desc.PropTypes.node]).description("Toolbar items").isRequired,
|
|
124
120
|
innerRef: import_react_desc.PropTypes.object.description("Ref to the Toolbar container element")
|
|
125
121
|
};
|
|
126
122
|
DSToolbar.propTypes = toolbarProps;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/DSToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,wBAAoC;AACpC,2BAAkC;AAClC
|
|
4
|
+
"sourcesContent": ["import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-shared';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(blockName, null, ({ withDepth, alignment, size }) => ({\n 'without-depth': !withDepth,\n [alignment]: !!alignment,\n [size]: size,\n}));\n\nconst DSToolbar = ({\n containerProps = {},\n innerRef,\n withDepth = true,\n alignment = 'right', // left || right\n autoFocusOnMount = true,\n children = [],\n size = 'normal',\n ...otherProps\n}) => {\n const containerRef = useRef(null);\n return (\n <FocusGroupProvider\n autoFocusOnMount={autoFocusOnMount}\n getContainer={() => containerRef.current}\n keyBindings={{\n Tab: 'next',\n }}\n orientation=\"horizontal\"\n >\n <ToolbarContainer\n {...containerProps}\n {...otherProps}\n classProps={{ withDepth, alignment, size }}\n innerRef={mergeRefs(innerRef, containerRef)}\n >\n {decorateToolbarChildren(children)}\n </ToolbarContainer>\n </FocusGroupProvider>\n );\n};\n\nconst toolbarProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n withDepth: PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),\n alignment: PropTypes.oneOf(['right', 'left'])\n .description('Aligns the toolbar to the left or right')\n .defaultValue('right'),\n size: PropTypes.oneOf(['normal', 'compact']).description('Toolbar size').defaultValue('normal'),\n autoFocusOnMount: PropTypes.bool\n .description('Wheter to focus the component when it mounts or not')\n .defaultValue(true),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.node]).description('Toolbar items')\n .isRequired,\n innerRef: PropTypes.object.description('Ref to the Toolbar container element'),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema };\n\nexport default DSToolbar;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,wBAAoC;AACpC,2BAAkC;AAClC,uBAAmC;AACnC,0BAA0B;AAC1B,qCAAoC;AACpC,yBAAiB;AACjB,0BAAyB;AACzB,4BAAoB;AAEpB,MAAM,YAAY;AAElB,MAAM,mBAAmB,4CAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,WAAW,WAAW,WAAY;AAAA,EACtG,iBAAiB,CAAC;AAAA,GACjB,YAAY,CAAC,CAAC;AAAA,GACd,OAAO;AAAA;AAGV,MAAM,YAAY,CAAC,OASb;AATa,eACjB;AAAA,qBAAiB;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,OAAO;AAAA,MAPU,IAQd,uBARc,IAQd;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,eAAe,yBAAO;AAC5B,SACE,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,aAAa;AAAA,MACX,KAAK;AAAA;AAAA,IAEP,aAAY;AAAA,KAEZ,mDAAC,kBAAD,gDACM,iBACA,aAFN;AAAA,IAGE,YAAY,EAAE,WAAW,WAAW;AAAA,IACpC,UAAU,mCAAU,UAAU;AAAA,MAE7B,4CAAwB;AAAA;AAMjC,MAAM,eAAe;AAAA,EACnB,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,4BAAU,KAAK,YAAY,mCAAmC,aAAa;AAAA,EACtF,WAAW,4BAAU,MAAM,CAAC,SAAS,SAClC,YAAY,2CACZ,aAAa;AAAA,EAChB,MAAM,4BAAU,MAAM,CAAC,UAAU,YAAY,YAAY,gBAAgB,aAAa;AAAA,EACtF,kBAAkB,4BAAU,KACzB,YAAY,uDACZ,aAAa;AAAA,EAChB,UAAU,4BAAU,UAAU,CAAC,4BAAU,OAAO,4BAAU,MAAM,4BAAU,OAAO,YAAY,iBAC1F;AAAA,EACH,UAAU,4BAAU,OAAO,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,oBAAoB,gCAAS;AACnC,kBAAkB,YAAY;AAI9B,IAAO,oBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -61,13 +61,13 @@ __export(ToolbarItem_exports, {
|
|
|
61
61
|
var React = __toESM(require("react"));
|
|
62
62
|
var import_react = __toESM(require("react"));
|
|
63
63
|
var import_prop_types = __toESM(require("prop-types"));
|
|
64
|
-
var
|
|
64
|
+
var import_ds_shared = require("@elliemae/ds-shared");
|
|
65
65
|
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
66
66
|
var import_ds_popper = require("@elliemae/ds-popper");
|
|
67
67
|
const ToolbarItem = (_a) => {
|
|
68
68
|
var _b = _a, { icon, labelText, menu = void 0 } = _b, otherProps = __objRest(_b, ["icon", "labelText", "menu"]);
|
|
69
69
|
const [ref, setRef] = (0, import_react.useState)(null);
|
|
70
|
-
(0,
|
|
70
|
+
(0, import_ds_shared.useFocusGroupWithState)(ref);
|
|
71
71
|
const btn = /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, __spreadProps(__spreadValues({}, otherProps), {
|
|
72
72
|
buttonType: "text",
|
|
73
73
|
icon,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/ToolbarItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,wBAAsB;AACtB,
|
|
4
|
+
"sourcesContent": ["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared';\nimport DSButton from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n const [ref, setRef] = useState(null);\n\n useFocusGroupWithState(ref);\n const btn = (\n <DSButton {...otherProps} buttonType=\"text\" icon={icon} innerRef={(r) => setRef(r)} labelText={labelText} />\n );\n if (menu) {\n return React.cloneElement(menu, {\n ...menu.props,\n placement: Position.BOTTOM_END,\n triggerComponent: btn,\n });\n }\n return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n icon: PropTypes.element,\n labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAgC;AAChC,wBAAsB;AACtB,uBAAuC;AACvC,uBAAqB;AACrB,uBAA4C;AAE5C,MAAM,cAAc,CAAC,OAAyD;AAAzD,eAAE,QAAM,WAAW,OAAO,WAA1B,IAAwC,uBAAxC,IAAwC,CAAtC,QAAM,aAAW;AACtC,QAAM,CAAC,KAAK,UAAU,2BAAS;AAE/B,+CAAuB;AACvB,QAAM,MACJ,mDAAC,0BAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO;AAAA,IAAY,UAAU,CAAC,MAAM,OAAO;AAAA,IAAI;AAAA;AAEtF,MAAI,MAAM;AACR,WAAO,qBAAM,aAAa,MAAM,iCAC3B,KAAK,QADsB;AAAA,MAE9B,WAAW,iCAAS;AAAA,MACpB,kBAAkB;AAAA;AAAA;AAGtB,SAAO;AAAA;AAGT,YAAY,cAAc;AAE1B,YAAY,YAAY;AAAA,EACtB,MAAM,0BAAU;AAAA,EAChB,WAAW,0BAAU;AAAA;AAGvB,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -33,7 +33,7 @@ import * as React from "react";
|
|
|
33
33
|
import React2, { useRef } from "react";
|
|
34
34
|
import { describe, PropTypes } from "react-desc";
|
|
35
35
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
36
|
-
import FocusGroupProvider from "@elliemae/ds-shared
|
|
36
|
+
import { FocusGroupProvider } from "@elliemae/ds-shared";
|
|
37
37
|
import { mergeRefs } from "@elliemae/ds-utilities";
|
|
38
38
|
import decorateToolbarChildren from "./decorateToolbarChildren";
|
|
39
39
|
import Item from "./ToolbarItem";
|
|
@@ -82,11 +82,7 @@ const toolbarProps = {
|
|
|
82
82
|
alignment: PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
|
|
83
83
|
size: PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
|
|
84
84
|
autoFocusOnMount: PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
|
|
85
|
-
children: PropTypes.oneOfType([
|
|
86
|
-
PropTypes.array,
|
|
87
|
-
PropTypes.func,
|
|
88
|
-
PropTypes.node
|
|
89
|
-
]).description("Toolbar items").isRequired,
|
|
85
|
+
children: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.node]).description("Toolbar items").isRequired,
|
|
90
86
|
innerRef: PropTypes.object.description("Ref to the Toolbar container element")
|
|
91
87
|
};
|
|
92
88
|
DSToolbar.propTypes = toolbarProps;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/DSToolbar.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport FocusGroupProvider from '@elliemae/ds-shared
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-shared';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport decorateToolbarChildren from './decorateToolbarChildren';\nimport Item from './ToolbarItem';\nimport ToolbarGroup from './ToolbarGroup';\nimport Divider from './ToolbarDivider';\n\nconst blockName = 'toolbar';\n\nconst ToolbarContainer = aggregatedClasses('div')(blockName, null, ({ withDepth, alignment, size }) => ({\n 'without-depth': !withDepth,\n [alignment]: !!alignment,\n [size]: size,\n}));\n\nconst DSToolbar = ({\n containerProps = {},\n innerRef,\n withDepth = true,\n alignment = 'right', // left || right\n autoFocusOnMount = true,\n children = [],\n size = 'normal',\n ...otherProps\n}) => {\n const containerRef = useRef(null);\n return (\n <FocusGroupProvider\n autoFocusOnMount={autoFocusOnMount}\n getContainer={() => containerRef.current}\n keyBindings={{\n Tab: 'next',\n }}\n orientation=\"horizontal\"\n >\n <ToolbarContainer\n {...containerProps}\n {...otherProps}\n classProps={{ withDepth, alignment, size }}\n innerRef={mergeRefs(innerRef, containerRef)}\n >\n {decorateToolbarChildren(children)}\n </ToolbarContainer>\n </FocusGroupProvider>\n );\n};\n\nconst toolbarProps = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n withDepth: PropTypes.bool.description('Shows a shadow rear the toolbar').defaultValue(true),\n alignment: PropTypes.oneOf(['right', 'left'])\n .description('Aligns the toolbar to the left or right')\n .defaultValue('right'),\n size: PropTypes.oneOf(['normal', 'compact']).description('Toolbar size').defaultValue('normal'),\n autoFocusOnMount: PropTypes.bool\n .description('Wheter to focus the component when it mounts or not')\n .defaultValue(true),\n children: PropTypes.oneOfType([PropTypes.array, PropTypes.func, PropTypes.node]).description('Toolbar items')\n .isRequired,\n innerRef: PropTypes.object.description('Ref to the Toolbar container element'),\n};\n\nDSToolbar.propTypes = toolbarProps;\n\nconst ToolbarWithSchema = describe(DSToolbar);\nToolbarWithSchema.propTypes = toolbarProps;\n\nexport { DSToolbar, Item as ToolbarItem, ToolbarGroup, Divider as ToolbarDivider, ToolbarWithSchema };\n\nexport default DSToolbar;\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,mBAAmB,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,WAAW,WAAW,WAAY;AAAA,EACtG,iBAAiB,CAAC;AAAA,GACjB,YAAY,CAAC,CAAC;AAAA,GACd,OAAO;AAAA;AAGV,MAAM,YAAY,CAAC,OASb;AATa,eACjB;AAAA,qBAAiB;AAAA,IACjB;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,WAAW;AAAA,IACX,OAAO;AAAA,MAPU,IAQd,uBARc,IAQd;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,eAAe,OAAO;AAC5B,SACE,qCAAC,oBAAD;AAAA,IACE;AAAA,IACA,cAAc,MAAM,aAAa;AAAA,IACjC,aAAa;AAAA,MACX,KAAK;AAAA;AAAA,IAEP,aAAY;AAAA,KAEZ,qCAAC,kBAAD,gDACM,iBACA,aAFN;AAAA,IAGE,YAAY,EAAE,WAAW,WAAW;AAAA,IACpC,UAAU,UAAU,UAAU;AAAA,MAE7B,wBAAwB;AAAA;AAMjC,MAAM,eAAe;AAAA,EACnB,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,UAAU,KAAK,YAAY,mCAAmC,aAAa;AAAA,EACtF,WAAW,UAAU,MAAM,CAAC,SAAS,SAClC,YAAY,2CACZ,aAAa;AAAA,EAChB,MAAM,UAAU,MAAM,CAAC,UAAU,YAAY,YAAY,gBAAgB,aAAa;AAAA,EACtF,kBAAkB,UAAU,KACzB,YAAY,uDACZ,aAAa;AAAA,EAChB,UAAU,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,UAAU,OAAO,YAAY,iBAC1F;AAAA,EACH,UAAU,UAAU,OAAO,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;AAI9B,IAAO,oBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
|
|
|
32
32
|
import * as React from "react";
|
|
33
33
|
import React2, { useState } from "react";
|
|
34
34
|
import PropTypes from "prop-types";
|
|
35
|
-
import { useFocusGroupWithState } from "@elliemae/ds-shared
|
|
35
|
+
import { useFocusGroupWithState } from "@elliemae/ds-shared";
|
|
36
36
|
import DSButton from "@elliemae/ds-button";
|
|
37
37
|
import { PopperPositions as Position } from "@elliemae/ds-popper";
|
|
38
38
|
const ToolbarItem = (_a) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/ToolbarItem.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useFocusGroupWithState } from '@elliemae/ds-shared';\nimport DSButton from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\n\nconst ToolbarItem = ({ icon, labelText, menu = undefined, ...otherProps }) => {\n const [ref, setRef] = useState(null);\n\n useFocusGroupWithState(ref);\n const btn = (\n <DSButton {...otherProps} buttonType=\"text\" icon={icon} innerRef={(r) => setRef(r)} labelText={labelText} />\n );\n if (menu) {\n return React.cloneElement(menu, {\n ...menu.props,\n placement: Position.BOTTOM_END,\n triggerComponent: btn,\n });\n }\n return btn;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nToolbarItem.propTypes = {\n icon: PropTypes.element,\n labelText: PropTypes.string,\n};\n\nexport default ToolbarItem;\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,OAAyD;AAAzD,eAAE,QAAM,WAAW,OAAO,WAA1B,IAAwC,uBAAxC,IAAwC,CAAtC,QAAM,aAAW;AACtC,QAAM,CAAC,KAAK,UAAU,SAAS;AAE/B,yBAAuB;AACvB,QAAM,MACJ,qCAAC,UAAD,iCAAc,aAAd;AAAA,IAA0B,YAAW;AAAA,IAAO;AAAA,IAAY,UAAU,CAAC,MAAM,OAAO;AAAA,IAAI;AAAA;AAEtF,MAAI,MAAM;AACR,WAAO,OAAM,aAAa,MAAM,iCAC3B,KAAK,QADsB;AAAA,MAE9B,WAAW,SAAS;AAAA,MACpB,kBAAkB;AAAA;AAAA;AAGtB,SAAO;AAAA;AAGT,YAAY,cAAc;AAE1B,YAAY,YAAY;AAAA,EACtB,MAAM,UAAU;AAAA,EAChB,WAAW,UAAU;AAAA;AAGvB,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-toolbar",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.18",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Toolbar",
|
|
6
6
|
"files": [
|
|
@@ -87,15 +87,15 @@
|
|
|
87
87
|
"indent": 4
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
90
|
-
"@elliemae/ds-button": "3.0.0-next.
|
|
91
|
-
"@elliemae/ds-classnames": "3.0.0-next.
|
|
92
|
-
"@elliemae/ds-grid": "3.0.0-next.
|
|
93
|
-
"@elliemae/ds-icons": "3.0.0-next.
|
|
94
|
-
"@elliemae/ds-popper": "3.0.0-next.
|
|
95
|
-
"@elliemae/ds-props-helpers": "3.0.0-next.
|
|
96
|
-
"@elliemae/ds-shared": "3.0.0-next.
|
|
97
|
-
"@elliemae/ds-system": "3.0.0-next.
|
|
98
|
-
"@elliemae/ds-utilities": "3.0.0-next.
|
|
90
|
+
"@elliemae/ds-button": "3.0.0-next.18",
|
|
91
|
+
"@elliemae/ds-classnames": "3.0.0-next.18",
|
|
92
|
+
"@elliemae/ds-grid": "3.0.0-next.18",
|
|
93
|
+
"@elliemae/ds-icons": "3.0.0-next.18",
|
|
94
|
+
"@elliemae/ds-popper": "3.0.0-next.18",
|
|
95
|
+
"@elliemae/ds-props-helpers": "3.0.0-next.18",
|
|
96
|
+
"@elliemae/ds-shared": "3.0.0-next.18",
|
|
97
|
+
"@elliemae/ds-system": "3.0.0-next.18",
|
|
98
|
+
"@elliemae/ds-utilities": "3.0.0-next.18",
|
|
99
99
|
"prop-types": "~15.8.1",
|
|
100
100
|
"react-desc": "~4.1.3",
|
|
101
101
|
"uid": "2.0.0"
|