@cloudscape-design/board-components 3.0.0

package/items-palette/internal.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import SpaceBetween from "@cloudscape-design/components/space-between";
+import { useRef, useState } from "react";
+import { useDragSubscription } from "../internal/dnd-controller/controller";
+import { ItemContainer } from "../internal/item-container";
+import LiveRegion from "../internal/live-region";
+import { ScreenReaderGridNavigation } from "../internal/screenreader-grid-navigation";
+import styles from "./styles.css.js";
+export function InternalItemsPalette({ items, renderItem, i18nStrings, __internalRootRef, }) {
+    const paletteRef = useRef(null);
+    const itemContainerRef = useRef({});
+    const [dropState, setDropState] = useState();
+    const [announcement, setAnnouncement] = useState("");
+    function focusItem(itemId) {
+        itemContainerRef.current[itemId].focusDragHandle();
+    }
+    useDragSubscription("start", ({ draggableItem: { id } }) => {
+        setDropState({ id, isExpanded: false });
+        // Announce only if the target item belongs to the palette.
+        if (items.some((it) => it.id === id)) {
+            setAnnouncement(i18nStrings.liveAnnouncementDndStarted);
+        }
+        else {
+            setAnnouncement("");
+        }
+    });
+    useDragSubscription("update", ({ draggableItem: { id }, dropTarget }) => {
+        setDropState({ id, isExpanded: !!dropTarget });
+    });
+    useDragSubscription("submit", () => {
+        setDropState(undefined);
+        // Announce only if the target item belongs to the palette.
+        if (dropState && items.some((it) => it.id === dropState.id)) {
+            setAnnouncement(i18nStrings.liveAnnouncementDndDiscarded);
+        }
+    });
+    useDragSubscription("discard", () => {
+        setDropState(undefined);
+        // Announce only if the target item belongs to the palette.
+        if (items.some((it) => it.id === (dropState === null || dropState === void 0 ? void 0 : dropState.id))) {
+            setAnnouncement(i18nStrings.liveAnnouncementDndDiscarded);
+        }
+    });
+    useDragSubscription("acquire", ({ draggableItem }) => {
+        // "Disconnect" target item from the palette if borrowed.
+        if (items.some((it) => it.id === draggableItem.id)) {
+            setDropState(undefined);
+        }
+    });
+    const itemsLayout = {
+        items: items.map((it, index) => ({ id: it.id, x: 0, y: index, width: 1, height: 1 })),
+        columns: 1,
+        rows: items.length,
+    };
+    return (_jsxs("div", { ref: __internalRootRef, children: [_jsx(ScreenReaderGridNavigation, { items: items, itemsLayout: itemsLayout, ariaLabel: i18nStrings.navigationAriaLabel, ariaDescription: i18nStrings.navigationAriaDescription, itemAriaLabel: (item) => i18nStrings.navigationItemAriaLabel(item), onActivateItem: focusItem }), _jsx("div", { ref: paletteRef, className: styles.root, children: _jsx(SpaceBetween, { size: "l", children: items.map((item) => (_jsx(ItemContainer, { ref: (elem) => {
+                            if (elem) {
+                                itemContainerRef.current[item.id] = elem;
+                            }
+                            else {
+                                delete itemContainerRef.current[item.id];
+                            }
+                        }, item: item, placed: false, acquired: false, transform: undefined, inTransition: false, getItemSize: (dropContext) => {
+                            if (!dropContext) {
+                                throw new Error("Invariant violation: cannot query palette item size with no drop context.");
+                            }
+                            const { width, height } = dropContext.scale(item);
+                            return { width, minWidth: width, maxWidth: width, height, minHeight: height, maxHeight: height };
+                        }, children: renderItem(item, {
+                            showPreview: (dropState === null || dropState === void 0 ? void 0 : dropState.id) === item.id && dropState.isExpanded,
+                        }) }, item.id))) }) }), _jsx(LiveRegion, { children: announcement })] }));
+}

