@sproutsocial/seeds-react-peek-in 0.2.8 → 0.3.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/dist/esm/index.js +5 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +5 -2
- package/dist/index.js.map +1 -1
- package/package.json +7 -7
package/dist/index.d.mts
CHANGED
|
@@ -82,6 +82,12 @@ interface TypePeekInContentProps {
|
|
|
82
82
|
interface TypePeekInPanelProps {
|
|
83
83
|
/** Title for the panel header */
|
|
84
84
|
title?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Render the panel flush, without the built-in header or close button, and
|
|
87
|
+
* let the children own padding and overflow scrolling. Use when the content
|
|
88
|
+
* provides its own chrome (e.g. an embedded agent UI). Defaults to false.
|
|
89
|
+
*/
|
|
90
|
+
headerless?: boolean;
|
|
85
91
|
/** Whether the panel starts open or collapsed. Default: true */
|
|
86
92
|
defaultOpen?: boolean;
|
|
87
93
|
/**
|
package/dist/index.d.ts
CHANGED
|
@@ -82,6 +82,12 @@ interface TypePeekInContentProps {
|
|
|
82
82
|
interface TypePeekInPanelProps {
|
|
83
83
|
/** Title for the panel header */
|
|
84
84
|
title?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Render the panel flush, without the built-in header or close button, and
|
|
87
|
+
* let the children own padding and overflow scrolling. Use when the content
|
|
88
|
+
* provides its own chrome (e.g. an embedded agent UI). Defaults to false.
|
|
89
|
+
*/
|
|
90
|
+
headerless?: boolean;
|
|
85
91
|
/** Whether the panel starts open or collapsed. Default: true */
|
|
86
92
|
defaultOpen?: boolean;
|
|
87
93
|
/**
|
package/dist/index.js
CHANGED
|
@@ -157,7 +157,8 @@ var PeekInPanel = ({
|
|
|
157
157
|
onSnapPointChange,
|
|
158
158
|
snapToSequentialPoints,
|
|
159
159
|
disableCloseOnClickOutside,
|
|
160
|
-
actionsInHeader
|
|
160
|
+
actionsInHeader,
|
|
161
|
+
headerless
|
|
161
162
|
}) => {
|
|
162
163
|
const { panelOpen, setPanelOpen, panelId } = usePeekInContext();
|
|
163
164
|
const isMobile = (0, import_seeds_react_hooks.useIsMobile)();
|
|
@@ -182,7 +183,7 @@ var PeekInPanel = ({
|
|
|
182
183
|
actionsInHeader,
|
|
183
184
|
"aria-label": title ?? "Panel",
|
|
184
185
|
children: [
|
|
185
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_drawer.default.Header, { title }),
|
|
186
|
+
!headerless && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_drawer.default.Header, { title }),
|
|
186
187
|
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_seeds_react_drawer.default.Content, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
187
188
|
import_seeds_react_box3.default,
|
|
188
189
|
{
|
|
@@ -207,6 +208,8 @@ var PeekInPanel = ({
|
|
|
207
208
|
gap: RAIL_GAP,
|
|
208
209
|
mobileBreakpoint: 0,
|
|
209
210
|
title,
|
|
211
|
+
headerless,
|
|
212
|
+
"aria-label": title ?? "Panel",
|
|
210
213
|
children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
|
|
211
214
|
import_seeds_react_box3.default,
|
|
212
215
|
{
|