@sproutsocial/seeds-react-collapsible 1.0.1 → 1.0.3

package/.turbo/turbo-build.log

@@ -1,21 +1,21 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-collapsible/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js     5.91 KB
-CJS dist/index.js.map 8.98 KB
-CJS ⚡️ Build success in 163ms
-ESM dist/esm/index.js     3.92 KB
-ESM dist/esm/index.js.map 8.89 KB
-ESM ⚡️ Build success in 164ms
-DTS Build start
-DTS ⚡️ Build success in 31472ms
-DTS dist/index.d.ts  1.28 KB
-DTS dist/index.d.mts 1.28 KB
-Done in 38.57s.
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.5.0
+CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-collapsible/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+CJS dist/index.js     5.92 KB
+CJS dist/index.js.map 8.98 KB
+CJS ⚡️ Build success in 189ms
+ESM dist/esm/index.js     3.92 KB
+ESM dist/esm/index.js.map 8.89 KB
+ESM ⚡️ Build success in 191ms
+DTS Build start
+DTS ⚡️ Build success in 39459ms
+DTS dist/index.d.ts  1.28 KB
+DTS dist/index.d.mts 1.28 KB
+Done in 49.36s.

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @sproutsocial/seeds-react-collapsible
 
+## 1.0.3
+
+### Patch Changes
+
+- 22e1111: Update internal dependencies to their latest versions
+  - @sproutsocial/seeds-react-box@1.1.3
+  - @sproutsocial/seeds-react-hooks@3.0.3
+
+## 1.0.2
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-hooks@3.0.2
+  - @sproutsocial/seeds-react-box@1.1.2
+
 ## 1.0.1
 
 ### Patch Changes

package/dist/esm/index.js