package/items-palette/styles.css.js

@@ -0,0 +1,6 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_rg5qe_52op0_1"
+};
+  

package/items-palette/styles.scoped.css

@@ -0,0 +1,3 @@
+.awsui_root_rg5qe_52op0_1:not(#\9) {
+  /* used in test-utils */
+}

package/items-palette/styles.selectors.js

@@ -0,0 +1,7 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_rg5qe_52op0_1"
+};
+  

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@cloudscape-design/board-components",
+  "version": "3.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cloudscape-design/board-components.git"
+  },
+  "homepage": "https://cloudscape.design",
+  "exports": {
+    ".": "./index.js",
+    "./board": "./board/index.js",
+    "./board-item": "./board-item/index.js",
+    "./items-palette": "./items-palette/index.js",
+    "./test-utils/dom": "./test-utils/dom/index.js",
+    "./test-utils/selectors": "./test-utils/selectors/index.js",
+    "./internal/api-docs/*.js": "./internal/api-docs/*.js"
+  },
+  "dependencies": {
+    "@cloudscape-design/component-toolkit": "^1.0.0-beta",
+    "@cloudscape-design/test-utils-core": "^1.0.0",
+    "@dnd-kit/utilities": "^3.2.1",
+    "clsx": "^1.2.1"
+  },
+  "peerDependencies": {
+    "@cloudscape-design/components": "^3",
+    "@cloudscape-design/design-tokens": "^3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "//": "ensure that typedoc uses latest typescript. It prints a warning, but works",
+  "overrides": {
+    "typescript": "^4.9.4"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "eslint --fix"
+    ],
+    "package-lock.json": [
+      "./scripts/prepare-package-lock.js"
+    ]
+  },
+  "license": "Apache-2.0"
+}

package/test-utils/dom/board/index.d.ts

@@ -0,0 +1,6 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/dom";
+import BoardItemWrapper from "../board-item";
+export default class BoardWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findItemById(itemId: string): null | BoardItemWrapper;
+}

package/test-utils/dom/board/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../board/styles.selectors.js");
+const board_item_1 = require("../board-item");
+class BoardWrapper extends dom_1.ComponentWrapper {
+    findItemById(itemId) {
+        return this.findComponent(`[data-item-id="${itemId}"]`, board_item_1.default);
+    }
+}
+exports.default = BoardWrapper;
+BoardWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/dom/board/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/board/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0E;AAC1E,4EAA6D;AAC7D,8CAA6C;AAE7C,MAAqB,YAAa,SAAQ,sBAAgB;IAGxD,YAAY,CAAC,MAAc;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC,kBAAkB,MAAM,IAAI,EAAE,oBAAgB,CAAC,CAAC;IAC5E,CAAC;;AALH,+BAMC;AALQ,yBAAY,GAAW,6BAAW,CAAC,IAAI,CAAC"}

package/test-utils/dom/board-item/index.d.ts

@@ -0,0 +1,10 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/dom";
+export default class BoardItemWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findDragHandle(): ComponentWrapper;
+    findResizeHandle(): ComponentWrapper;
+    findSettings(): null | ComponentWrapper;
+    findHeader(): null | ComponentWrapper;
+    findContent(): ComponentWrapper;
+    findFooter(): null | ComponentWrapper;
+}

