@elliemae/ds-toolbar 3.22.0-next.3 → 3.22.0-next.31
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/index.js +2 -12
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/index.js +2 -8
- package/dist/esm/index.js.map +4 -4
- package/dist/types/index.d.ts +2 -5
- package/package.json +16 -19
- package/dist/cjs/DSToolbarDefinitions.js +0 -38
- package/dist/cjs/DSToolbarDefinitions.js.map +0 -7
- package/dist/cjs/DSToolbarItemV2.js +0 -78
- package/dist/cjs/DSToolbarItemV2.js.map +0 -7
- package/dist/cjs/DSToolbarSeparatorV2.js +0 -38
- package/dist/cjs/DSToolbarSeparatorV2.js.map +0 -7
- package/dist/cjs/DSToolbarV2.js +0 -83
- package/dist/cjs/DSToolbarV2.js.map +0 -7
- package/dist/cjs/DSToolbarV2Context.js +0 -44
- package/dist/cjs/DSToolbarV2Context.js.map +0 -7
- package/dist/cjs/deprecated/DSToolbar.js +0 -96
- package/dist/cjs/deprecated/DSToolbar.js.map +0 -7
- package/dist/cjs/deprecated/ToolbarDivider.js +0 -40
- package/dist/cjs/deprecated/ToolbarDivider.js.map +0 -7
- package/dist/cjs/deprecated/ToolbarGroup.js +0 -50
- package/dist/cjs/deprecated/ToolbarGroup.js.map +0 -7
- package/dist/cjs/deprecated/ToolbarItem.js +0 -60
- package/dist/cjs/deprecated/ToolbarItem.js.map +0 -7
- package/dist/cjs/deprecated/decorateToolbarChildren.js +0 -45
- package/dist/cjs/deprecated/decorateToolbarChildren.js.map +0 -7
- package/dist/cjs/deprecated/hooks/useKeyboardNavigation.js +0 -72
- package/dist/cjs/deprecated/hooks/useKeyboardNavigation.js.map +0 -7
- package/dist/cjs/deprecated/index.js +0 -38
- package/dist/cjs/deprecated/index.js.map +0 -7
- package/dist/cjs/react-desc-prop-types.js +0 -64
- package/dist/cjs/react-desc-prop-types.js.map +0 -7
- package/dist/cjs/styled.js +0 -55
- package/dist/cjs/styled.js.map +0 -7
- package/dist/cjs/useToolbarItemHandlers.js +0 -82
- package/dist/cjs/useToolbarItemHandlers.js.map +0 -7
- package/dist/esm/DSToolbarDefinitions.js +0 -8
- package/dist/esm/DSToolbarDefinitions.js.map +0 -7
- package/dist/esm/DSToolbarItemV2.js +0 -53
- package/dist/esm/DSToolbarItemV2.js.map +0 -7
- package/dist/esm/DSToolbarSeparatorV2.js +0 -8
- package/dist/esm/DSToolbarSeparatorV2.js.map +0 -7
- package/dist/esm/DSToolbarV2.js +0 -58
- package/dist/esm/DSToolbarV2.js.map +0 -7
- package/dist/esm/DSToolbarV2Context.js +0 -14
- package/dist/esm/DSToolbarV2Context.js.map +0 -7
- package/dist/esm/deprecated/DSToolbar.js +0 -66
- package/dist/esm/deprecated/DSToolbar.js.map +0 -7
- package/dist/esm/deprecated/ToolbarDivider.js +0 -10
- package/dist/esm/deprecated/ToolbarDivider.js.map +0 -7
- package/dist/esm/deprecated/ToolbarGroup.js +0 -20
- package/dist/esm/deprecated/ToolbarGroup.js.map +0 -7
- package/dist/esm/deprecated/ToolbarItem.js +0 -30
- package/dist/esm/deprecated/ToolbarItem.js.map +0 -7
- package/dist/esm/deprecated/decorateToolbarChildren.js +0 -15
- package/dist/esm/deprecated/decorateToolbarChildren.js.map +0 -7
- package/dist/esm/deprecated/hooks/useKeyboardNavigation.js +0 -42
- package/dist/esm/deprecated/hooks/useKeyboardNavigation.js.map +0 -7
- package/dist/esm/deprecated/index.js +0 -7
- package/dist/esm/deprecated/index.js.map +0 -7
- package/dist/esm/react-desc-prop-types.js +0 -34
- package/dist/esm/react-desc-prop-types.js.map +0 -7
- package/dist/esm/styled.js +0 -25
- package/dist/esm/styled.js.map +0 -7
- package/dist/esm/useToolbarItemHandlers.js +0 -52
- package/dist/esm/useToolbarItemHandlers.js.map +0 -7
- package/dist/types/DSToolbarDefinitions.d.ts +0 -2
- package/dist/types/DSToolbarItemV2.d.ts +0 -5
- package/dist/types/DSToolbarSeparatorV2.d.ts +0 -2
- package/dist/types/DSToolbarV2.d.ts +0 -5
- package/dist/types/DSToolbarV2Context.d.ts +0 -10
- package/dist/types/deprecated/DSToolbar.d.ts +0 -37
- package/dist/types/deprecated/ToolbarDivider.d.ts +0 -3
- package/dist/types/deprecated/ToolbarGroup.d.ts +0 -14
- package/dist/types/deprecated/ToolbarItem.d.ts +0 -16
- package/dist/types/deprecated/decorateToolbarChildren.d.ts +0 -2
- package/dist/types/deprecated/hooks/useKeyboardNavigation.d.ts +0 -9
- package/dist/types/deprecated/index.d.ts +0 -2
- package/dist/types/react-desc-prop-types.d.ts +0 -779
- package/dist/types/styled.d.ts +0 -4
- package/dist/types/tests/DSToolbar.test.d.ts +0 -1
- package/dist/types/useToolbarItemHandlers.d.ts +0 -4
package/dist/cjs/index.js
CHANGED
|
@@ -5,10 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
8
|
var __copyProps = (to, from, except, desc) => {
|
|
13
9
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
10
|
for (let key of __getOwnPropNames(from))
|
|
@@ -28,14 +24,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
24
|
));
|
|
29
25
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
26
|
var src_exports = {};
|
|
31
|
-
__export(src_exports, {
|
|
32
|
-
default: () => import_deprecated.default
|
|
33
|
-
});
|
|
34
27
|
module.exports = __toCommonJS(src_exports);
|
|
35
28
|
var React = __toESM(require("react"));
|
|
36
|
-
__reExport(src_exports, require("
|
|
37
|
-
|
|
38
|
-
__reExport(src_exports, require("./DSToolbarV2.js"), module.exports);
|
|
39
|
-
__reExport(src_exports, require("./DSToolbarItemV2.js"), module.exports);
|
|
40
|
-
__reExport(src_exports, require("./DSToolbarSeparatorV2.js"), module.exports);
|
|
29
|
+
__reExport(src_exports, require("@elliemae/ds-toolbar-v1"), module.exports);
|
|
30
|
+
__reExport(src_exports, require("@elliemae/ds-toolbar-v2"), module.exports);
|
|
41
31
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx", "
|
|
4
|
-
"sourcesContent": ["export * from '
|
|
5
|
-
"mappings": "
|
|
3
|
+
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export * from '@elliemae/ds-toolbar-v1';\nexport * from '@elliemae/ds-toolbar-v2';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,oCAAd;AACA,wBAAc,oCADd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export * from "
|
|
3
|
-
|
|
4
|
-
export * from "./DSToolbarV2.js";
|
|
5
|
-
export * from "./DSToolbarItemV2.js";
|
|
6
|
-
export * from "./DSToolbarSeparatorV2.js";
|
|
7
|
-
export {
|
|
8
|
-
default2 as default
|
|
9
|
-
};
|
|
2
|
+
export * from "@elliemae/ds-toolbar-v1";
|
|
3
|
+
export * from "@elliemae/ds-toolbar-v2";
|
|
10
4
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,
|
|
6
|
-
"names": [
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-toolbar-v1';\nexport * from '@elliemae/ds-toolbar-v2';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,5 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
2
|
-
export
|
|
3
|
-
export * from './DSToolbarV2.js';
|
|
4
|
-
export * from './DSToolbarItemV2.js';
|
|
5
|
-
export * from './DSToolbarSeparatorV2.js';
|
|
1
|
+
export * from '@elliemae/ds-toolbar-v1';
|
|
2
|
+
export * from '@elliemae/ds-toolbar-v2';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-toolbar",
|
|
3
|
-
"version": "3.22.0-next.
|
|
3
|
+
"version": "3.22.0-next.31",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Toolbar",
|
|
6
6
|
"files": [
|
|
@@ -89,24 +89,21 @@
|
|
|
89
89
|
"dependencies": {
|
|
90
90
|
"prop-types": "~15.8.1",
|
|
91
91
|
"uid": "2.0.1",
|
|
92
|
-
"@elliemae/ds-button": "3.22.0-next.
|
|
93
|
-
"@elliemae/ds-
|
|
94
|
-
"@elliemae/ds-
|
|
95
|
-
"@elliemae/ds-
|
|
96
|
-
"@elliemae/ds-
|
|
97
|
-
"@elliemae/ds-
|
|
98
|
-
"@elliemae/ds-
|
|
99
|
-
"@elliemae/ds-utilities": "3.22.0-next.3",
|
|
100
|
-
"@elliemae/ds-icons": "3.22.0-next.3",
|
|
101
|
-
"@elliemae/ds-shared": "3.22.0-next.3"
|
|
92
|
+
"@elliemae/ds-button": "3.22.0-next.31",
|
|
93
|
+
"@elliemae/ds-props-helpers": "3.22.0-next.31",
|
|
94
|
+
"@elliemae/ds-icons": "3.22.0-next.31",
|
|
95
|
+
"@elliemae/ds-system": "3.22.0-next.31",
|
|
96
|
+
"@elliemae/ds-grid": "3.22.0-next.31",
|
|
97
|
+
"@elliemae/ds-toolbar-v1": "3.22.0-next.31",
|
|
98
|
+
"@elliemae/ds-toolbar-v2": "3.22.0-next.31"
|
|
102
99
|
},
|
|
103
100
|
"devDependencies": {
|
|
104
|
-
"@elliemae/pui-cli": "~9.0.0-next.
|
|
101
|
+
"@elliemae/pui-cli": "~9.0.0-next.22",
|
|
105
102
|
"@testing-library/jest-dom": "~5.16.5",
|
|
106
103
|
"@testing-library/react": "~12.1.3",
|
|
107
104
|
"@testing-library/user-event": "~13.5.0",
|
|
108
105
|
"styled-components": "~5.3.9",
|
|
109
|
-
"@elliemae/ds-monorepo-devops": "3.22.0-next.
|
|
106
|
+
"@elliemae/ds-monorepo-devops": "3.22.0-next.31"
|
|
110
107
|
},
|
|
111
108
|
"peerDependencies": {
|
|
112
109
|
"lodash": "^4.17.21",
|
|
@@ -119,14 +116,14 @@
|
|
|
119
116
|
"typeSafety": false
|
|
120
117
|
},
|
|
121
118
|
"scripts": {
|
|
122
|
-
"dev": "cross-env NODE_ENV=development node
|
|
119
|
+
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
123
120
|
"test": "pui-cli test --passWithNoTests",
|
|
124
|
-
"lint": "node
|
|
125
|
-
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='
|
|
126
|
-
"dts": "node
|
|
127
|
-
"build": "cross-env NODE_ENV=production node
|
|
121
|
+
"lint": "node ../../../scripts/lint.mjs",
|
|
122
|
+
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
|
|
123
|
+
"dts": "node ../../../scripts/dts.mjs",
|
|
124
|
+
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
128
125
|
"dev:build": "pnpm --filter {.}... build",
|
|
129
126
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
130
|
-
"checkDeps": "npm exec
|
|
127
|
+
"checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
131
128
|
}
|
|
132
129
|
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSToolbarDefinitions_exports = {};
|
|
30
|
-
__export(DSToolbarDefinitions_exports, {
|
|
31
|
-
DSToolbarItemName: () => DSToolbarItemName,
|
|
32
|
-
DSToolbarName: () => DSToolbarName
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(DSToolbarDefinitions_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
const DSToolbarName = "DSToolbar";
|
|
37
|
-
const DSToolbarItemName = "DSToolbarItem";
|
|
38
|
-
//# sourceMappingURL=DSToolbarDefinitions.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSToolbarDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const DSToolbarName = 'DSToolbar';\n\nexport const DSToolbarItemName = 'DSToolbarItem';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAEtB,MAAM,oBAAoB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSToolbarItemV2_exports = {};
|
|
30
|
-
__export(DSToolbarItemV2_exports, {
|
|
31
|
-
DSToolbarItemV2: () => DSToolbarItemV2,
|
|
32
|
-
DSToolbarItemV2WithSchema: () => DSToolbarItemV2WithSchema
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(DSToolbarItemV2_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = require("react");
|
|
38
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
|
-
var import_uid = require("uid");
|
|
40
|
-
var import_DSToolbarV2Context = require("./DSToolbarV2Context.js");
|
|
41
|
-
var import_styled = require("./styled.js");
|
|
42
|
-
var import_useToolbarItemHandlers = require("./useToolbarItemHandlers.js");
|
|
43
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
44
|
-
var import_DSToolbarDefinitions = require("./DSToolbarDefinitions.js");
|
|
45
|
-
const DSToolbarItemV2 = (props) => {
|
|
46
|
-
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultItemProps);
|
|
47
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.DSToolbarItemV2Schema, import_DSToolbarDefinitions.DSToolbarItemName);
|
|
48
|
-
const { render: ComponentRenderer, isFirstItem } = propsWithDefaults;
|
|
49
|
-
const { id: providedId, ...restGlobals } = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
|
|
50
|
-
const { registerReference, dndDraggingItem } = (0, import_react.useContext)(import_DSToolbarV2Context.DSToolbarV2Context);
|
|
51
|
-
const ref = (0, import_react.useRef)(null);
|
|
52
|
-
const toolbarItemId = (0, import_react.useMemo)(() => {
|
|
53
|
-
const id = providedId ?? `ds-toolbar-item-${(0, import_uid.uid)()}`;
|
|
54
|
-
registerReference(id, ref);
|
|
55
|
-
return id;
|
|
56
|
-
}, [registerReference, ref, providedId]);
|
|
57
|
-
const tabIndex = (0, import_react.useMemo)(
|
|
58
|
-
() => dndDraggingItem === toolbarItemId || !dndDraggingItem && isFirstItem ? 0 : -1,
|
|
59
|
-
[dndDraggingItem, isFirstItem, toolbarItemId]
|
|
60
|
-
);
|
|
61
|
-
const handlers = (0, import_useToolbarItemHandlers.useToolbarItemHandlers)(toolbarItemId);
|
|
62
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
import_styled.StyledToolbarItem,
|
|
64
|
-
{
|
|
65
|
-
id: toolbarItemId,
|
|
66
|
-
"data-testid": "ds-toolbar-item",
|
|
67
|
-
className: "ds-toolbar-item",
|
|
68
|
-
...handlers,
|
|
69
|
-
...restGlobals,
|
|
70
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComponentRenderer, { innerRef: ref, tabIndex })
|
|
71
|
-
}
|
|
72
|
-
);
|
|
73
|
-
};
|
|
74
|
-
DSToolbarItemV2.propTypes = import_react_desc_prop_types.DSToolbarItemV2Schema;
|
|
75
|
-
DSToolbarItemV2.displayName = import_DSToolbarDefinitions.DSToolbarItemName;
|
|
76
|
-
const DSToolbarItemV2WithSchema = (0, import_ds_props_helpers.describe)(DSToolbarItemV2).description("Toolbar Item");
|
|
77
|
-
DSToolbarItemV2WithSchema.propTypes = import_react_desc_prop_types.DSToolbarItemV2Schema;
|
|
78
|
-
//# sourceMappingURL=DSToolbarItemV2.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSToolbarItemV2.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo, useRef } from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context.js';\nimport { StyledToolbarItem } from './styled.js';\nimport { useToolbarItemHandlers } from './useToolbarItemHandlers.js';\nimport { defaultItemProps, DSToolbarItemV2Schema } from './react-desc-prop-types.js';\nimport type { DSToolbarItemT } from './react-desc-prop-types.js';\nimport { DSToolbarItemName } from './DSToolbarDefinitions.js';\n\nconst DSToolbarItemV2: React.ComponentType<DSToolbarItemT.Props> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultItemProps);\n\n useValidateTypescriptPropTypes(propsWithDefaults, DSToolbarItemV2Schema, DSToolbarItemName);\n const { render: ComponentRenderer, isFirstItem } = propsWithDefaults;\n const { id: providedId, ...restGlobals } = useGetGlobalAttributes(propsWithDefaults);\n const { registerReference, dndDraggingItem } = useContext(DSToolbarV2Context);\n const ref = useRef<HTMLElement | null>(null);\n\n const toolbarItemId = useMemo(() => {\n const id = providedId ?? `ds-toolbar-item-${uid()}`;\n registerReference(id, ref);\n return id;\n }, [registerReference, ref, providedId]);\n\n const tabIndex = useMemo(\n () => (dndDraggingItem === toolbarItemId || (!dndDraggingItem && isFirstItem) ? 0 : -1),\n [dndDraggingItem, isFirstItem, toolbarItemId],\n );\n\n const handlers = useToolbarItemHandlers(toolbarItemId);\n return (\n <StyledToolbarItem\n id={toolbarItemId}\n data-testid=\"ds-toolbar-item\"\n className=\"ds-toolbar-item\"\n {...handlers}\n {...restGlobals}\n >\n <ComponentRenderer innerRef={ref} tabIndex={tabIndex} />\n </StyledToolbarItem>\n );\n};\n\nDSToolbarItemV2.propTypes = DSToolbarItemV2Schema;\n\nDSToolbarItemV2.displayName = DSToolbarItemName;\nconst DSToolbarItemV2WithSchema = describe(DSToolbarItemV2).description('Toolbar Item');\nDSToolbarItemV2WithSchema.propTypes = DSToolbarItemV2Schema;\n\nexport { DSToolbarItemV2, DSToolbarItemV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CjB;AA5CN,mBAAmD;AACnD,8BAKO;AACP,iBAAoB;AACpB,gCAAmC;AACnC,oBAAkC;AAClC,oCAAuC;AACvC,mCAAwD;AAExD,kCAAkC;AAElC,MAAM,kBAA6D,CAAC,UAAU;AAC5E,QAAM,wBAAoB,sDAA6B,OAAO,6CAAgB;AAE9E,8DAA+B,mBAAmB,oDAAuB,6CAAiB;AAC1F,QAAM,EAAE,QAAQ,mBAAmB,YAAY,IAAI;AACnD,QAAM,EAAE,IAAI,YAAY,GAAG,YAAY,QAAI,gDAAuB,iBAAiB;AACnF,QAAM,EAAE,mBAAmB,gBAAgB,QAAI,yBAAW,4CAAkB;AAC5E,QAAM,UAAM,qBAA2B,IAAI;AAE3C,QAAM,oBAAgB,sBAAQ,MAAM;AAClC,UAAM,KAAK,cAAc,uBAAmB,gBAAI;AAChD,sBAAkB,IAAI,GAAG;AACzB,WAAO;AAAA,EACT,GAAG,CAAC,mBAAmB,KAAK,UAAU,CAAC;AAEvC,QAAM,eAAW;AAAA,IACf,MAAO,oBAAoB,iBAAkB,CAAC,mBAAmB,cAAe,IAAI;AAAA,IACpF,CAAC,iBAAiB,aAAa,aAAa;AAAA,EAC9C;AAEA,QAAM,eAAW,sDAAuB,aAAa;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,eAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,sDAAC,qBAAkB,UAAU,KAAK,UAAoB;AAAA;AAAA,EACxD;AAEJ;AAEA,gBAAgB,YAAY;AAE5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe,EAAE,YAAY,cAAc;AACtF,0BAA0B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSToolbarSeparatorV2_exports = {};
|
|
30
|
-
__export(DSToolbarSeparatorV2_exports, {
|
|
31
|
-
DSToolbarSeparatorV2: () => DSToolbarSeparatorV2
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(DSToolbarSeparatorV2_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_styled = require("./styled.js");
|
|
37
|
-
const DSToolbarSeparatorV2 = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSeparator, { className: "ds-toolbar-separator" });
|
|
38
|
-
//# sourceMappingURL=DSToolbarSeparatorV2.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSToolbarSeparatorV2.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { StyledSeparator } from './styled.js';\n\nexport const DSToolbarSeparatorV2: React.ComponentType = () => <StyledSeparator className=\"ds-toolbar-separator\" />;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGwC;AAF/D,oBAAgC;AAEzB,MAAM,uBAA4C,MAAM,4CAAC,iCAAgB,WAAU,wBAAuB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/DSToolbarV2.js
DELETED
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSToolbarV2_exports = {};
|
|
30
|
-
__export(DSToolbarV2_exports, {
|
|
31
|
-
DSToolbarV2: () => DSToolbarV2,
|
|
32
|
-
DSToolbarV2WithSchema: () => DSToolbarV2WithSchema
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(DSToolbarV2_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
-
var import_react = require("react");
|
|
38
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
|
-
var import_uid = require("uid");
|
|
40
|
-
var import_DSToolbarV2Context = require("./DSToolbarV2Context.js");
|
|
41
|
-
var import_react_desc_prop_types = require("./react-desc-prop-types.js");
|
|
42
|
-
var import_styled = require("./styled.js");
|
|
43
|
-
var import_DSToolbarDefinitions = require("./DSToolbarDefinitions.js");
|
|
44
|
-
const DSToolbarV2 = (props) => {
|
|
45
|
-
const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
|
|
46
|
-
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.DSToolbarV2Schema, import_DSToolbarDefinitions.DSToolbarName);
|
|
47
|
-
const { alignment, withDepth, compact, innerRef, children } = propsWithDefaults;
|
|
48
|
-
const globalsProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
|
|
49
|
-
const toolbarUid = (0, import_react.useMemo)(() => globalsProps.id ?? `ds-toolbar-${(0, import_uid.uid)()}`, []);
|
|
50
|
-
const [itemReferences, setItemReferences] = (0, import_react.useState)({});
|
|
51
|
-
const [dndDraggingItem, setDndDraggingItem] = (0, import_react.useState)("");
|
|
52
|
-
const registerReference = (0, import_react.useCallback)(
|
|
53
|
-
(itemId, ref) => {
|
|
54
|
-
setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));
|
|
55
|
-
},
|
|
56
|
-
[setItemReferences]
|
|
57
|
-
);
|
|
58
|
-
const ctx = (0, import_react.useMemo)(
|
|
59
|
-
() => ({ toolbarUid, registerReference, itemReferences, dndDraggingItem, setDndDraggingItem }),
|
|
60
|
-
[dndDraggingItem, itemReferences, registerReference, toolbarUid]
|
|
61
|
-
);
|
|
62
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DSToolbarV2Context.DSToolbarV2Context.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
-
import_styled.StyledToolbarWrapper,
|
|
64
|
-
{
|
|
65
|
-
role: "toolbar",
|
|
66
|
-
"data-testid": "ds-toolbar-wrapper",
|
|
67
|
-
id: toolbarUid,
|
|
68
|
-
alignItems: "center",
|
|
69
|
-
justifyContent: alignment === "left" ? "flex-start" : "flex-end",
|
|
70
|
-
withDepth,
|
|
71
|
-
gutter: "xxs2",
|
|
72
|
-
compact,
|
|
73
|
-
ref: innerRef,
|
|
74
|
-
...globalsProps,
|
|
75
|
-
children
|
|
76
|
-
}
|
|
77
|
-
) });
|
|
78
|
-
};
|
|
79
|
-
DSToolbarV2.propTypes = import_react_desc_prop_types.DSToolbarV2Schema;
|
|
80
|
-
DSToolbarV2.displayName = import_DSToolbarDefinitions.DSToolbarName;
|
|
81
|
-
const DSToolbarV2WithSchema = (0, import_ds_props_helpers.describe)(DSToolbarV2).description("Toolbar");
|
|
82
|
-
DSToolbarV2WithSchema.propTypes = import_react_desc_prop_types.DSToolbarV2Schema;
|
|
83
|
-
//# sourceMappingURL=DSToolbarV2.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSToolbarV2.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useState } from 'react';\nimport {\n useMemoMergePropsWithDefault,\n useValidateTypescriptPropTypes,\n useGetGlobalAttributes,\n describe,\n} from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { DSToolbarV2Context } from './DSToolbarV2Context.js';\nimport { DSToolbarV2Schema, defaultProps } from './react-desc-prop-types.js';\nimport { StyledToolbarWrapper } from './styled.js';\nimport type { DSToolbarT, DSToolbarItemT } from './react-desc-prop-types.js';\nimport { DSToolbarName } from './DSToolbarDefinitions.js';\n\nconst DSToolbarV2: React.ComponentType<DSToolbarT.Props> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n\n useValidateTypescriptPropTypes(propsWithDefaults, DSToolbarV2Schema, DSToolbarName);\n\n const { alignment, withDepth, compact, innerRef, children } = propsWithDefaults;\n\n const globalsProps = useGetGlobalAttributes(propsWithDefaults);\n\n const toolbarUid = useMemo(() => globalsProps.id ?? `ds-toolbar-${uid()}`, []);\n\n const [itemReferences, setItemReferences] = useState({});\n const [dndDraggingItem, setDndDraggingItem] = useState('');\n\n const registerReference = useCallback(\n (itemId: string, ref: React.MutableRefObject<DSToolbarItemT.RenderHTMLElementT>) => {\n setItemReferences((prevItemReferences) => ({ ...prevItemReferences, [itemId]: ref }));\n },\n [setItemReferences],\n );\n\n const ctx = useMemo(\n () => ({ toolbarUid, registerReference, itemReferences, dndDraggingItem, setDndDraggingItem }),\n [dndDraggingItem, itemReferences, registerReference, toolbarUid],\n );\n\n return (\n <DSToolbarV2Context.Provider value={ctx}>\n <StyledToolbarWrapper\n role=\"toolbar\"\n data-testid=\"ds-toolbar-wrapper\"\n id={toolbarUid}\n alignItems=\"center\"\n justifyContent={alignment === 'left' ? 'flex-start' : 'flex-end'}\n withDepth={withDepth}\n gutter=\"xxs2\"\n compact={compact}\n ref={innerRef}\n {...globalsProps}\n >\n {children}\n </StyledToolbarWrapper>\n </DSToolbarV2Context.Provider>\n );\n};\n\nDSToolbarV2.propTypes = DSToolbarV2Schema;\n\nDSToolbarV2.displayName = DSToolbarName;\nconst DSToolbarV2WithSchema = describe(DSToolbarV2).description('Toolbar');\nDSToolbarV2WithSchema.propTypes = DSToolbarV2Schema;\n\nexport { DSToolbarV2, DSToolbarV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2CjB;AA1CN,mBAAsD;AACtD,8BAKO;AACP,iBAAoB;AACpB,gCAAmC;AACnC,mCAAgD;AAChD,oBAAqC;AAErC,kCAA8B;AAE9B,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM,wBAAoB,sDAA6B,OAAO,yCAAY;AAE1E,8DAA+B,mBAAmB,gDAAmB,yCAAa;AAElF,QAAM,EAAE,WAAW,WAAW,SAAS,UAAU,SAAS,IAAI;AAE9D,QAAM,mBAAe,gDAAuB,iBAAiB;AAE7D,QAAM,iBAAa,sBAAQ,MAAM,aAAa,MAAM,kBAAc,gBAAI,KAAK,CAAC,CAAC;AAE7E,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC,CAAC;AACvD,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,EAAE;AAEzD,QAAM,wBAAoB;AAAA,IACxB,CAAC,QAAgB,QAAmE;AAClF,wBAAkB,CAAC,wBAAwB,EAAE,GAAG,oBAAoB,CAAC,MAAM,GAAG,IAAI,EAAE;AAAA,IACtF;AAAA,IACA,CAAC,iBAAiB;AAAA,EACpB;AAEA,QAAM,UAAM;AAAA,IACV,OAAO,EAAE,YAAY,mBAAmB,gBAAgB,iBAAiB,mBAAmB;AAAA,IAC5F,CAAC,iBAAiB,gBAAgB,mBAAmB,UAAU;AAAA,EACjE;AAEA,SACE,4CAAC,6CAAmB,UAAnB,EAA4B,OAAO,KAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,IAAI;AAAA,MACJ,YAAW;AAAA,MACX,gBAAgB,cAAc,SAAS,eAAe;AAAA,MACtD;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA,KAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,YAAY,YAAY;AAExB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW,EAAE,YAAY,SAAS;AACzE,sBAAsB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSToolbarV2Context_exports = {};
|
|
30
|
-
__export(DSToolbarV2Context_exports, {
|
|
31
|
-
DSToolbarV2Context: () => DSToolbarV2Context
|
|
32
|
-
});
|
|
33
|
-
module.exports = __toCommonJS(DSToolbarV2Context_exports);
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = require("react");
|
|
36
|
-
const DSToolbarV2Context = (0, import_react.createContext)({
|
|
37
|
-
registerReference: () => null,
|
|
38
|
-
itemReferences: {},
|
|
39
|
-
toolbarUid: "",
|
|
40
|
-
dndDraggingItem: "",
|
|
41
|
-
setDndDraggingItem: () => {
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
|
-
//# sourceMappingURL=DSToolbarV2Context.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSToolbarV2Context.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { MutableRefObject } from 'react';\nimport { createContext } from 'react';\ninterface IDSToolbarV2Context {\n registerReference: (uid: string, ref: MutableRefObject<HTMLElement | null>) => void;\n itemReferences: Record<string, MutableRefObject<HTMLElement | null>>;\n toolbarUid: string;\n dndDraggingItem: string;\n setDndDraggingItem: React.Dispatch<React.SetStateAction<string>>;\n}\n\nexport const DSToolbarV2Context = createContext<IDSToolbarV2Context>({\n registerReference: () => null,\n itemReferences: {},\n toolbarUid: '',\n dndDraggingItem: '',\n setDndDraggingItem: () => {},\n});\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8B;AASvB,MAAM,yBAAqB,4BAAmC;AAAA,EACnE,mBAAmB,MAAM;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB,MAAM;AAAA,EAAC;AAC7B,CAAC;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var DSToolbar_exports = {};
|
|
30
|
-
__export(DSToolbar_exports, {
|
|
31
|
-
DSToolbar: () => DSToolbar,
|
|
32
|
-
ToolbarDivider: () => import_ToolbarDivider.default,
|
|
33
|
-
ToolbarGroup: () => import_ToolbarGroup.default,
|
|
34
|
-
ToolbarItem: () => import_ToolbarItem.default,
|
|
35
|
-
ToolbarWithSchema: () => ToolbarWithSchema,
|
|
36
|
-
default: () => DSToolbar_default
|
|
37
|
-
});
|
|
38
|
-
module.exports = __toCommonJS(DSToolbar_exports);
|
|
39
|
-
var React = __toESM(require("react"));
|
|
40
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
41
|
-
var import_react = require("react");
|
|
42
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
43
|
-
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
44
|
-
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
45
|
-
var import_decorateToolbarChildren = __toESM(require("./decorateToolbarChildren.js"));
|
|
46
|
-
var import_ToolbarItem = __toESM(require("./ToolbarItem.js"));
|
|
47
|
-
var import_ToolbarGroup = __toESM(require("./ToolbarGroup.js"));
|
|
48
|
-
var import_ToolbarDivider = __toESM(require("./ToolbarDivider.js"));
|
|
49
|
-
var import_useKeyboardNavigation = require("./hooks/useKeyboardNavigation.js");
|
|
50
|
-
const blockName = "toolbar";
|
|
51
|
-
const ToolbarContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ withDepth, alignment, size }) => ({
|
|
52
|
-
"without-depth": !withDepth,
|
|
53
|
-
[alignment]: !!alignment,
|
|
54
|
-
[size]: size
|
|
55
|
-
}));
|
|
56
|
-
const DSToolbar = ({
|
|
57
|
-
containerProps = {},
|
|
58
|
-
innerRef,
|
|
59
|
-
withDepth = true,
|
|
60
|
-
alignment = "right",
|
|
61
|
-
// left || right
|
|
62
|
-
autoFocusOnMount = true,
|
|
63
|
-
children = [],
|
|
64
|
-
size = "normal",
|
|
65
|
-
...otherProps
|
|
66
|
-
}) => {
|
|
67
|
-
(0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-toolbar", version: "TBD Date: 2023 Q3" });
|
|
68
|
-
const containerRef = (0, import_react.useRef)(null);
|
|
69
|
-
const { handleOnKeyDown } = (0, import_useKeyboardNavigation.useKeyboardNavigation)({ containerRef, autoFocusOnMount });
|
|
70
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
71
|
-
ToolbarContainer,
|
|
72
|
-
{
|
|
73
|
-
...containerProps,
|
|
74
|
-
...otherProps,
|
|
75
|
-
classProps: { withDepth, alignment, size },
|
|
76
|
-
innerRef: (0, import_ds_utilities.mergeRefs)(innerRef, containerRef),
|
|
77
|
-
onKeyDown: handleOnKeyDown,
|
|
78
|
-
children: (0, import_decorateToolbarChildren.default)(children)
|
|
79
|
-
}
|
|
80
|
-
);
|
|
81
|
-
};
|
|
82
|
-
const toolbarProps = {
|
|
83
|
-
containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
|
|
84
|
-
withDepth: import_ds_props_helpers.PropTypes.bool.description("Shows a shadow rear the toolbar").defaultValue(true),
|
|
85
|
-
alignment: import_ds_props_helpers.PropTypes.oneOf(["right", "left"]).description("Aligns the toolbar to the left or right").defaultValue("right"),
|
|
86
|
-
size: import_ds_props_helpers.PropTypes.oneOf(["normal", "compact"]).description("Toolbar size").defaultValue("normal"),
|
|
87
|
-
autoFocusOnMount: import_ds_props_helpers.PropTypes.bool.description("Wheter to focus the component when it mounts or not").defaultValue(true),
|
|
88
|
-
children: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.array, import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.node]).description("Toolbar items").isRequired,
|
|
89
|
-
innerRef: import_ds_props_helpers.PropTypes.object.description("Ref to the Toolbar container element")
|
|
90
|
-
};
|
|
91
|
-
DSToolbar.propTypes = toolbarProps;
|
|
92
|
-
DSToolbar.displayName = "DSToolbar";
|
|
93
|
-
const ToolbarWithSchema = (0, import_ds_props_helpers.describe)(DSToolbar);
|
|
94
|
-
ToolbarWithSchema.propTypes = toolbarProps;
|
|
95
|
-
var DSToolbar_default = DSToolbar;
|
|
96
|
-
//# sourceMappingURL=DSToolbar.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/deprecated/DSToolbar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { mergeRefs, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport decorateToolbarChildren from './decorateToolbarChildren.js';\nimport Item from './ToolbarItem.js';\nimport ToolbarGroup from './ToolbarGroup.js';\nimport Divider from './ToolbarDivider.js';\nimport { useKeyboardNavigation } from './hooks/useKeyboardNavigation.js';\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 useDeprecateComponent({ componentName: 'ds-toolbar', version: 'TBD Date: 2023 Q3' });\n\n const containerRef = useRef<HTMLDivElement | null>(null);\n\n const { handleOnKeyDown } = useKeyboardNavigation({ containerRef, autoFocusOnMount });\n\n return (\n <ToolbarContainer\n {...containerProps}\n {...otherProps}\n classProps={{ withDepth, alignment, size }}\n innerRef={mergeRefs(innerRef, containerRef)}\n onKeyDown={handleOnKeyDown}\n >\n {decorateToolbarChildren(children)}\n </ToolbarContainer>\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;\nDSToolbar.displayName = 'DSToolbar';\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,8CAAAA;AAAA,EAAA,wCAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuCnB;AAnCJ,mBAA8B;AAC9B,2BAAkC;AAClC,0BAAiD;AACjD,8BAAoC;AACpC,qCAAoC;AACpC,yBAAiB;AACjB,0BAAyB;AACzB,4BAAoB;AACpB,mCAAsC;AAEtC,MAAM,YAAY;AAElB,MAAM,uBAAmB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,WAAW,WAAW,KAAK,OAAO;AAAA,EACtG,iBAAiB,CAAC;AAAA,EAClB,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EACf,CAAC,IAAI,GAAG;AACV,EAAE;AAEF,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW,CAAC;AAAA,EACZ,OAAO;AAAA,EACP,GAAG;AACL,MAAM;AACJ,iDAAsB,EAAE,eAAe,cAAc,SAAS,oBAAoB,CAAC;AAEnF,QAAM,mBAAe,qBAA8B,IAAI;AAEvD,QAAM,EAAE,gBAAgB,QAAI,oDAAsB,EAAE,cAAc,iBAAiB,CAAC;AAEpF,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,YAAY,EAAE,WAAW,WAAW,KAAK;AAAA,MACzC,cAAU,+BAAU,UAAU,YAAY;AAAA,MAC1C,WAAW;AAAA,MAEV,6CAAAC,SAAwB,QAAQ;AAAA;AAAA,EACnC;AAEJ;AAEA,MAAM,eAAe;AAAA,EACnB,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,WAAW,kCAAU,KAAK,YAAY,iCAAiC,EAAE,aAAa,IAAI;AAAA,EAC1F,WAAW,kCAAU,MAAM,CAAC,SAAS,MAAM,CAAC,EACzC,YAAY,yCAAyC,EACrD,aAAa,OAAO;AAAA,EACvB,MAAM,kCAAU,MAAM,CAAC,UAAU,SAAS,CAAC,EAAE,YAAY,cAAc,EAAE,aAAa,QAAQ;AAAA,EAC9F,kBAAkB,kCAAU,KACzB,YAAY,qDAAqD,EACjE,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,UAAU,CAAC,kCAAU,OAAO,kCAAU,MAAM,kCAAU,IAAI,CAAC,EAAE,YAAY,eAAe,EACzG;AAAA,EACH,UAAU,kCAAU,OAAO,YAAY,sCAAsC;AAC/E;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;AAI9B,IAAO,oBAAQ;",
|
|
6
|
-
"names": ["Divider", "ToolbarGroup", "Item", "decorateToolbarChildren"]
|
|
7
|
-
}
|