@@ -63,10 +63,8 @@ var Collapsible = ({
   );
 };
 var determineMaxHeight = (isHidden, openHeight, computedHeight) => {
-  if (isHidden === void 0)
-    return void 0;
-  if (openHeight)
-    return openHeight;
+  if (isHidden === void 0) return void 0;
+  if (openHeight) return openHeight;
   return computedHeight;
 };
 var Trigger = ({ children, ...rest }) => {
@@ -137,9 +135,9 @@ var Collapsible_default = Collapsible;
 import "react";
 
 // src/index.ts
-var src_default = Collapsible_default;
+var index_default = Collapsible_default;
 export {
   Collapsible_default as Collapsible,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Collapsible.tsx","../../src/styles.ts","../../src/CollapsibleTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useState, useRef, useContext, useEffect } from \"react\";\nimport { useMeasure } from \"@sproutsocial/seeds-react-hooks\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport { CollapsingBox } from \"./styles\";\nimport type {\n  TypeCollapsibleProps,\n  TypeCollapsiblePanelProps,\n  TypeCollapsibleTriggerProps,\n} from \"./CollapsibleTypes\";\n\nlet idCounter = 0;\n\ninterface TypeCollapsibleContext {\n  isOpen?: boolean;\n  id?: string;\n  offset?: number;\n  openHeight?: number;\n  collapsedHeight?: number;\n}\n\nconst CollapsibleContext = React.createContext<TypeCollapsibleContext>({});\n\nconst Collapsible = ({\n  children,\n  isOpen = false,\n  offset = 0,\n  collapsedHeight = 0,\n  openHeight,\n}: TypeCollapsibleProps) => {\n  const [id] = useState(`Racine-collapsible-${idCounter++}`);\n  return (\n    <CollapsibleContext.Provider\n      value={{\n        isOpen,\n        id,\n        offset,\n        collapsedHeight,\n        openHeight,\n      }}\n    >\n      {children}\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst determineMaxHeight = (\n  isHidden?: boolean,\n  openHeight?: number,\n  computedHeight?: number\n): number | undefined => {\n  // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added\n  // This is a hack to prevent css from animating if it begins in the open state\n  // css animates when attribute values change (IE from 0 to another number)\n  // css does not animate when simply adding an attribute to an HTML element\n  if (isHidden === undefined) return undefined;\n  // If the user has defined an explicit open height, return that as the max height\n  if (openHeight) return openHeight;\n  // Otherwise, fallback to the computed height\n  return computedHeight;\n};\n\nconst Trigger = ({ children, ...rest }: TypeCollapsibleTriggerProps) => {\n  const { isOpen, id } = useContext(CollapsibleContext);\n  return (\n    <React.Fragment>\n      {React.cloneElement(children, {\n        \"aria-controls\": id,\n        \"aria-expanded\": !!isOpen,\n        ...rest,\n      })}\n    </React.Fragment>\n  );\n};\n\nTrigger.displayName = \"Collapsible.Trigger\";\n\nconst Panel = ({ children, ...rest }: TypeCollapsiblePanelProps) => {\n  const {\n    isOpen,\n    id,\n    offset = 0,\n    collapsedHeight,\n    openHeight,\n  } = useContext(CollapsibleContext);\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const measurement = useMeasure(ref);\n  const [isHidden, setIsHidden] = useState<boolean | undefined>(undefined);\n  const maxHeight = determineMaxHeight(\n    isHidden,\n    openHeight,\n    // Round up to the nearest pixel to prevent subpixel rendering issues\n    Math.ceil(measurement.height + offset)\n  );\n\n  /* We use the \"hidden\" attribute to remove the contents of the panel from the tab order of the page, but it interferes with the animation. This logic sets a slight timeout on setting the prop so that the animation has time to complete before the attribute is set. */\n  useEffect(() => {\n    if (!isOpen) {\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 300);\n      return () => clearTimeout(timeoutID);\n    } else {\n      // Similar to the close animation, we need to delay setting hidden to run slightly async.\n      // An issue occurs with the initial render isHidden logic that causes the animation to occur sporadically.\n      // using this 0 second timeout just allows this component to initially render with an undefined max height,\n      // Then go directly from undefined to the full max height, without a brief 0 value that triggers an animation\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 0);\n      return () => clearTimeout(timeoutID);\n    }\n  }, [isOpen]);\n\n  return (\n    <CollapsingBox\n      hasShadow={Boolean(collapsedHeight || (openHeight && openHeight > 0))}\n      scrollable={isOpen}\n      maxHeight={isOpen ? maxHeight : collapsedHeight}\n      minHeight={collapsedHeight}\n      data-qa-collapsible=\"\"\n      data-qa-collapsible-isopen={isOpen === true}\n      {...rest}\n    >\n      <Box\n        width=\"100%\"\n        hidden={isHidden && collapsedHeight === 0}\n        aria-hidden={!isOpen}\n        id={id}\n        ref={ref}\n      >\n        {children}\n      </Box>\n    </CollapsingBox>\n  );\n};\n\nPanel.displayName = \"Collapsible.Panel\";\n\nCollapsible.Trigger = Trigger;\nCollapsible.Panel = Panel;\n\nexport default Collapsible;\n","import styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const CollapsingBox = styled(Box)<{\n  hasShadow?: boolean;\n  scrollable?: boolean;\n}>`\n  transition: max-height ${(p) => p.theme.duration.medium}\n    ${(p) => p.theme.easing.ease_inout};\n  will-change: max-height;\n  position: relative;\n  overflow: auto;\n  ${({ hasShadow, scrollable }) =>\n    hasShadow\n      ? `background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    ${scrollable ? `overflow: auto` : `overflow: hidden`};`\n      : \"\"}\n`;\n","import * as React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\n// The flow type is inexact but the underlying component does not accept any other props.\n// It might be worth extending the box props here for the refactor, but allowing it would provide no functionality right now.\nexport interface TypeCollapsibleProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n\n  /** If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this. */\n  offset?: number;\n  collapsedHeight?: number;\n  openHeight?: number;\n}\n\nexport interface TypeCollapsibleTriggerProps\n  extends Omit<TypeBoxProps, \"children\"> {\n  // Children is required for the Trigger\n  children: React.ReactElement;\n}\n\nexport interface TypeCollapsiblePanelProps extends TypeBoxProps {}\n","import Collapsible from \"./Collapsible\";\n\nexport default Collapsible;\nexport { Collapsible };\nexport * from \"./CollapsibleTypes\";\n"],"mappings":"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","names":["Box","Box"]}