package/test-utils/dom/board-item/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const dom_1 = require("@cloudscape-design/components/test-utils/dom");
+const dom_2 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../board-item/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../internal/drag-handle/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../internal/resize-handle/styles.selectors.js");
+class BoardItemWrapper extends dom_2.ComponentWrapper {
+    findDragHandle() {
+        return this.findByClassName(styles_selectors_js_2.default.handle);
+    }
+    findResizeHandle() {
+        return this.findByClassName(styles_selectors_js_3.default.handle);
+    }
+    findSettings() {
+        return this.findByClassName(styles_selectors_js_1.default.settings);
+    }
+    // @cloudscape-design/components/container methods
+    findHeader() {
+        return this.findByClassName(styles_selectors_js_1.default["header-content"]);
+    }
+    findContent() {
+        return (0, dom_1.default)(this.getElement()).findContainer().findContent();
+    }
+    findFooter() {
+        return (0, dom_1.default)(this.getElement()).findContainer().findFooter();
+    }
+}
+exports.default = BoardItemWrapper;
+BoardItemWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/dom/board-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/board-item/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,sEAA6E;AAC7E,gEAA0E;AAC1E,iFAAiE;AACjE,2FAAiF;AACjF,6FAAqF;AAErF,MAAqB,gBAAiB,SAAQ,sBAAgB;IAG5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAE,CAAC;IACxD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAE,CAAC;IAC1D,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAED,kDAAkD;IAElD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC5D,CAAC;IAED,WAAW;QACT,OAAO,IAAA,aAAiB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,aAAa,EAAG,CAAC,WAAW,EAAE,CAAC;IAC7E,CAAC;IAED,UAAU;QACR,OAAO,IAAA,aAAiB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,aAAa,EAAG,CAAC,UAAU,EAAE,CAAC;IAC5E,CAAC;;AA3BH,mCA4BC;AA3BQ,6BAAY,GAAW,6BAAU,CAAC,IAAI,CAAC"}

package/test-utils/dom/index.d.ts

@@ -0,0 +1,19 @@
+import { ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+export { ElementWrapper };
+import BoardWrapper from './board/index';
+export { BoardWrapper };
+import BoardItemWrapper from './board-item/index';
+export { BoardItemWrapper };
+import ItemsPaletteWrapper from './items-palette/index';
+export { ItemsPaletteWrapper };
+import PaletteItemWrapper from './palette-item/index';
+export { PaletteItemWrapper };
+declare module '@cloudscape-design/test-utils-core/dist/dom' {
+    interface ElementWrapper {
+        findBoard(selector?: string): BoardWrapper | null;
+        findBoardItem(selector?: string): BoardItemWrapper | null;
+        findItemsPalette(selector?: string): ItemsPaletteWrapper | null;
+        findPaletteItem(selector?: string): PaletteItemWrapper | null;
+    }
+}
+export { createWrapper as default } from '@cloudscape-design/test-utils-core/dom';

package/test-utils/dom/index.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.PaletteItemWrapper = exports.ItemsPaletteWrapper = exports.BoardItemWrapper = exports.BoardWrapper = exports.ElementWrapper = void 0;
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } });
+const utils_1 = require("@cloudscape-design/test-utils-core/utils");
+const index_1 = require("./board/index");
+exports.BoardWrapper = index_1.default;
+const index_2 = require("./board-item/index");
+exports.BoardItemWrapper = index_2.default;
+const index_3 = require("./items-palette/index");
+exports.ItemsPaletteWrapper = index_3.default;
+const index_4 = require("./palette-item/index");
+exports.PaletteItemWrapper = index_4.default;
+dom_1.ElementWrapper.prototype.findBoard = function (selector) {
+    const rootSelector = `.${index_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_1.default);
+};
+dom_1.ElementWrapper.prototype.findBoardItem = function (selector) {
+    const rootSelector = `.${index_2.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_2.default);
+};
+dom_1.ElementWrapper.prototype.findItemsPalette = function (selector) {
+    const rootSelector = `.${index_3.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_3.default);
+};
+dom_1.ElementWrapper.prototype.findPaletteItem = function (selector) {
+    const rootSelector = `.${index_4.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_4.default);
+};
+var dom_2 = require("@cloudscape-design/test-utils-core/dom");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return dom_2.createWrapper; } });
+//# sourceMappingURL=index.js.map

