@cloudscape-design/board-components 3.0.8 → 3.0.9
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/internal/drag-handle/index.js +2 -2
- package/internal/environment.js +1 -1
- package/internal/manifest.json +1 -1
- package/internal/resize-handle/index.js +4 -2
- package/package.json +1 -1
- package/internal/drag-handle/icon.d.ts +0 -4
- package/internal/drag-handle/icon.js +0 -12
- package/internal/resize-handle/icon.d.ts +0 -4
- package/internal/resize-handle/icon.js +0 -12
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
3
|
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
import { Icon } from "@cloudscape-design/components";
|
|
4
5
|
import { forwardRef } from "react";
|
|
5
6
|
import Handle from "../handle";
|
|
6
|
-
import DragHandleIcon from "./icon";
|
|
7
7
|
import styles from "./styles.css.js";
|
|
8
8
|
function DragHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown }, ref) {
|
|
9
|
-
return (_jsx(Handle, { ref: ref, className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(
|
|
9
|
+
return (_jsx(Handle, { ref: ref, className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(Icon, { name: "drag-indicator" }) }));
|
|
10
10
|
}
|
|
11
11
|
export default forwardRef(DragHandle);
|
package/internal/environment.js
CHANGED
package/internal/manifest.json
CHANGED
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
+
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
+
import { Icon } from "@cloudscape-design/components";
|
|
2
5
|
import Handle from "../handle";
|
|
3
|
-
import { ResizeHandleIcon } from "./icon";
|
|
4
6
|
import styles from "./styles.css.js";
|
|
5
7
|
export default function ResizeHandle({ ariaLabelledBy, ariaDescribedBy, onPointerDown, onKeyDown }) {
|
|
6
|
-
return (_jsx(Handle, { className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(
|
|
8
|
+
return (_jsx(Handle, { className: styles.handle, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, onPointerDown: onPointerDown, onKeyDown: onKeyDown, children: _jsx(Icon, { name: "resize-area" }) }));
|
|
7
9
|
}
|
package/package.json
CHANGED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
import Icon from "@cloudscape-design/components/icon";
|
|
5
|
-
import { memo } from "react";
|
|
6
|
-
function DragHandleIcon() {
|
|
7
|
-
return _jsx(Icon, { svg: _jsx(SVG, {}) });
|
|
8
|
-
}
|
|
9
|
-
function SVG() {
|
|
10
|
-
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("circle", { cx: "5.5", cy: "2.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "5.5", cy: "13.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "5.5", cy: "8", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "10.5", cy: "2.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "10.5", cy: "13.5", r: "0.5", className: "filled", strokeWidth: "2" }), _jsx("circle", { cx: "10.5", cy: "8", r: "0.5", className: "filled", strokeWidth: "2" })] }));
|
|
11
|
-
}
|
|
12
|
-
export default memo(DragHandleIcon);
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
|
|
3
|
-
// SPDX-License-Identifier: Apache-2.0
|
|
4
|
-
import Icon from "@cloudscape-design/components/icon";
|
|
5
|
-
import { memo } from "react";
|
|
6
|
-
export function ResizeHandleIcon() {
|
|
7
|
-
return _jsx(Icon, { svg: _jsx(SVG, {}) });
|
|
8
|
-
}
|
|
9
|
-
function SVG() {
|
|
10
|
-
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M9.5 14.5L14.5 9.5", strokeWidth: "2" }), _jsx("path", { d: "M4 14.5L14.5 4", strokeWidth: "2" })] }));
|
|
11
|
-
}
|
|
12
|
-
export default memo(ResizeHandleIcon);
|