+{"version":3,"sources":["../../src/Collapsible.tsx","../../src/styles.ts","../../src/CollapsibleTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useState, useRef, useContext, useEffect } from \"react\";\nimport { useMeasure } from \"@sproutsocial/seeds-react-hooks\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport { CollapsingBox } from \"./styles\";\nimport type {\n  TypeCollapsibleProps,\n  TypeCollapsiblePanelProps,\n  TypeCollapsibleTriggerProps,\n} from \"./CollapsibleTypes\";\n\nlet idCounter = 0;\n\ninterface TypeCollapsibleContext {\n  isOpen?: boolean;\n  id?: string;\n  offset?: number;\n  openHeight?: number;\n  collapsedHeight?: number;\n}\n\nconst CollapsibleContext = React.createContext<TypeCollapsibleContext>({});\n\nconst Collapsible = ({\n  children,\n  isOpen = false,\n  offset = 0,\n  collapsedHeight = 0,\n  openHeight,\n}: TypeCollapsibleProps) => {\n  const [id] = useState(`Racine-collapsible-${idCounter++}`);\n  return (\n    <CollapsibleContext.Provider\n      value={{\n        isOpen,\n        id,\n        offset,\n        collapsedHeight,\n        openHeight,\n      }}\n    >\n      {children}\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst determineMaxHeight = (\n  isHidden?: boolean,\n  openHeight?: number,\n  computedHeight?: number\n): number | undefined => {\n  // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added\n  // This is a hack to prevent css from animating if it begins in the open state\n  // css animates when attribute values change (IE from 0 to another number)\n  // css does not animate when simply adding an attribute to an HTML element\n  if (isHidden === undefined) return undefined;\n  // If the user has defined an explicit open height, return that as the max height\n  if (openHeight) return openHeight;\n  // Otherwise, fallback to the computed height\n  return computedHeight;\n};\n\nconst Trigger = ({ children, ...rest }: TypeCollapsibleTriggerProps) => {\n  const { isOpen, id } = useContext(CollapsibleContext);\n  return (\n    <React.Fragment>\n      {React.cloneElement(children, {\n        \"aria-controls\": id,\n        \"aria-expanded\": !!isOpen,\n        ...rest,\n      })}\n    </React.Fragment>\n  );\n};\n\nTrigger.displayName = \"Collapsible.Trigger\";\n\nconst Panel = ({ children, ...rest }: TypeCollapsiblePanelProps) => {\n  const {\n    isOpen,\n    id,\n    offset = 0,\n    collapsedHeight,\n    openHeight,\n  } = useContext(CollapsibleContext);\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const measurement = useMeasure(ref);\n  const [isHidden, setIsHidden] = useState<boolean | undefined>(undefined);\n  const maxHeight = determineMaxHeight(\n    isHidden,\n    openHeight,\n    // Round up to the nearest pixel to prevent subpixel rendering issues\n    Math.ceil(measurement.height + offset)\n  );\n\n  /* We use the \"hidden\" attribute to remove the contents of the panel from the tab order of the page, but it interferes with the animation. This logic sets a slight timeout on setting the prop so that the animation has time to complete before the attribute is set. */\n  useEffect(() => {\n    if (!isOpen) {\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 300);\n      return () => clearTimeout(timeoutID);\n    } else {\n      // Similar to the close animation, we need to delay setting hidden to run slightly async.\n      // An issue occurs with the initial render isHidden logic that causes the animation to occur sporadically.\n      // using this 0 second timeout just allows this component to initially render with an undefined max height,\n      // Then go directly from undefined to the full max height, without a brief 0 value that triggers an animation\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 0);\n      return () => clearTimeout(timeoutID);\n    }\n  }, [isOpen]);\n\n  return (\n    <CollapsingBox\n      hasShadow={Boolean(collapsedHeight || (openHeight && openHeight > 0))}\n      scrollable={isOpen}\n      maxHeight={isOpen ? maxHeight : collapsedHeight}\n      minHeight={collapsedHeight}\n      data-qa-collapsible=\"\"\n      data-qa-collapsible-isopen={isOpen === true}\n      {...rest}\n    >\n      <Box\n        width=\"100%\"\n        hidden={isHidden && collapsedHeight === 0}\n        aria-hidden={!isOpen}\n        id={id}\n        ref={ref}\n      >\n        {children}\n      </Box>\n    </CollapsingBox>\n  );\n};\n\nPanel.displayName = \"Collapsible.Panel\";\n\nCollapsible.Trigger = Trigger;\nCollapsible.Panel = Panel;\n\nexport default Collapsible;\n","import styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const CollapsingBox = styled(Box)<{\n  hasShadow?: boolean;\n  scrollable?: boolean;\n}>`\n  transition: max-height ${(p) => p.theme.duration.medium}\n    ${(p) => p.theme.easing.ease_inout};\n  will-change: max-height;\n  position: relative;\n  overflow: auto;\n  ${({ hasShadow, scrollable }) =>\n    hasShadow\n      ? `background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    ${scrollable ? `overflow: auto` : `overflow: hidden`};`\n      : \"\"}\n`;\n","import * as React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\n// The flow type is inexact but the underlying component does not accept any other props.\n// It might be worth extending the box props here for the refactor, but allowing it would provide no functionality right now.\nexport interface TypeCollapsibleProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n\n  /** If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this. */\n  offset?: number;\n  collapsedHeight?: number;\n  openHeight?: number;\n}\n\nexport interface TypeCollapsibleTriggerProps\n  extends Omit<TypeBoxProps, \"children\"> {\n  // Children is required for the Trigger\n  children: React.ReactElement;\n}\n\nexport interface TypeCollapsiblePanelProps extends TypeBoxProps {}\n","import Collapsible from \"./Collapsible\";\n\nexport default Collapsible;\nexport { Collapsible };\nexport * from \"./CollapsibleTypes\";\n"],"mappings":"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","names":["Box","Box"]}