package/test-utils/dom/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/dom/index.ts"],"names":[],"mappings":";;;AAAA,gEAAwE;AAE/D,+FAFA,oBAAc,OAEA;AADvB,oEAA0E;AAGlE,yCAAyC;AAChC,uBADF,eAAY,CACE;AAGrB,8CAAkD;AACzC,2BADF,eAAgB,CACE;AAGzB,iDAAwD;AAC/C,8BADF,eAAmB,CACE;AAG5B,gDAAsD;AAC7C,6BADF,eAAkB,CACE;AAUnC,oBAAc,CAAC,SAAS,CAAC,SAAS,GAAG,UAAS,QAAQ;IAC5C,MAAM,YAAY,GAAG,IAAI,eAAY,CAAC,YAAY,EAAE,CAAC;IACrD,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAY,CAAC,CAAC;AACvH,CAAC,CAAC;AACR,oBAAc,CAAC,SAAS,CAAC,aAAa,GAAG,UAAS,QAAQ;IAChD,MAAM,YAAY,GAAG,IAAI,eAAgB,CAAC,YAAY,EAAE,CAAC;IACzD,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAgB,CAAC,CAAC;AAC3H,CAAC,CAAC;AACR,oBAAc,CAAC,SAAS,CAAC,gBAAgB,GAAG,UAAS,QAAQ;IACnD,MAAM,YAAY,GAAG,IAAI,eAAmB,CAAC,YAAY,EAAE,CAAC;IAC5D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAmB,CAAC,CAAC;AAC9H,CAAC,CAAC;AACR,oBAAc,CAAC,SAAS,CAAC,eAAe,GAAG,UAAS,QAAQ;IAClD,MAAM,YAAY,GAAG,IAAI,eAAkB,CAAC,YAAY,EAAE,CAAC;IAC3D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAkB,CAAC,CAAC;AAC7H,CAAC,CAAC;AACR,8DAAkF;AAAzE,8FAAA,aAAa,OAAW"}

package/test-utils/dom/items-palette/index.d.ts

@@ -0,0 +1,7 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/dom";
+import PaletteItemWrapper from "../palette-item";
+export default class ItemsPaletteWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findItems(): PaletteItemWrapper[];
+    findItemById(itemId: string): null | PaletteItemWrapper;
+}

package/test-utils/dom/items-palette/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../items-palette/styles.selectors.js");
+const palette_item_1 = require("../palette-item");
+class ItemsPaletteWrapper extends dom_1.ComponentWrapper {
+    findItems() {
+        return this.findAllByClassName(palette_item_1.default.rootSelector).map((wrapper) => new palette_item_1.default(wrapper.getElement()));
+    }
+    findItemById(itemId) {
+        return this.findComponent(`[data-item-id="${itemId}"]`, palette_item_1.default);
+    }
+}
+exports.default = ItemsPaletteWrapper;
+ItemsPaletteWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/dom/items-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/items-palette/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0E;AAC1E,oFAAuE;AACvE,kDAAiD;AAEjD,MAAqB,mBAAoB,SAAQ,sBAAgB;IAG/D,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,sBAAkB,CAAC,YAAY,CAAC,CAAC,GAAG,CACjE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,sBAAkB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAC1D,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,MAAc;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC,kBAAkB,MAAM,IAAI,EAAE,sBAAkB,CAAC,CAAC;IAC9E,CAAC;;AAXH,sCAYC;AAXQ,gCAAY,GAAW,6BAAa,CAAC,IAAI,CAAC"}

package/test-utils/dom/palette-item/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/dom";
+export default class PaletteItemWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findDragHandle(): ComponentWrapper;
+}

package/test-utils/dom/palette-item/index.js

