@phillips/seldon 1.90.0 → 1.91.0

package/dist/components/ContentPeek/ContentPeek.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { HeightUnits } from './utils';
 export interface ContentPeekProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Unique id for component testing
@@ -20,6 +21,14 @@ export interface ContentPeekProps extends React.HTMLAttributes<HTMLDivElement> {
      * Maximum height of the content when collapsed
      */
     maxHeight?: number;
+    /**
+     * Used to set a minimum height for the content before enabling the Peek functionality. Defaults to the same value as maxHeight if not provided.
+     */
+    minHeightThreshold?: number;
+    /**
+     * The unit used for setting height values. Defaults to 'px'.
+     */
+    heightUnits?: HeightUnits;
 }
 /**
  * ## Overview

package/dist/components/ContentPeek/ContentPeek.js

@@ -1,55 +1,61 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { forwardRef as N, useState as i, useRef as x, useEffect as $, useCallback as P } from "react";
-import c from "../../node_modules/classnames/index.js";
-import { getCommonProps as b } from "../../utils/index.js";
-import k from "../Button/Button.js";
-import { ButtonVariants as R } from "../Button/types.js";
-import w from "../Collapsible/Collapsible.js";
-import E from "../Collapsible/CollapsibleContent.js";
-import M from "../Collapsible/CollapsibleTrigger.js";
-import O from "../../assets/plus.svg.js";
-import S from "../../assets/minus.svg.js";
-const j = N(
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { forwardRef as P, useState as i, useRef as b, useEffect as k, useCallback as R } from "react";
+import d from "../../node_modules/classnames/index.js";
+import { getCommonProps as w } from "../../utils/index.js";
+import E from "../Button/Button.js";
+import { ButtonVariants as M } from "../Button/types.js";
+import O from "../Collapsible/Collapsible.js";
+import S from "../Collapsible/CollapsibleContent.js";
+import j from "../Collapsible/CollapsibleTrigger.js";
+import B from "../../assets/plus.svg.js";
+import I from "../../assets/minus.svg.js";
+import { HeightUnits as L } from "./utils.js";
+const U = P(
   ({
-    className: f,
-    children: n,
-    contentExpandText: d = "Read More",
-    contentCollapseText: u = "Read Less",
-    maxHeight: a = 480,
-    ...r
-  }, p) => {
-    const { className: e, ...g } = b(r, "ContentPeek"), [t, v] = i(!1), [l, C] = i(!1), s = x(null);
-    $(() => {
-      s.current && C(s.current.scrollHeight > a);
-    }, [n, a]);
-    const h = P(() => {
-      v((y) => !y);
+    className: p,
+    children: m,
+    contentExpandText: u = "Read More",
+    contentCollapseText: v = "Read Less",
+    maxHeight: s = 480,
+    minHeightThreshold: a,
+    heightUnits: C = L.px,
+    ...t
+  }, g) => {
+    const { className: e, ...y } = w(t, "ContentPeek"), [r, N] = i(!1), [c, $] = i(!1), n = b(null);
+    k(() => {
+      if (n.current) {
+        const l = a != null ? a : s;
+        $(n.current.scrollHeight > l);
+      }
+    }, [m, s, a]);
+    const x = R(() => {
+      N((l) => !l);
     }, []);
-    return /* @__PURE__ */ m(
-      w,
+    return /* @__PURE__ */ f(
+      O,
       {
-        id: r == null ? void 0 : r.id,
-        open: t,
-        onOpenChange: h,
-        className: c(e, f),
+        id: t == null ? void 0 : t.id,
+        open: r,
+        onOpenChange: x,
+        className: d(e, p),
         style: {
-          "--content-peek-max-height": `${a}px`
+          "--content-peek-max-height": `${s}${C}`
         },
-        ref: p,
-        ...g,
-        ...r,
+        ref: g,
+        ...y,
+        ...t,
         children: [
-          /* @__PURE__ */ o(E, { className: `${e}-content`, ref: s, forceMount: !0, children: n }),
-          l ? /* @__PURE__ */ o(
+          /* @__PURE__ */ o(S, { className: `${e}-content`, ref: n, forceMount: !0, children: m }),
+          c ? /* @__PURE__ */ o(
             "div",
             {
-              className: c(`${e}-overlay`, {
-                [`${e}-overlay--expanded`]: t,
-                [`${e}-overlay--gradient`]: l && !t
+              className: d(`${e}-overlay`, {
+                [`${e}-overlay--expanded`]: r,
+                [`${e}-overlay--gradient`]: c && !r
               }),
-              children: /* @__PURE__ */ o("div", { className: `${e}-overlay-trigger-wrapper`, children: /* @__PURE__ */ o(M, { asChild: !0, className: `${e}-overlay-trigger`, children: /* @__PURE__ */ m(k, { variant: R.secondary, children: [
-                t ? /* @__PURE__ */ o(S, {}) : /* @__PURE__ */ o(O, {}),
-                t ? u : d
+              children: /* @__PURE__ */ o("div", { className: `${e}-overlay-trigger-wrapper`, children: /* @__PURE__ */ o(j, { asChild: !0, className: `${e}-overlay-trigger`, children: /* @__PURE__ */ f(E, { variant: M.secondary, children: [
+                r ? /* @__PURE__ */ o(I, {}) : /* @__PURE__ */ o(B, {}),
+                r ? v : u
               ] }) }) })
             }
           ) : null
@@ -58,7 +64,7 @@ const j = N(
     );
   }
 );
-j.displayName = "ContentPeek";
+U.displayName = "ContentPeek";
 export {
-  j as default
+  U as default
 };

package/dist/components/ContentPeek/ContentPeek.stories.d.ts

@@ -12,6 +12,9 @@ declare const meta: {
         maxHeight: {
             control: "number";
         };
+        minHeightThreshold: {
+            control: "number";
+        };
     };
 };
 export default meta;

package/dist/components/ContentPeek/utils.d.ts

@@ -0,0 +1,4 @@
+export declare enum HeightUnits {
+    px = "px",
+    rem = "rem"
+}

package/dist/components/ContentPeek/utils.js

@@ -0,0 +1,4 @@
+var e = /* @__PURE__ */ ((r) => (r.px = "px", r.rem = "rem", r))(e || {});
+export {
+  e as HeightUnits
+};

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index5.js";
+import { __module as e } from "../../../../_virtual/index6.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.90.0",
+  "version": "1.91.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"