package/dist/index.js

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   Collapsible: () => Collapsible_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/Collapsible.tsx
 var React = __toESM(require("react"));
@@ -100,10 +100,8 @@ var Collapsible = ({
   );
 };
 var determineMaxHeight = (isHidden, openHeight, computedHeight) => {
-  if (isHidden === void 0)
-    return void 0;
-  if (openHeight)
-    return openHeight;
+  if (isHidden === void 0) return void 0;
+  if (openHeight) return openHeight;
   return computedHeight;
 };
 var Trigger = ({ children, ...rest }) => {
@@ -174,7 +172,7 @@ var Collapsible_default = Collapsible;
 var React2 = require("react");
 
 // src/index.ts
-var src_default = Collapsible_default;
+var index_default = Collapsible_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Collapsible

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Collapsible.tsx","../src/styles.ts","../src/CollapsibleTypes.ts"],"sourcesContent":["import Collapsible from \"./Collapsible\";\n\nexport default Collapsible;\nexport { Collapsible };\nexport * from \"./CollapsibleTypes\";\n","import * as React from \"react\";\nimport { useState, useRef, useContext, useEffect } from \"react\";\nimport { useMeasure } from \"@sproutsocial/seeds-react-hooks\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport { CollapsingBox } from \"./styles\";\nimport type {\n  TypeCollapsibleProps,\n  TypeCollapsiblePanelProps,\n  TypeCollapsibleTriggerProps,\n} from \"./CollapsibleTypes\";\n\nlet idCounter = 0;\n\ninterface TypeCollapsibleContext {\n  isOpen?: boolean;\n  id?: string;\n  offset?: number;\n  openHeight?: number;\n  collapsedHeight?: number;\n}\n\nconst CollapsibleContext = React.createContext<TypeCollapsibleContext>({});\n\nconst Collapsible = ({\n  children,\n  isOpen = false,\n  offset = 0,\n  collapsedHeight = 0,\n  openHeight,\n}: TypeCollapsibleProps) => {\n  const [id] = useState(`Racine-collapsible-${idCounter++}`);\n  return (\n    <CollapsibleContext.Provider\n      value={{\n        isOpen,\n        id,\n        offset,\n        collapsedHeight,\n        openHeight,\n      }}\n    >\n      {children}\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst determineMaxHeight = (\n  isHidden?: boolean,\n  openHeight?: number,\n  computedHeight?: number\n): number | undefined => {\n  // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added\n  // This is a hack to prevent css from animating if it begins in the open state\n  // css animates when attribute values change (IE from 0 to another number)\n  // css does not animate when simply adding an attribute to an HTML element\n  if (isHidden === undefined) return undefined;\n  // If the user has defined an explicit open height, return that as the max height\n  if (openHeight) return openHeight;\n  // Otherwise, fallback to the computed height\n  return computedHeight;\n};\n\nconst Trigger = ({ children, ...rest }: TypeCollapsibleTriggerProps) => {\n  const { isOpen, id } = useContext(CollapsibleContext);\n  return (\n    <React.Fragment>\n      {React.cloneElement(children, {\n        \"aria-controls\": id,\n        \"aria-expanded\": !!isOpen,\n        ...rest,\n      })}\n    </React.Fragment>\n  );\n};\n\nTrigger.displayName = \"Collapsible.Trigger\";\n\nconst Panel = ({ children, ...rest }: TypeCollapsiblePanelProps) => {\n  const {\n    isOpen,\n    id,\n    offset = 0,\n    collapsedHeight,\n    openHeight,\n  } = useContext(CollapsibleContext);\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const measurement = useMeasure(ref);\n  const [isHidden, setIsHidden] = useState<boolean | undefined>(undefined);\n  const maxHeight = determineMaxHeight(\n    isHidden,\n    openHeight,\n    // Round up to the nearest pixel to prevent subpixel rendering issues\n    Math.ceil(measurement.height + offset)\n  );\n\n  /* We use the \"hidden\" attribute to remove the contents of the panel from the tab order of the page, but it interferes with the animation. This logic sets a slight timeout on setting the prop so that the animation has time to complete before the attribute is set. */\n  useEffect(() => {\n    if (!isOpen) {\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 300);\n      return () => clearTimeout(timeoutID);\n    } else {\n      // Similar to the close animation, we need to delay setting hidden to run slightly async.\n      // An issue occurs with the initial render isHidden logic that causes the animation to occur sporadically.\n      // using this 0 second timeout just allows this component to initially render with an undefined max height,\n      // Then go directly from undefined to the full max height, without a brief 0 value that triggers an animation\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 0);\n      return () => clearTimeout(timeoutID);\n    }\n  }, [isOpen]);\n\n  return (\n    <CollapsingBox\n      hasShadow={Boolean(collapsedHeight || (openHeight && openHeight > 0))}\n      scrollable={isOpen}\n      maxHeight={isOpen ? maxHeight : collapsedHeight}\n      minHeight={collapsedHeight}\n      data-qa-collapsible=\"\"\n      data-qa-collapsible-isopen={isOpen === true}\n      {...rest}\n    >\n      <Box\n        width=\"100%\"\n        hidden={isHidden && collapsedHeight === 0}\n        aria-hidden={!isOpen}\n        id={id}\n        ref={ref}\n      >\n        {children}\n      </Box>\n    </CollapsingBox>\n  );\n};\n\nPanel.displayName = \"Collapsible.Panel\";\n\nCollapsible.Trigger = Trigger;\nCollapsible.Panel = Panel;\n\nexport default Collapsible;\n","import styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const CollapsingBox = styled(Box)<{\n  hasShadow?: boolean;\n  scrollable?: boolean;\n}>`\n  transition: max-height ${(p) => p.theme.duration.medium}\n    ${(p) => p.theme.easing.ease_inout};\n  will-change: max-height;\n  position: relative;\n  overflow: auto;\n  ${({ hasShadow, scrollable }) =>\n    hasShadow\n      ? `background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    ${scrollable ? `overflow: auto` : `overflow: hidden`};`\n      : \"\"}\n`;\n","import * as React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\n// The flow type is inexact but the underlying component does not accept any other props.\n// It might be worth extending the box props here for the refactor, but allowing it would provide no functionality right now.\nexport interface TypeCollapsibleProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n\n  /** If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this. */\n  offset?: number;\n  collapsedHeight?: number;\n  openHeight?: number;\n}\n\nexport interface TypeCollapsibleTriggerProps\n  extends Omit<TypeBoxProps, \"children\"> {\n  // Children is required for the Trigger\n  children: React.ReactElement;\n}\n\nexport interface TypeCollapsiblePanelProps extends TypeBoxProps {}\n"],"mappings":"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","names":["import_seeds_react_box","styled","Box","Box","React"]}
+{"version":3,"sources":["../src/index.ts","../src/Collapsible.tsx","../src/styles.ts","../src/CollapsibleTypes.ts"],"sourcesContent":["import Collapsible from \"./Collapsible\";\n\nexport default Collapsible;\nexport { Collapsible };\nexport * from \"./CollapsibleTypes\";\n","import * as React from \"react\";\nimport { useState, useRef, useContext, useEffect } from \"react\";\nimport { useMeasure } from \"@sproutsocial/seeds-react-hooks\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport { CollapsingBox } from \"./styles\";\nimport type {\n  TypeCollapsibleProps,\n  TypeCollapsiblePanelProps,\n  TypeCollapsibleTriggerProps,\n} from \"./CollapsibleTypes\";\n\nlet idCounter = 0;\n\ninterface TypeCollapsibleContext {\n  isOpen?: boolean;\n  id?: string;\n  offset?: number;\n  openHeight?: number;\n  collapsedHeight?: number;\n}\n\nconst CollapsibleContext = React.createContext<TypeCollapsibleContext>({});\n\nconst Collapsible = ({\n  children,\n  isOpen = false,\n  offset = 0,\n  collapsedHeight = 0,\n  openHeight,\n}: TypeCollapsibleProps) => {\n  const [id] = useState(`Racine-collapsible-${idCounter++}`);\n  return (\n    <CollapsibleContext.Provider\n      value={{\n        isOpen,\n        id,\n        offset,\n        collapsedHeight,\n        openHeight,\n      }}\n    >\n      {children}\n    </CollapsibleContext.Provider>\n  );\n};\n\nconst determineMaxHeight = (\n  isHidden?: boolean,\n  openHeight?: number,\n  computedHeight?: number\n): number | undefined => {\n  // If isHidden is undefined this is the first render.  Return undefined so the max-height prop is not added\n  // This is a hack to prevent css from animating if it begins in the open state\n  // css animates when attribute values change (IE from 0 to another number)\n  // css does not animate when simply adding an attribute to an HTML element\n  if (isHidden === undefined) return undefined;\n  // If the user has defined an explicit open height, return that as the max height\n  if (openHeight) return openHeight;\n  // Otherwise, fallback to the computed height\n  return computedHeight;\n};\n\nconst Trigger = ({ children, ...rest }: TypeCollapsibleTriggerProps) => {\n  const { isOpen, id } = useContext(CollapsibleContext);\n  return (\n    <React.Fragment>\n      {React.cloneElement(children, {\n        \"aria-controls\": id,\n        \"aria-expanded\": !!isOpen,\n        ...rest,\n      })}\n    </React.Fragment>\n  );\n};\n\nTrigger.displayName = \"Collapsible.Trigger\";\n\nconst Panel = ({ children, ...rest }: TypeCollapsiblePanelProps) => {\n  const {\n    isOpen,\n    id,\n    offset = 0,\n    collapsedHeight,\n    openHeight,\n  } = useContext(CollapsibleContext);\n\n  const ref = useRef<HTMLDivElement | null>(null);\n  const measurement = useMeasure(ref);\n  const [isHidden, setIsHidden] = useState<boolean | undefined>(undefined);\n  const maxHeight = determineMaxHeight(\n    isHidden,\n    openHeight,\n    // Round up to the nearest pixel to prevent subpixel rendering issues\n    Math.ceil(measurement.height + offset)\n  );\n\n  /* We use the \"hidden\" attribute to remove the contents of the panel from the tab order of the page, but it interferes with the animation. This logic sets a slight timeout on setting the prop so that the animation has time to complete before the attribute is set. */\n  useEffect(() => {\n    if (!isOpen) {\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 300);\n      return () => clearTimeout(timeoutID);\n    } else {\n      // Similar to the close animation, we need to delay setting hidden to run slightly async.\n      // An issue occurs with the initial render isHidden logic that causes the animation to occur sporadically.\n      // using this 0 second timeout just allows this component to initially render with an undefined max height,\n      // Then go directly from undefined to the full max height, without a brief 0 value that triggers an animation\n      const timeoutID = setTimeout(() => setIsHidden(!isOpen), 0);\n      return () => clearTimeout(timeoutID);\n    }\n  }, [isOpen]);\n\n  return (\n    <CollapsingBox\n      hasShadow={Boolean(collapsedHeight || (openHeight && openHeight > 0))}\n      scrollable={isOpen}\n      maxHeight={isOpen ? maxHeight : collapsedHeight}\n      minHeight={collapsedHeight}\n      data-qa-collapsible=\"\"\n      data-qa-collapsible-isopen={isOpen === true}\n      {...rest}\n    >\n      <Box\n        width=\"100%\"\n        hidden={isHidden && collapsedHeight === 0}\n        aria-hidden={!isOpen}\n        id={id}\n        ref={ref}\n      >\n        {children}\n      </Box>\n    </CollapsingBox>\n  );\n};\n\nPanel.displayName = \"Collapsible.Panel\";\n\nCollapsible.Trigger = Trigger;\nCollapsible.Panel = Panel;\n\nexport default Collapsible;\n","import styled from \"styled-components\";\nimport Box from \"@sproutsocial/seeds-react-box\";\n\nexport const CollapsingBox = styled(Box)<{\n  hasShadow?: boolean;\n  scrollable?: boolean;\n}>`\n  transition: max-height ${(p) => p.theme.duration.medium}\n    ${(p) => p.theme.easing.ease_inout};\n  will-change: max-height;\n  position: relative;\n  overflow: auto;\n  ${({ hasShadow, scrollable }) =>\n    hasShadow\n      ? `background:  /* Shadow covers */ linear-gradient(\n        transparent 30%,\n        rgba(255, 255, 255, 0)\n      ),\n      linear-gradient(rgba(255, 255, 255, 0), transparent 70%) 0 100%,\n      /* Shadows */\n        radial-gradient(\n          farthest-side at 50% 0,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        ),\n      radial-gradient(\n          farthest-side at 50% 100%,\n          rgb(39 51 51 / 5%),\n          rgba(0, 0, 0, 0)\n        )\n        0 100%;\n    background-repeat: no-repeat;\n    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;\n    background-attachment: local, local, scroll, scroll;\n    ${scrollable ? `overflow: auto` : `overflow: hidden`};`\n      : \"\"}\n`;\n","import * as React from \"react\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\n// The flow type is inexact but the underlying component does not accept any other props.\n// It might be worth extending the box props here for the refactor, but allowing it would provide no functionality right now.\nexport interface TypeCollapsibleProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n\n  /** If the children of the collapsible panel have a top or bottom margin, it will throw off the calculations for the height of the content. The total amount of vertical margin (in pixels) can be supplied to this prop to correct this. */\n  offset?: number;\n  collapsedHeight?: number;\n  openHeight?: number;\n}\n\nexport interface TypeCollapsibleTriggerProps\n  extends Omit<TypeBoxProps, \"children\"> {\n  // Children is required for the Trigger\n  children: React.ReactElement;\n}\n\nexport interface TypeCollapsiblePanelProps extends TypeBoxProps {}\n"],"mappings":"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","names":["import_seeds_react_box","styled","Box","Box","React"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-collapsible",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Seeds React Collapsible",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,11 +18,11 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-box": "*",
-    "@sproutsocial/seeds-react-hooks": "*"
+    "@sproutsocial/seeds-react-box": "^1.1.3",
+    "@sproutsocial/seeds-react-hooks": "^3.0.3"
   },
   "devDependencies": {
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.4",
     "typescript": "^5.6.2",
     "@types/react": "^18.0.0",
     "@types/styled-components": "^5.1.26",
@@ -31,7 +31,7 @@
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",
     "@sproutsocial/seeds-react-testing-library": "*",
-    "@sproutsocial/seeds-react-button": "*"
+    "@sproutsocial/seeds-react-button": "^1.2.2"
   },
   "peerDependencies": {
     "styled-components": "^5.2.3"

package/tsconfig.json

@@ -5,5 +5,11 @@
     "module": "esnext"
   },
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", "coverage"]
+  "exclude": [
+    "node_modules",
+    "dist",
+    "coverage",
+    "**/*.stories.tsx",
+    "**/*.stories.ts"
+  ]
 }