@@ -0,0 +1,15 @@
+"use strict";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+Object.defineProperty(exports, "__esModule", { value: true });
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../board-item/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../internal/drag-handle/styles.selectors.js");
+class PaletteItemWrapper extends dom_1.ComponentWrapper {
+    findDragHandle() {
+        return this.findByClassName(styles_selectors_js_2.default.handle);
+    }
+}
+exports.default = PaletteItemWrapper;
+PaletteItemWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/dom/palette-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/palette-item/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,gEAA0E;AAC1E,iFAAiE;AACjE,2FAAiF;AAEjF,MAAqB,kBAAmB,SAAQ,sBAAgB;IAG9D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAE,CAAC;IACxD,CAAC;;AALH,qCAMC;AALQ,+BAAY,GAAW,6BAAU,CAAC,IAAI,CAAC"}

package/test-utils/selectors/board/index.d.ts

@@ -0,0 +1,6 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import BoardItemWrapper from "../board-item";
+export default class BoardWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findItemById(itemId: string): BoardItemWrapper;
+}

package/test-utils/selectors/board/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../board/styles.selectors.js");
+const board_item_1 = require("../board-item");
+class BoardWrapper extends selectors_1.ComponentWrapper {
+    findItemById(itemId) {
+        return this.findComponent(`[data-item-id="${itemId}"]`, board_item_1.default);
+    }
+}
+exports.default = BoardWrapper;
+BoardWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/board/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/board/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgF;AAChF,4EAA6D;AAC7D,8CAA6C;AAC7C,MAAqB,YAAa,SAAQ,4BAAgB;IAExD,YAAY,CAAC,MAAc;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC,kBAAkB,MAAM,IAAI,EAAE,oBAAgB,CAAC,CAAC;IAC5E,CAAC;;AAJH,+BAKC;AAJQ,yBAAY,GAAW,6BAAW,CAAC,IAAI,CAAC"}

package/test-utils/selectors/board-item/index.d.ts

