@elliemae/ds-mini-toolbar 2.3.0-alpha.9 → 2.3.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/Components/MiniToolbar.js +70 -0
- package/cjs/Components/ToolbarShortcut.js +72 -0
- package/cjs/Components/outOfTheBox/Button.js +29 -0
- package/cjs/Components/outOfTheBox/ComboBox.js +25 -0
- package/cjs/Components/outOfTheBox/IconItem.js +36 -0
- package/cjs/Components/outOfTheBox/SearchBox.js +55 -0
- package/cjs/Components/outOfTheBox/Separator.js +19 -0
- package/cjs/Components/outOfTheBox/index.js +26 -0
- package/cjs/hooks/useGenerateItems.js +134 -0
- package/cjs/index.d.js +2 -0
- package/cjs/index.js +12 -0
- package/cjs/propTypes.js +35 -0
- package/cjs/styles.js +29 -0
- package/esm/Components/MiniToolbar.js +60 -0
- package/esm/Components/ToolbarShortcut.js +63 -0
- package/esm/Components/outOfTheBox/Button.js +20 -0
- package/esm/Components/outOfTheBox/ComboBox.js +17 -0
- package/esm/Components/outOfTheBox/IconItem.js +28 -0
- package/esm/Components/outOfTheBox/SearchBox.js +45 -0
- package/esm/Components/outOfTheBox/Separator.js +11 -0
- package/esm/Components/outOfTheBox/index.js +13 -0
- package/esm/hooks/useGenerateItems.js +125 -0
- package/esm/index.d.js +1 -0
- package/esm/index.js +2 -0
- package/esm/propTypes.js +30 -0
- package/esm/styles.js +17 -0
- package/package.json +43 -45
- package/{dist/types → types}/Components/MiniToolbar.d.ts +0 -0
- package/{dist/types → types}/Components/ToolbarShortcut.d.ts +0 -0
- package/{dist/types → types}/Components/outOfTheBox/Button.d.ts +0 -0
- package/{dist/types → types}/Components/outOfTheBox/ComboBox.d.ts +0 -0
- package/{dist/types → types}/Components/outOfTheBox/IconItem.d.ts +0 -0
- package/{dist/types → types}/Components/outOfTheBox/SearchBox.d.ts +0 -0
- package/{dist/types → types}/Components/outOfTheBox/Separator.d.ts +0 -0
- package/{dist/types → types}/Components/outOfTheBox/index.d.ts +0 -0
- package/{dist/types → types}/hooks/useGenerateItems.d.ts +0 -0
- package/{dist/types → types}/index.d.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/propTypes.d.ts +0 -0
- package/{dist/types → types}/styles.d.ts +0 -0
- package/{dist/types → types}/tests/DSMiniToolbar.events.test.d.ts +0 -0
- package/{dist/types → types}/tests/DSMiniToolbar.keyboard.test.d.ts +0 -0
- package/{dist/types → types}/tests/DSMiniToolbar.test.d.ts +0 -0
- package/{dist/types → types}/tests/utils.test.d.ts +0 -0
- package/dist/cjs/Components/MiniToolbar.js +0 -81
- package/dist/cjs/Components/MiniToolbar.js.map +0 -7
- package/dist/cjs/Components/ToolbarShortcut.js +0 -72
- package/dist/cjs/Components/ToolbarShortcut.js.map +0 -7
- package/dist/cjs/Components/outOfTheBox/Button.js +0 -41
- package/dist/cjs/Components/outOfTheBox/Button.js.map +0 -7
- package/dist/cjs/Components/outOfTheBox/ComboBox.js +0 -39
- package/dist/cjs/Components/outOfTheBox/ComboBox.js.map +0 -7
- package/dist/cjs/Components/outOfTheBox/IconItem.js +0 -50
- package/dist/cjs/Components/outOfTheBox/IconItem.js.map +0 -7
- package/dist/cjs/Components/outOfTheBox/SearchBox.js +0 -58
- package/dist/cjs/Components/outOfTheBox/SearchBox.js.map +0 -7
- package/dist/cjs/Components/outOfTheBox/Separator.js +0 -39
- package/dist/cjs/Components/outOfTheBox/Separator.js.map +0 -7
- package/dist/cjs/Components/outOfTheBox/index.js +0 -53
- package/dist/cjs/Components/outOfTheBox/index.js.map +0 -7
- package/dist/cjs/hooks/useGenerateItems.js +0 -120
- package/dist/cjs/hooks/useGenerateItems.js.map +0 -7
- package/dist/cjs/index.d.js +0 -27
- package/dist/cjs/index.d.js.map +0 -7
- package/dist/cjs/index.js +0 -38
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/propTypes.js +0 -69
- package/dist/cjs/propTypes.js.map +0 -7
- package/dist/cjs/styles.js +0 -62
- package/dist/cjs/styles.js.map +0 -7
- package/dist/esm/Components/MiniToolbar.js +0 -52
- package/dist/esm/Components/MiniToolbar.js.map +0 -7
- package/dist/esm/Components/ToolbarShortcut.js +0 -43
- package/dist/esm/Components/ToolbarShortcut.js.map +0 -7
- package/dist/esm/Components/outOfTheBox/Button.js +0 -12
- package/dist/esm/Components/outOfTheBox/Button.js.map +0 -7
- package/dist/esm/Components/outOfTheBox/ComboBox.js +0 -10
- package/dist/esm/Components/outOfTheBox/ComboBox.js.map +0 -7
- package/dist/esm/Components/outOfTheBox/IconItem.js +0 -21
- package/dist/esm/Components/outOfTheBox/IconItem.js.map +0 -7
- package/dist/esm/Components/outOfTheBox/SearchBox.js +0 -29
- package/dist/esm/Components/outOfTheBox/SearchBox.js.map +0 -7
- package/dist/esm/Components/outOfTheBox/Separator.js +0 -10
- package/dist/esm/Components/outOfTheBox/Separator.js.map +0 -7
- package/dist/esm/Components/outOfTheBox/index.js +0 -24
- package/dist/esm/Components/outOfTheBox/index.js.map +0 -7
- package/dist/esm/hooks/useGenerateItems.js +0 -102
- package/dist/esm/hooks/useGenerateItems.js.map +0 -7
- package/dist/esm/index.d.js +0 -2
- package/dist/esm/index.d.js.map +0 -7
- package/dist/esm/index.js +0 -9
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/propTypes.js +0 -40
- package/dist/esm/propTypes.js.map +0 -7
- package/dist/esm/styles.js +0 -33
- package/dist/esm/styles.js.map +0 -7
package/dist/cjs/index.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
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 src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
MiniToolbar: () => import_MiniToolbar.MiniToolbar,
|
|
31
|
-
MiniToolbarWithSchema: () => import_MiniToolbar.MiniToolbarWithSchema,
|
|
32
|
-
ToolbarItemWithSchema: () => import_propTypes.ToolbarItemWithSchema
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_MiniToolbar = require("./Components/MiniToolbar");
|
|
36
|
-
var import_propTypes = require("./propTypes");
|
|
37
|
-
module.exports = __toCommonJS(src_exports);
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export { MiniToolbar, MiniToolbarWithSchema } from './Components/MiniToolbar';\nexport { ToolbarItemWithSchema } from './propTypes';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAmD;AACnD,uBAAsC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/propTypes.js
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
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 propTypes_exports = {};
|
|
29
|
-
__export(propTypes_exports, {
|
|
30
|
-
ToolbarItemWithSchema: () => ToolbarItemWithSchema,
|
|
31
|
-
miniToolbarProps: () => miniToolbarProps
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react_desc = require("react-desc");
|
|
35
|
-
const outOfTheBoxType = import_react_desc.PropTypes.oneOf([
|
|
36
|
-
"ds-button",
|
|
37
|
-
"ds-icon-item",
|
|
38
|
-
"ds-separator",
|
|
39
|
-
"ds-search-box",
|
|
40
|
-
"ds-combo-box"
|
|
41
|
-
]).description("out-of-the-box toolbar components");
|
|
42
|
-
const toolbarItemProps = {
|
|
43
|
-
component: import_react_desc.PropTypes.oneOfType([
|
|
44
|
-
outOfTheBoxType,
|
|
45
|
-
import_react_desc.PropTypes.element
|
|
46
|
-
]).description("Main component").isRequired,
|
|
47
|
-
hasShortcut: import_react_desc.PropTypes.bool.description("Whether to include the component as a shortcut in the toolbar or not").defaultValue(false),
|
|
48
|
-
shortcutComponent: import_react_desc.PropTypes.element.description("Component to render as a shortcut in the toolbar"),
|
|
49
|
-
shortcutProps: import_react_desc.PropTypes.object.description("Shortcut component props"),
|
|
50
|
-
dropdownComponentProps: import_react_desc.PropTypes.object.description("Dropdown component props"),
|
|
51
|
-
sharedProps: import_react_desc.PropTypes.object.description("Props shared by shortcut component and dropdown component"),
|
|
52
|
-
contextualRegion: import_react_desc.PropTypes.element.description("Component that can be rendered as an adjacent region to the shortcut component"),
|
|
53
|
-
contextualRegionProps: import_react_desc.PropTypes.object.description("Contextual region component props")
|
|
54
|
-
};
|
|
55
|
-
const itemPropTypes = import_react_desc.PropTypes.shape(toolbarItemProps).description("Items props");
|
|
56
|
-
const overflowButtonPropTypes = {
|
|
57
|
-
ariaLabel: import_react_desc.PropTypes.string,
|
|
58
|
-
buttonType: import_react_desc.PropTypes.oneOf(["secondary", "text"]),
|
|
59
|
-
style: import_react_desc.PropTypes.object
|
|
60
|
-
};
|
|
61
|
-
const miniToolbarProps = {
|
|
62
|
-
items: import_react_desc.PropTypes.arrayOf(itemPropTypes).description("Array of items").isRequired,
|
|
63
|
-
overflowButtonProps: import_react_desc.PropTypes.shape(overflowButtonPropTypes).description("Overflow button props")
|
|
64
|
-
};
|
|
65
|
-
const ToolbarItem = () => null;
|
|
66
|
-
const ToolbarItemWithSchema = (0, import_react_desc.describe)(ToolbarItem);
|
|
67
|
-
ToolbarItemWithSchema.propTypes = toolbarItemProps;
|
|
68
|
-
module.exports = __toCommonJS(propTypes_exports);
|
|
69
|
-
//# sourceMappingURL=propTypes.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes, describe } from 'react-desc';\n\nconst outOfTheBoxType = PropTypes.oneOf([\n 'ds-button',\n 'ds-icon-item',\n 'ds-separator',\n 'ds-search-box',\n 'ds-combo-box',\n]).description('out-of-the-box toolbar components');\n\nconst toolbarItemProps = {\n component: PropTypes.oneOfType([\n outOfTheBoxType,\n PropTypes.element,\n ]).description('Main component').isRequired,\n hasShortcut: PropTypes.bool\n .description(\n 'Whether to include the component as a shortcut in the toolbar or not',\n )\n .defaultValue(false),\n shortcutComponent: PropTypes.element.description(\n 'Component to render as a shortcut in the toolbar',\n ),\n shortcutProps: PropTypes.object.description('Shortcut component props'),\n dropdownComponentProps: PropTypes.object.description(\n 'Dropdown component props',\n ),\n sharedProps: PropTypes.object.description(\n 'Props shared by shortcut component and dropdown component',\n ),\n contextualRegion: PropTypes.element.description(\n 'Component that can be rendered as an adjacent region to the shortcut component',\n ),\n contextualRegionProps: PropTypes.object.description(\n 'Contextual region component props',\n ),\n};\n\nconst itemPropTypes = PropTypes.shape(toolbarItemProps).description(\n 'Items props',\n);\n\nconst overflowButtonPropTypes = {\n ariaLabel: PropTypes.string,\n buttonType: PropTypes.oneOf(['secondary', 'text']),\n style: PropTypes.object,\n};\n\nconst miniToolbarProps = {\n items: PropTypes.arrayOf(itemPropTypes).description('Array of items')\n .isRequired,\n overflowButtonProps: PropTypes.shape(overflowButtonPropTypes).description(\n 'Overflow button props',\n ),\n};\n\nconst ToolbarItem = () => null;\n\nconst ToolbarItemWithSchema = describe(ToolbarItem);\nToolbarItemWithSchema.propTypes = toolbarItemProps;\nexport { ToolbarItemWithSchema, miniToolbarProps };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAoC;AAEpC,MAAM,kBAAkB,4BAAU,MAAM;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC,YAAY;AAEf,MAAM,mBAAmB;AAAA,EACvB,WAAW,4BAAU,UAAU;AAAA,IAC7B;AAAA,IACA,4BAAU;AAAA,KACT,YAAY,kBAAkB;AAAA,EACjC,aAAa,4BAAU,KACpB,YACC,wEAED,aAAa;AAAA,EAChB,mBAAmB,4BAAU,QAAQ,YACnC;AAAA,EAEF,eAAe,4BAAU,OAAO,YAAY;AAAA,EAC5C,wBAAwB,4BAAU,OAAO,YACvC;AAAA,EAEF,aAAa,4BAAU,OAAO,YAC5B;AAAA,EAEF,kBAAkB,4BAAU,QAAQ,YAClC;AAAA,EAEF,uBAAuB,4BAAU,OAAO,YACtC;AAAA;AAIJ,MAAM,gBAAgB,4BAAU,MAAM,kBAAkB,YACtD;AAGF,MAAM,0BAA0B;AAAA,EAC9B,WAAW,4BAAU;AAAA,EACrB,YAAY,4BAAU,MAAM,CAAC,aAAa;AAAA,EAC1C,OAAO,4BAAU;AAAA;AAGnB,MAAM,mBAAmB;AAAA,EACvB,OAAO,4BAAU,QAAQ,eAAe,YAAY,kBACjD;AAAA,EACH,qBAAqB,4BAAU,MAAM,yBAAyB,YAC5D;AAAA;AAIJ,MAAM,cAAc,MAAM;AAE1B,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/styles.js
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
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 styles_exports = {};
|
|
29
|
-
__export(styles_exports, {
|
|
30
|
-
Container: () => Container,
|
|
31
|
-
Item: () => Item,
|
|
32
|
-
Separator: () => Separator,
|
|
33
|
-
StyledButton: () => StyledButton
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
37
|
-
var import_ds_button = require("@elliemae/ds-button");
|
|
38
|
-
const Container = import_styled_components.default.ul`
|
|
39
|
-
display: flex;
|
|
40
|
-
align-items: center;
|
|
41
|
-
justify-content: center;
|
|
42
|
-
width: fit-content;
|
|
43
|
-
padding: 0 6px;
|
|
44
|
-
`;
|
|
45
|
-
const Separator = import_styled_components.default.span`
|
|
46
|
-
height: 24px;
|
|
47
|
-
width: 1px;
|
|
48
|
-
margin: 6px;
|
|
49
|
-
border-left: 1px solid #bbb;
|
|
50
|
-
`;
|
|
51
|
-
const Item = import_styled_components.default.li`
|
|
52
|
-
display: flex;
|
|
53
|
-
margin: 6px;
|
|
54
|
-
cursor: pointer;
|
|
55
|
-
`;
|
|
56
|
-
const StyledButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
|
|
57
|
-
&:not(:focus) {
|
|
58
|
-
border-color: transparent;
|
|
59
|
-
}
|
|
60
|
-
`;
|
|
61
|
-
module.exports = __toCommonJS(styles_exports);
|
|
62
|
-
//# sourceMappingURL=styles.js.map
|
package/dist/cjs/styles.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import styled from 'styled-components';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst Container = styled.ul`\n display: flex;\n align-items: center;\n justify-content: center;\n width: fit-content;\n padding: 0 6px;\n`;\n\nconst Separator = styled.span`\n height: 24px;\n width: 1px;\n margin: 6px;\n border-left: 1px solid #bbb;\n`;\n\nconst Item = styled.li`\n display: flex;\n margin: 6px;\n cursor: pointer;\n`;\n\nconst StyledButton = styled(DSButton)`\n &:not(:focus) {\n border-color: transparent;\n }\n`;\n\nexport { Container, Separator, Item, StyledButton };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAAyB;AAEzB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMpB,MAAM,eAAe,sCAAO;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useState, useCallback } from "react";
|
|
3
|
-
import { describe } from "react-desc";
|
|
4
|
-
import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
|
|
5
|
-
import { MoreOptionsVert } from "@elliemae/ds-icons";
|
|
6
|
-
import { StyledButton, Container } from "../styles";
|
|
7
|
-
import { miniToolbarProps } from "../propTypes";
|
|
8
|
-
import { useGenerateItems } from "../hooks/useGenerateItems";
|
|
9
|
-
const Elipsis = /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
|
|
10
|
-
color: ["brand-primary", "600"],
|
|
11
|
-
size: "m"
|
|
12
|
-
});
|
|
13
|
-
const MiniToolbar = ({ items, overflowButtonProps }) => {
|
|
14
|
-
const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);
|
|
15
|
-
const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
|
|
16
|
-
const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);
|
|
17
|
-
const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);
|
|
18
|
-
const openDropdownMenuKeyPress = useCallback((e) => {
|
|
19
|
-
if (e.key === " ") {
|
|
20
|
-
setIsDropdownMenuOpen(true);
|
|
21
|
-
}
|
|
22
|
-
}, []);
|
|
23
|
-
const { ariaLabel, style, buttonType = "secondary" } = overflowButtonProps || {};
|
|
24
|
-
return /* @__PURE__ */ React2.createElement(Container, {
|
|
25
|
-
role: "toolbar",
|
|
26
|
-
"data-testid": "ds-mini-toolbar"
|
|
27
|
-
}, shortcutItems, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
|
|
28
|
-
"data-testid": "ds-mini-toolbar__dropdown-menu",
|
|
29
|
-
isOpen: isDropdownMenuOpen,
|
|
30
|
-
onSelectMenuItem: closeDropdownMenu,
|
|
31
|
-
onClickOutsideMenu: closeDropdownMenu,
|
|
32
|
-
options: dropdownMenuItems,
|
|
33
|
-
triggerComponent: /* @__PURE__ */ React2.createElement(StyledButton, {
|
|
34
|
-
"aria-label": ariaLabel,
|
|
35
|
-
"data-testid": "ds-mini-toolbar__elipsis",
|
|
36
|
-
size: "m",
|
|
37
|
-
style,
|
|
38
|
-
buttonType,
|
|
39
|
-
onClick: openDropdownMenu,
|
|
40
|
-
onKeyPress: openDropdownMenuKeyPress,
|
|
41
|
-
leftIcon: Elipsis
|
|
42
|
-
})
|
|
43
|
-
}));
|
|
44
|
-
};
|
|
45
|
-
MiniToolbar.propTypes = miniToolbarProps;
|
|
46
|
-
const MiniToolbarWithSchema = describe(MiniToolbar);
|
|
47
|
-
MiniToolbarWithSchema.propTypes = miniToolbarProps;
|
|
48
|
-
export {
|
|
49
|
-
MiniToolbar,
|
|
50
|
-
MiniToolbarWithSchema
|
|
51
|
-
};
|
|
52
|
-
//# sourceMappingURL=MiniToolbar.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Components/MiniToolbar.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback } from 'react';\nimport { describe } from 'react-desc';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { StyledButton, Container } from '../styles';\nimport { miniToolbarProps } from '../propTypes';\nimport { useGenerateItems } from '../hooks/useGenerateItems';\nimport { MiniToolbarPropsT } from '../index.d';\n\nconst Elipsis = <MoreOptionsVert color={['brand-primary', '600']} size=\"m\" />;\n\nconst MiniToolbar = ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement => {\n const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);\n const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState<boolean>(false);\n\n const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);\n const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);\n const openDropdownMenuKeyPress = useCallback((e) => {\n if (e.key === ' ') {\n setIsDropdownMenuOpen(true);\n }\n }, []);\n\n const { ariaLabel, style, buttonType = 'secondary' } = overflowButtonProps || {};\n\n return (\n <Container role=\"toolbar\" data-testid=\"ds-mini-toolbar\">\n {shortcutItems}\n <DSDropdownMenu\n data-testid=\"ds-mini-toolbar__dropdown-menu\"\n isOpen={isDropdownMenuOpen}\n onSelectMenuItem={closeDropdownMenu}\n onClickOutsideMenu={closeDropdownMenu}\n options={dropdownMenuItems}\n triggerComponent={\n <StyledButton\n aria-label={ariaLabel}\n data-testid=\"ds-mini-toolbar__elipsis\"\n size=\"m\"\n style={style}\n buttonType={buttonType}\n onClick={openDropdownMenu}\n onKeyPress={openDropdownMenuKeyPress}\n leftIcon={Elipsis}\n />\n }\n />\n </Container>\n );\n};\n\nMiniToolbar.propTypes = miniToolbarProps;\nconst MiniToolbarWithSchema = describe(MiniToolbar);\nMiniToolbarWithSchema.propTypes = miniToolbarProps;\n\nexport { MiniToolbar, MiniToolbarWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,UAAU,qCAAC,iBAAD;AAAA,EAAiB,OAAO,CAAC,iBAAiB;AAAA,EAAQ,MAAK;AAAA;AAEvE,MAAM,cAAc,CAAC,EAAE,OAAO,0BAAiE;AAC7F,QAAM,CAAC,eAAe,qBAAqB,iBAAiB;AAC5D,QAAM,CAAC,oBAAoB,yBAAyB,SAAkB;AAEtE,QAAM,oBAAoB,YAAY,MAAM,sBAAsB,QAAQ;AAC1E,QAAM,mBAAmB,YAAY,MAAM,sBAAsB,OAAO;AACxE,QAAM,2BAA2B,YAAY,CAAC,MAAM;AAClD,QAAI,EAAE,QAAQ,KAAK;AACjB,4BAAsB;AAAA;AAAA,KAEvB;AAEH,QAAM,EAAE,WAAW,OAAO,aAAa,gBAAgB,uBAAuB;AAE9E,SACE,qCAAC,WAAD;AAAA,IAAW,MAAK;AAAA,IAAU,eAAY;AAAA,KACnC,eACD,qCAAC,gBAAD;AAAA,IACE,eAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAkB;AAAA,IAClB,oBAAoB;AAAA,IACpB,SAAS;AAAA,IACT,kBACE,qCAAC,cAAD;AAAA,MACE,cAAY;AAAA,MACZ,eAAY;AAAA,MACZ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA;AAAA;AAAA;AAQtB,YAAY,YAAY;AACxB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useRef, useEffect } from "react";
|
|
3
|
-
import { Item } from "../styles";
|
|
4
|
-
const ToolbarShortcut = (props) => {
|
|
5
|
-
const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;
|
|
6
|
-
const leftRef = useRef(null);
|
|
7
|
-
const rightRef = useRef(null);
|
|
8
|
-
const timerLeft = useRef(null);
|
|
9
|
-
const timerRight = useRef(null);
|
|
10
|
-
const { position = "left", isOpen = false } = contextualRegionProps || {};
|
|
11
|
-
const { style } = shortcutProps || {};
|
|
12
|
-
const mergedProps = {
|
|
13
|
-
...sharedProps,
|
|
14
|
-
...shortcutProps
|
|
15
|
-
};
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (isOpen && leftRef.current) {
|
|
18
|
-
timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);
|
|
19
|
-
}
|
|
20
|
-
if (isOpen && rightRef.current) {
|
|
21
|
-
timerRight.current = setTimeout(() => rightRef.current.focus(), 200);
|
|
22
|
-
}
|
|
23
|
-
return () => {
|
|
24
|
-
clearTimeout(timerLeft.current);
|
|
25
|
-
clearTimeout(timerRight.current);
|
|
26
|
-
};
|
|
27
|
-
}, [isOpen, leftRef, rightRef]);
|
|
28
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, isOpen && position === "left" && /* @__PURE__ */ React2.createElement(Item, null, /* @__PURE__ */ React2.createElement(ContextualRegion, {
|
|
29
|
-
innerRef: leftRef,
|
|
30
|
-
...contextualRegionProps
|
|
31
|
-
})), Component && /* @__PURE__ */ React2.createElement(Item, {
|
|
32
|
-
style
|
|
33
|
-
}, /* @__PURE__ */ React2.createElement(Component, {
|
|
34
|
-
...mergedProps
|
|
35
|
-
})), isOpen && position === "right" && /* @__PURE__ */ React2.createElement(Item, null, /* @__PURE__ */ React2.createElement(ContextualRegion, {
|
|
36
|
-
innerRef: rightRef,
|
|
37
|
-
...contextualRegionProps
|
|
38
|
-
})));
|
|
39
|
-
};
|
|
40
|
-
export {
|
|
41
|
-
ToolbarShortcut
|
|
42
|
-
};
|
|
43
|
-
//# sourceMappingURL=ToolbarShortcut.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Components/ToolbarShortcut.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useEffect } from 'react';\nimport { Item } from '../styles';\nimport { ToolbarShortcutPropsT } from '../index.d';\n\nconst ToolbarShortcut = (props: ToolbarShortcutPropsT): React.ReactElement => {\n const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;\n const leftRef = useRef<HTMLElement | null>(null);\n const rightRef = useRef<HTMLElement | null>(null);\n const timerLeft = useRef<ReturnType<typeof setInterval> | null>(null);\n const timerRight = useRef<ReturnType<typeof setInterval> | null>(null);\n\n const { position = 'left', isOpen = false } = contextualRegionProps || {};\n const { style } = shortcutProps || {};\n\n const mergedProps = {\n ...sharedProps,\n ...shortcutProps,\n };\n\n useEffect(() => {\n if (isOpen && leftRef.current) {\n timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);\n }\n if (isOpen && rightRef.current) {\n timerRight.current = setTimeout(() => rightRef.current.focus(), 200);\n }\n\n return () => {\n clearTimeout(timerLeft.current);\n clearTimeout(timerRight.current);\n };\n }, [isOpen, leftRef, rightRef]);\n\n return (\n <>\n {isOpen && position === 'left' && (\n <Item>\n <ContextualRegion innerRef={leftRef} {...contextualRegionProps} />\n </Item>\n )}\n {Component && (\n <Item style={style}>\n <Component {...mergedProps} />\n </Item>\n )}\n {isOpen && position === 'right' && (\n <Item>\n <ContextualRegion innerRef={rightRef} {...contextualRegionProps} />\n </Item>\n )}\n </>\n );\n};\n\nexport { ToolbarShortcut };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAGA,MAAM,kBAAkB,CAAC,UAAqD;AAC5E,QAAM,EAAE,WAAW,eAAe,aAAa,kBAAkB,0BAA0B;AAC3F,QAAM,UAAU,OAA2B;AAC3C,QAAM,WAAW,OAA2B;AAC5C,QAAM,YAAY,OAA8C;AAChE,QAAM,aAAa,OAA8C;AAEjE,QAAM,EAAE,WAAW,QAAQ,SAAS,UAAU,yBAAyB;AACvE,QAAM,EAAE,UAAU,iBAAiB;AAEnC,QAAM,cAAc;AAAA,OACf;AAAA,OACA;AAAA;AAGL,YAAU,MAAM;AACd,QAAI,UAAU,QAAQ,SAAS;AAC7B,gBAAU,UAAU,WAAW,MAAM,QAAQ,QAAQ,SAAS;AAAA;AAEhE,QAAI,UAAU,SAAS,SAAS;AAC9B,iBAAW,UAAU,WAAW,MAAM,SAAS,QAAQ,SAAS;AAAA;AAGlE,WAAO,MAAM;AACX,mBAAa,UAAU;AACvB,mBAAa,WAAW;AAAA;AAAA,KAEzB,CAAC,QAAQ,SAAS;AAErB,SACE,4DACG,UAAU,aAAa,UACtB,qCAAC,MAAD,MACE,qCAAC,kBAAD;AAAA,IAAkB,UAAU;AAAA,OAAa;AAAA,OAG5C,aACC,qCAAC,MAAD;AAAA,IAAM;AAAA,KACJ,qCAAC,WAAD;AAAA,OAAe;AAAA,OAGlB,UAAU,aAAa,WACtB,qCAAC,MAAD,MACE,qCAAC,kBAAD;AAAA,IAAkB,UAAU;AAAA,OAAc;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { DSButton } from "@elliemae/ds-button";
|
|
4
|
-
const MiniToolbarButton = (props) => /* @__PURE__ */ React2.createElement(DSButton, {
|
|
5
|
-
...props,
|
|
6
|
-
"aria-label": props.ariaLabel,
|
|
7
|
-
"data-testid": "ds-mini-toolbar__shortcut"
|
|
8
|
-
});
|
|
9
|
-
export {
|
|
10
|
-
MiniToolbarButton
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/Button.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst MiniToolbarButton = (props: Record<string, unknown>): React.ReactElement => (\n <DSButton {...props} aria-label={props.ariaLabel} data-testid=\"ds-mini-toolbar__shortcut\" />\n);\n\nexport { MiniToolbarButton };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEA,MAAM,oBAAoB,CAAC,UACzB,qCAAC,UAAD;AAAA,KAAc;AAAA,EAAO,cAAY,MAAM;AAAA,EAAW,eAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { DSComboBox2 } from "@elliemae/ds-form";
|
|
4
|
-
const MiniToolbarComboBox = (props) => /* @__PURE__ */ React2.createElement(DSComboBox2, {
|
|
5
|
-
...props
|
|
6
|
-
});
|
|
7
|
-
export {
|
|
8
|
-
MiniToolbarComboBox
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=ComboBox.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/ComboBox.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSComboBox2 } from '@elliemae/ds-form';\n\nconst MiniToolbarComboBox = (props: Record<string, unknown>): React.ReactElement => <DSComboBox2 {...props} />;\n\nexport { MiniToolbarComboBox };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEA,MAAM,sBAAsB,CAAC,UAAuD,qCAAC,aAAD;AAAA,KAAiB;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { StyledButton } from "../../styles";
|
|
4
|
-
const MiniToolbarIcon = (props) => {
|
|
5
|
-
const { Icon, size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
|
|
6
|
-
return /* @__PURE__ */ React2.createElement(StyledButton, {
|
|
7
|
-
"aria-label": ariaLabel,
|
|
8
|
-
buttonType,
|
|
9
|
-
onClick,
|
|
10
|
-
style,
|
|
11
|
-
leftIcon: /* @__PURE__ */ React2.createElement(Icon, {
|
|
12
|
-
size,
|
|
13
|
-
color
|
|
14
|
-
}),
|
|
15
|
-
"data-testid": "ds-mini-toolbar__shortcut"
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
MiniToolbarIcon
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=IconItem.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/IconItem.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarIcon = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { Icon, size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Icon size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nexport { MiniToolbarIcon };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAGA,MAAM,kBAAkB,CAAC,UAAyD;AAChF,QAAM,EAAE,MAAM,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,gBAAgB;AAEnF,SACE,qCAAC,cAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,qCAAC,MAAD;AAAA,MAAM;AAAA,MAAY;AAAA;AAAA,IAC5B,eAAY;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { Search } from "@elliemae/ds-icons";
|
|
4
|
-
import { DSSearchBox } from "@elliemae/ds-form";
|
|
5
|
-
import { StyledButton } from "../../styles";
|
|
6
|
-
const MiniToolbarSearchButton = (props) => {
|
|
7
|
-
const { size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
|
|
8
|
-
return /* @__PURE__ */ React2.createElement(StyledButton, {
|
|
9
|
-
"aria-label": ariaLabel,
|
|
10
|
-
buttonType,
|
|
11
|
-
onClick,
|
|
12
|
-
style,
|
|
13
|
-
leftIcon: /* @__PURE__ */ React2.createElement(Search, {
|
|
14
|
-
size,
|
|
15
|
-
color
|
|
16
|
-
}),
|
|
17
|
-
"data-testid": "ds-mini-toolbar__shortcut"
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
const MiniToolbarSearchBox = (props) => /* @__PURE__ */ React2.createElement(DSSearchBox, {
|
|
21
|
-
clearable: true,
|
|
22
|
-
showIcon: false,
|
|
23
|
-
...props
|
|
24
|
-
});
|
|
25
|
-
export {
|
|
26
|
-
MiniToolbarSearchBox,
|
|
27
|
-
MiniToolbarSearchButton
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=SearchBox.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/SearchBox.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { StyledButton } from '../../styles';\nimport { MiniToolbarIconItemPropsT } from '../../index.d';\n\nconst MiniToolbarSearchButton = (props: MiniToolbarIconItemPropsT): React.ReactElement => {\n const { size, color, onClick, ariaLabel, style, buttonType = 'secondary' } = props;\n\n return (\n <StyledButton\n aria-label={ariaLabel}\n buttonType={buttonType}\n onClick={onClick}\n style={style}\n leftIcon={<Search size={size} color={color} />}\n data-testid=\"ds-mini-toolbar__shortcut\"\n />\n );\n};\n\nconst MiniToolbarSearchBox = (props: Record<string, unknown>): JSX.Element => (\n <DSSearchBox clearable showIcon={false} {...props} />\n);\n\nexport { MiniToolbarSearchButton, MiniToolbarSearchBox };\n"],
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AAGA,MAAM,0BAA0B,CAAC,UAAyD;AACxF,QAAM,EAAE,MAAM,OAAO,SAAS,WAAW,OAAO,aAAa,gBAAgB;AAE7E,SACE,qCAAC,cAAD;AAAA,IACE,cAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,qCAAC,QAAD;AAAA,MAAQ;AAAA,MAAY;AAAA;AAAA,IAC9B,eAAY;AAAA;AAAA;AAKlB,MAAM,uBAAuB,CAAC,UAC5B,qCAAC,aAAD;AAAA,EAAa,WAAS;AAAA,EAAC,UAAU;AAAA,KAAW;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
import { Separator } from "../../styles";
|
|
4
|
-
const MiniToolbarSeparator = () => /* @__PURE__ */ React2.createElement(Separator, {
|
|
5
|
-
"data-testid": "ds-mini-toolbar__separator"
|
|
6
|
-
});
|
|
7
|
-
export {
|
|
8
|
-
MiniToolbarSeparator
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=Separator.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/Separator.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Separator } from '../../styles';\n\nconst MiniToolbarSeparator = (): React.ReactElement => (\n <Separator data-testid=\"ds-mini-toolbar__separator\" />\n);\n\nexport { MiniToolbarSeparator };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEA,MAAM,uBAAuB,MAC3B,qCAAC,WAAD;AAAA,EAAW,eAAY;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { MiniToolbarButton } from "./Button";
|
|
3
|
-
import { MiniToolbarIcon } from "./IconItem";
|
|
4
|
-
import { MiniToolbarSearchBox } from "./SearchBox";
|
|
5
|
-
import { MiniToolbarSeparator } from "./Separator";
|
|
6
|
-
import { MiniToolbarComboBox } from "./ComboBox";
|
|
7
|
-
const ICON_ITEM = "ds-icon-item";
|
|
8
|
-
const SEPARATOR = "ds-separator";
|
|
9
|
-
const BUTTON = "ds-button";
|
|
10
|
-
const SEARCH_BOX = "ds-search-box";
|
|
11
|
-
const COMBO_BOX = "ds-combo-box";
|
|
12
|
-
export {
|
|
13
|
-
BUTTON,
|
|
14
|
-
COMBO_BOX,
|
|
15
|
-
ICON_ITEM,
|
|
16
|
-
MiniToolbarButton,
|
|
17
|
-
MiniToolbarComboBox,
|
|
18
|
-
MiniToolbarIcon,
|
|
19
|
-
MiniToolbarSearchBox,
|
|
20
|
-
MiniToolbarSeparator,
|
|
21
|
-
SEARCH_BOX,
|
|
22
|
-
SEPARATOR
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/Components/outOfTheBox/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MiniToolbarButton } from './Button';\nexport { MiniToolbarIcon } from './IconItem';\nexport { MiniToolbarSearchBox } from './SearchBox';\nexport { MiniToolbarSeparator } from './Separator';\nexport { MiniToolbarComboBox } from './ComboBox';\n\nexport const ICON_ITEM = 'ds-icon-item';\nexport const SEPARATOR = 'ds-separator';\nexport const BUTTON = 'ds-button';\nexport const SEARCH_BOX = 'ds-search-box';\nexport const COMBO_BOX = 'ds-combo-box';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,SAAS;AACf,MAAM,aAAa;AACnB,MAAM,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2, { useMemo } from "react";
|
|
3
|
-
import { uid } from "uid";
|
|
4
|
-
import { Search } from "@elliemae/ds-icons";
|
|
5
|
-
import {
|
|
6
|
-
ICON_ITEM,
|
|
7
|
-
SEPARATOR,
|
|
8
|
-
BUTTON,
|
|
9
|
-
SEARCH_BOX,
|
|
10
|
-
COMBO_BOX,
|
|
11
|
-
MiniToolbarButton,
|
|
12
|
-
MiniToolbarSeparator,
|
|
13
|
-
MiniToolbarSearchBox,
|
|
14
|
-
MiniToolbarIcon,
|
|
15
|
-
MiniToolbarComboBox
|
|
16
|
-
} from "../Components/outOfTheBox";
|
|
17
|
-
import { ToolbarShortcut } from "../Components/ToolbarShortcut";
|
|
18
|
-
import { MiniToolbarSearchButton } from "../Components/outOfTheBox/SearchBox";
|
|
19
|
-
const useGenerateItems = (items) => {
|
|
20
|
-
const instanceUID = useMemo(() => uid(6), []);
|
|
21
|
-
const shortcutItems = useMemo(() => items.filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion).map((item, index) => {
|
|
22
|
-
const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } = item;
|
|
23
|
-
let Component;
|
|
24
|
-
let ContextualRegion;
|
|
25
|
-
if (component === SEPARATOR)
|
|
26
|
-
return /* @__PURE__ */ React2.createElement(MiniToolbarSeparator, null);
|
|
27
|
-
if (component === BUTTON)
|
|
28
|
-
Component = MiniToolbarButton;
|
|
29
|
-
else if (component === ICON_ITEM)
|
|
30
|
-
Component = MiniToolbarIcon;
|
|
31
|
-
else if (component === COMBO_BOX)
|
|
32
|
-
Component = MiniToolbarComboBox;
|
|
33
|
-
else if (component === SEARCH_BOX) {
|
|
34
|
-
if (item.hasShortcut) {
|
|
35
|
-
Component = MiniToolbarSearchButton;
|
|
36
|
-
}
|
|
37
|
-
ContextualRegion = MiniToolbarSearchBox;
|
|
38
|
-
}
|
|
39
|
-
if (!ContextualRegion) {
|
|
40
|
-
ContextualRegion = contextualRegion;
|
|
41
|
-
}
|
|
42
|
-
if (!Component) {
|
|
43
|
-
Component = shortcutComponent;
|
|
44
|
-
}
|
|
45
|
-
return /* @__PURE__ */ React2.createElement(ToolbarShortcut, {
|
|
46
|
-
key: `${instanceUID}-shortcut-${index}`,
|
|
47
|
-
Component,
|
|
48
|
-
shortcutProps,
|
|
49
|
-
sharedProps,
|
|
50
|
-
ContextualRegion,
|
|
51
|
-
contextualRegionProps
|
|
52
|
-
});
|
|
53
|
-
}), [instanceUID, items]);
|
|
54
|
-
const dropdownMenuItems = useMemo(() => items.map((item, index) => {
|
|
55
|
-
const { component, sharedProps, dropdownComponentProps } = item;
|
|
56
|
-
const dropdownItem = {};
|
|
57
|
-
const { Icon, color, label, onClick } = {
|
|
58
|
-
...sharedProps,
|
|
59
|
-
...dropdownComponentProps
|
|
60
|
-
};
|
|
61
|
-
if (component === SEPARATOR)
|
|
62
|
-
dropdownItem.type = "separator";
|
|
63
|
-
else {
|
|
64
|
-
dropdownItem.id = `${instanceUID}-dropdown-${index}`;
|
|
65
|
-
dropdownItem.onClick = () => onClick(item);
|
|
66
|
-
dropdownItem.label = label;
|
|
67
|
-
dropdownItem.onKeyDown = (e) => {
|
|
68
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
69
|
-
onClick(item);
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
}
|
|
73
|
-
if (component === ICON_ITEM) {
|
|
74
|
-
dropdownItem.leftAddon = /* @__PURE__ */ React2.createElement(Icon, {
|
|
75
|
-
color
|
|
76
|
-
});
|
|
77
|
-
} else if (component === SEARCH_BOX) {
|
|
78
|
-
dropdownItem.leftAddon = /* @__PURE__ */ React2.createElement(Search, {
|
|
79
|
-
color
|
|
80
|
-
});
|
|
81
|
-
} else if (component === COMBO_BOX) {
|
|
82
|
-
dropdownItem.type = "subMenu";
|
|
83
|
-
dropdownItem.label = label;
|
|
84
|
-
dropdownItem.subItems = sharedProps.options.map((option, index2) => {
|
|
85
|
-
option.id = `${instanceUID}-option-${index2}`;
|
|
86
|
-
option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);
|
|
87
|
-
option.onKeyDown = (e) => {
|
|
88
|
-
if (e.key === " " || e.key === "Enter") {
|
|
89
|
-
dropdownComponentProps.onSelectMenuItem(option);
|
|
90
|
-
}
|
|
91
|
-
};
|
|
92
|
-
return option;
|
|
93
|
-
});
|
|
94
|
-
}
|
|
95
|
-
return dropdownItem;
|
|
96
|
-
}), [instanceUID, items]);
|
|
97
|
-
return [shortcutItems, dropdownMenuItems];
|
|
98
|
-
};
|
|
99
|
-
export {
|
|
100
|
-
useGenerateItems
|
|
101
|
-
};
|
|
102
|
-
//# sourceMappingURL=useGenerateItems.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/hooks/useGenerateItems.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { uid } from 'uid';\nimport { Search } from '@elliemae/ds-icons';\nimport {\n ICON_ITEM,\n SEPARATOR,\n BUTTON,\n SEARCH_BOX,\n COMBO_BOX,\n MiniToolbarButton,\n MiniToolbarSeparator,\n MiniToolbarSearchBox,\n MiniToolbarIcon,\n MiniToolbarComboBox,\n} from '../Components/outOfTheBox';\nimport { ToolbarShortcut } from '../Components/ToolbarShortcut';\nimport { MiniToolbarSearchButton } from '../Components/outOfTheBox/SearchBox';\nimport { GeneratedDropdownItemT, MiniToolbarItemT } from '../index.d';\n\nconst useGenerateItems = (items: MiniToolbarItemT[]): [React.ReactElement[], GeneratedDropdownItemT[]] => {\n const instanceUID = useMemo(() => uid(6), []);\n\n const shortcutItems = useMemo(\n () =>\n items\n .filter((item) => item.hasShortcut || item.component === SEARCH_BOX || item.contextualRegion)\n .map((item, index) => {\n const { component, shortcutComponent, shortcutProps, sharedProps, contextualRegion, contextualRegionProps } =\n item;\n\n let Component;\n let ContextualRegion;\n\n if (component === SEPARATOR) return <MiniToolbarSeparator />;\n if (component === BUTTON) Component = MiniToolbarButton;\n else if (component === ICON_ITEM) Component = MiniToolbarIcon;\n else if (component === COMBO_BOX) Component = MiniToolbarComboBox;\n else if (component === SEARCH_BOX) {\n if (item.hasShortcut) {\n Component = MiniToolbarSearchButton;\n }\n ContextualRegion = MiniToolbarSearchBox;\n }\n if (!ContextualRegion) {\n ContextualRegion = contextualRegion;\n }\n if (!Component) {\n Component = shortcutComponent;\n }\n\n return (\n <ToolbarShortcut\n key={`${instanceUID}-shortcut-${index}`}\n Component={Component}\n shortcutProps={shortcutProps}\n sharedProps={sharedProps}\n ContextualRegion={ContextualRegion}\n contextualRegionProps={contextualRegionProps}\n />\n );\n }),\n [instanceUID, items],\n );\n\n const dropdownMenuItems = useMemo(\n () =>\n items.map((item, index) => {\n const { component, sharedProps, dropdownComponentProps } = item;\n const dropdownItem: GeneratedDropdownItemT = {};\n\n const { Icon, color, label, onClick } = {\n ...sharedProps,\n ...dropdownComponentProps,\n };\n\n if (component === SEPARATOR) dropdownItem.type = 'separator';\n else {\n dropdownItem.id = `${instanceUID}-dropdown-${index}`;\n dropdownItem.onClick = () => onClick(item);\n dropdownItem.label = label;\n dropdownItem.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n onClick(item);\n }\n };\n }\n\n if (component === ICON_ITEM) {\n dropdownItem.leftAddon = <Icon color={color} />;\n } else if (component === SEARCH_BOX) {\n dropdownItem.leftAddon = <Search color={color} />;\n } else if (component === COMBO_BOX) {\n dropdownItem.type = 'subMenu';\n dropdownItem.label = label;\n dropdownItem.subItems = sharedProps.options.map((option, index) => {\n option.id = `${instanceUID}-option-${index}`;\n option.onClick = () => dropdownComponentProps.onSelectMenuItem(option);\n option.onKeyDown = (e: React.KeyboardEvent) => {\n if (e.key === ' ' || e.key === 'Enter') {\n dropdownComponentProps.onSelectMenuItem(option);\n }\n };\n return option;\n });\n }\n\n return dropdownItem;\n }),\n [instanceUID, items],\n );\n\n return [shortcutItems, dropdownMenuItems];\n};\n\nexport { useGenerateItems };\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA;AACA;AAGA,MAAM,mBAAmB,CAAC,UAAgF;AACxG,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,QAAM,gBAAgB,QACpB,MACE,MACG,OAAO,CAAC,SAAS,KAAK,eAAe,KAAK,cAAc,cAAc,KAAK,kBAC3E,IAAI,CAAC,MAAM,UAAU;AACpB,UAAM,EAAE,WAAW,mBAAmB,eAAe,aAAa,kBAAkB,0BAClF;AAEF,QAAI;AACJ,QAAI;AAEJ,QAAI,cAAc;AAAW,aAAO,qCAAC,sBAAD;AACpC,QAAI,cAAc;AAAQ,kBAAY;AAAA,aAC7B,cAAc;AAAW,kBAAY;AAAA,aACrC,cAAc;AAAW,kBAAY;AAAA,aACrC,cAAc,YAAY;AACjC,UAAI,KAAK,aAAa;AACpB,oBAAY;AAAA;AAEd,yBAAmB;AAAA;AAErB,QAAI,CAAC,kBAAkB;AACrB,yBAAmB;AAAA;AAErB,QAAI,CAAC,WAAW;AACd,kBAAY;AAAA;AAGd,WACE,qCAAC,iBAAD;AAAA,MACE,KAAK,GAAG,wBAAwB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,MAIV,CAAC,aAAa;AAGhB,QAAM,oBAAoB,QACxB,MACE,MAAM,IAAI,CAAC,MAAM,UAAU;AACzB,UAAM,EAAE,WAAW,aAAa,2BAA2B;AAC3D,UAAM,eAAuC;AAE7C,UAAM,EAAE,MAAM,OAAO,OAAO,YAAY;AAAA,SACnC;AAAA,SACA;AAAA;AAGL,QAAI,cAAc;AAAW,mBAAa,OAAO;AAAA,SAC5C;AACH,mBAAa,KAAK,GAAG,wBAAwB;AAC7C,mBAAa,UAAU,MAAM,QAAQ;AACrC,mBAAa,QAAQ;AACrB,mBAAa,YAAY,CAAC,MAA2B;AACnD,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,kBAAQ;AAAA;AAAA;AAAA;AAKd,QAAI,cAAc,WAAW;AAC3B,mBAAa,YAAY,qCAAC,MAAD;AAAA,QAAM;AAAA;AAAA,eACtB,cAAc,YAAY;AACnC,mBAAa,YAAY,qCAAC,QAAD;AAAA,QAAQ;AAAA;AAAA,eACxB,cAAc,WAAW;AAClC,mBAAa,OAAO;AACpB,mBAAa,QAAQ;AACrB,mBAAa,WAAW,YAAY,QAAQ,IAAI,CAAC,QAAQ,WAAU;AACjE,eAAO,KAAK,GAAG,sBAAsB;AACrC,eAAO,UAAU,MAAM,uBAAuB,iBAAiB;AAC/D,eAAO,YAAY,CAAC,MAA2B;AAC7C,cAAI,EAAE,QAAQ,OAAO,EAAE,QAAQ,SAAS;AACtC,mCAAuB,iBAAiB;AAAA;AAAA;AAG5C,eAAO;AAAA;AAAA;AAIX,WAAO;AAAA,MAEX,CAAC,aAAa;AAGhB,SAAO,CAAC,eAAe;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/index.d.js
DELETED