@@ -0,0 +1,10 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+export default class BoardItemWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findDragHandle(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+    findResizeHandle(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+    findSettings(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+    findHeader(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+    findContent(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+    findFooter(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+}

package/test-utils/selectors/board-item/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const selectors_1 = require("@cloudscape-design/components/test-utils/selectors");
+const selectors_2 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../board-item/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../internal/drag-handle/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../internal/resize-handle/styles.selectors.js");
+class BoardItemWrapper extends selectors_2.ComponentWrapper {
+    findDragHandle() {
+        return this.findByClassName(styles_selectors_js_2.default.handle);
+    }
+    findResizeHandle() {
+        return this.findByClassName(styles_selectors_js_3.default.handle);
+    }
+    findSettings() {
+        return this.findByClassName(styles_selectors_js_1.default.settings);
+    }
+    // @cloudscape-design/components/container methods
+    findHeader() {
+        return this.findByClassName(styles_selectors_js_1.default["header-content"]);
+    }
+    findContent() {
+        return (0, selectors_1.default)(this.getElement()).findContainer().findContent();
+    }
+    findFooter() {
+        return (0, selectors_1.default)(this.getElement()).findContainer().findFooter();
+    }
+}
+exports.default = BoardItemWrapper;
+BoardItemWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/board-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/board-item/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,kFAAmF;AACnF,4EAAgF;AAChF,iFAAiE;AACjE,2FAAiF;AACjF,6FAAqF;AACrF,MAAqB,gBAAiB,SAAQ,4BAAgB;IAE5D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAE,CAAC;IACxD,CAAC;IACD,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAE,CAAC;IAC1D,CAAC;IACD,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAED,kDAAkD;IAElD,UAAU;QACR,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAC5D,CAAC;IACD,WAAW;QACT,OAAO,IAAA,mBAAiB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,aAAa,EAAG,CAAC,WAAW,EAAE,CAAC;IAC7E,CAAC;IACD,UAAU;QACR,OAAO,IAAA,mBAAiB,EAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,aAAa,EAAG,CAAC,UAAU,EAAE,CAAC;IAC5E,CAAC;;AAtBH,mCAuBC;AAtBQ,6BAAY,GAAW,6BAAU,CAAC,IAAI,CAAC"}

package/test-utils/selectors/index.d.ts

@@ -0,0 +1,19 @@
+import { ElementWrapper } from '@cloudscape-design/test-utils-core/selectors';
+export { ElementWrapper };
+import BoardWrapper from './board/index';
+export { BoardWrapper };
+import BoardItemWrapper from './board-item/index';
+export { BoardItemWrapper };
+import ItemsPaletteWrapper from './items-palette/index';
+export { ItemsPaletteWrapper };
+import PaletteItemWrapper from './palette-item/index';
+export { PaletteItemWrapper };
+declare module '@cloudscape-design/test-utils-core/dist/selectors' {
+    interface ElementWrapper {
+        findBoard(selector?: string): BoardWrapper;
+        findBoardItem(selector?: string): BoardItemWrapper;
+        findItemsPalette(selector?: string): ItemsPaletteWrapper;
+        findPaletteItem(selector?: string): PaletteItemWrapper;
+    }
+}
+export { createWrapper as default } from '@cloudscape-design/test-utils-core/selectors';

package/test-utils/selectors/index.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = exports.PaletteItemWrapper = exports.ItemsPaletteWrapper = exports.BoardItemWrapper = exports.BoardWrapper = exports.ElementWrapper = void 0;
+const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
+Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return selectors_1.ElementWrapper; } });
+const utils_1 = require("@cloudscape-design/test-utils-core/utils");
+const index_1 = require("./board/index");
+exports.BoardWrapper = index_1.default;
+const index_2 = require("./board-item/index");
+exports.BoardItemWrapper = index_2.default;
+const index_3 = require("./items-palette/index");
+exports.ItemsPaletteWrapper = index_3.default;
+const index_4 = require("./palette-item/index");
+exports.PaletteItemWrapper = index_4.default;
+selectors_1.ElementWrapper.prototype.findBoard = function (selector) {
+    const rootSelector = `.${index_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_1.default);
+};
+selectors_1.ElementWrapper.prototype.findBoardItem = function (selector) {
+    const rootSelector = `.${index_2.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_2.default);
+};
+selectors_1.ElementWrapper.prototype.findItemsPalette = function (selector) {
+    const rootSelector = `.${index_3.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_3.default);
+};
+selectors_1.ElementWrapper.prototype.findPaletteItem = function (selector) {
+    const rootSelector = `.${index_4.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, index_4.default);
+};
+var selectors_2 = require("@cloudscape-design/test-utils-core/selectors");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return selectors_2.createWrapper; } });
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/test-utils/selectors/index.ts"],"names":[],"mappings":";;;AAAA,4EAA8E;AAErE,+FAFA,0BAAc,OAEA;AADvB,oEAA0E;AAGlE,yCAAyC;AAChC,uBADF,eAAY,CACE;AAGrB,8CAAkD;AACzC,2BADF,eAAgB,CACE;AAGzB,iDAAwD;AAC/C,8BADF,eAAmB,CACE;AAG5B,gDAAsD;AAC7C,6BADF,eAAkB,CACE;AAUnC,0BAAc,CAAC,SAAS,CAAC,SAAS,GAAG,UAAS,QAAQ;IAC5C,MAAM,YAAY,GAAG,IAAI,eAAY,CAAC,YAAY,EAAE,CAAC;IACrD,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAY,CAAC,CAAC;AACvH,CAAC,CAAC;AACR,0BAAc,CAAC,SAAS,CAAC,aAAa,GAAG,UAAS,QAAQ;IAChD,MAAM,YAAY,GAAG,IAAI,eAAgB,CAAC,YAAY,EAAE,CAAC;IACzD,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAgB,CAAC,CAAC;AAC3H,CAAC,CAAC;AACR,0BAAc,CAAC,SAAS,CAAC,gBAAgB,GAAG,UAAS,QAAQ;IACnD,MAAM,YAAY,GAAG,IAAI,eAAmB,CAAC,YAAY,EAAE,CAAC;IAC5D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAmB,CAAC,CAAC;AAC9H,CAAC,CAAC;AACR,0BAAc,CAAC,SAAS,CAAC,eAAe,GAAG,UAAS,QAAQ;IAClD,MAAM,YAAY,GAAG,IAAI,eAAkB,CAAC,YAAY,EAAE,CAAC;IAC3D,+DAA+D;IAC/D,uDAAuD;IACvD,OAAQ,IAAY,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,sBAAc,EAAC,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,eAAkB,CAAC,CAAC;AAC7H,CAAC,CAAC;AACR,0EAAwF;AAA/E,oGAAA,aAAa,OAAW"}

package/test-utils/selectors/items-palette/index.d.ts

@@ -0,0 +1,7 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+import PaletteItemWrapper from "../palette-item";
+export default class ItemsPaletteWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findItems(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<PaletteItemWrapper>;
+    findItemById(itemId: string): PaletteItemWrapper;
+}

package/test-utils/selectors/items-palette/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../items-palette/styles.selectors.js");
+const palette_item_1 = require("../palette-item");
+class ItemsPaletteWrapper extends selectors_1.ComponentWrapper {
+    findItems() {
+        return this.findAllByClassName(palette_item_1.default.rootSelector).map(wrapper => new palette_item_1.default(wrapper.getElement()));
+    }
+    findItemById(itemId) {
+        return this.findComponent(`[data-item-id="${itemId}"]`, palette_item_1.default);
+    }
+}
+exports.default = ItemsPaletteWrapper;
+ItemsPaletteWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/items-palette/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/items-palette/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgF;AAChF,oFAAuE;AACvE,kDAAiD;AACjD,MAAqB,mBAAoB,SAAQ,4BAAgB;IAE/D,SAAS;QACP,OAAO,IAAI,CAAC,kBAAkB,CAAC,sBAAkB,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,sBAAkB,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC/H,CAAC;IACD,YAAY,CAAC,MAAc;QACzB,OAAO,IAAI,CAAC,aAAa,CAAC,kBAAkB,MAAM,IAAI,EAAE,sBAAkB,CAAC,CAAC;IAC9E,CAAC;;AAPH,sCAQC;AAPQ,gCAAY,GAAW,6BAAa,CAAC,IAAI,CAAC"}

package/test-utils/selectors/palette-item/index.d.ts

@@ -0,0 +1,5 @@
+import { ComponentWrapper } from "@cloudscape-design/test-utils-core/selectors";
+export default class PaletteItemWrapper extends ComponentWrapper {
+    static rootSelector: string;
+    findDragHandle(): import("@cloudscape-design/test-utils-core/selectors").ElementWrapper;
+}

package/test-utils/selectors/palette-item/index.js

@@ -0,0 +1,15 @@
+"use strict";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+Object.defineProperty(exports, "__esModule", { value: true });
+const selectors_1 = require("@cloudscape-design/test-utils-core/selectors");
+const styles_selectors_js_1 = require("../../../board-item/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../internal/drag-handle/styles.selectors.js");
+class PaletteItemWrapper extends selectors_1.ComponentWrapper {
+    findDragHandle() {
+        return this.findByClassName(styles_selectors_js_2.default.handle);
+    }
+}
+exports.default = PaletteItemWrapper;
+PaletteItemWrapper.rootSelector = styles_selectors_js_1.default.root;
+//# sourceMappingURL=index.js.map

package/test-utils/selectors/palette-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/palette-item/index.ts"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,4EAAgF;AAChF,iFAAiE;AACjE,2FAAiF;AACjF,MAAqB,kBAAmB,SAAQ,4BAAgB;IAE9D,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAE,CAAC;IACxD,CAAC;;AAJH,qCAKC;AAJQ,+BAAY,GAAW,6BAAU,CAAC,IAAI,CAAC"}