@snack-uikit/accordion 0.7.18 → 0.7.19-preview-d96c83e8.0

package/dist/cjs/components/AccordionPrimary/AccordionPrimary.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionPrimary = AccordionPrimary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const helperComponents_1 = require("../../helperComponents");
+const styles_module_scss_1 = __importDefault({});
+function AccordionPrimary(_a) {
+  var {
+      className
+    } = _a,
+    rest = __rest(_a, ["className"]);
+  return (0, jsx_runtime_1.jsx)(helperComponents_1.Accordion, Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.accordionPrimary, className)
+  }, rest));
+}

package/dist/cjs/components/AccordionPrimary/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./AccordionPrimary"), exports);

package/dist/cjs/components/AccordionSecondary/AccordionSecondary.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionSecondary = AccordionSecondary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const helperComponents_1 = require("../../helperComponents");
+const styles_module_scss_1 = __importDefault({});
+function AccordionSecondary(_a) {
+  var {
+      className
+    } = _a,
+    rest = __rest(_a, ["className"]);
+  return (0, jsx_runtime_1.jsx)(helperComponents_1.Accordion, Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.accordionSecondary, className)
+  }, rest));
+}

package/dist/cjs/components/AccordionSecondary/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./AccordionSecondary"), exports);

package/dist/cjs/components/CollapseBlockPrimary/CollapseBlockPrimary.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseBlockPrimary = CollapseBlockPrimary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const helperComponents_1 = require("../../helperComponents");
+const hooks_1 = require("../../hooks");
+const styles_module_scss_1 = __importDefault({});
+function CollapseBlockPrimary(_a) {
+  var {
+      id,
+      header,
+      children,
+      actions,
+      className,
+      outline,
+      shape = 'round'
+    } = _a,
+    rest = __rest(_a, ["id", "header", "children", "actions", "className", "outline", "shape"]);
+  const {
+    isExpanded,
+    isExpandedDebounced,
+    handleToggleExpanded
+  } = (0, hooks_1.useExpanded)(id);
+  return (0, jsx_runtime_1.jsx)(helperComponents_1.CollapseBlockPrivate, Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.containerBase, {
+      [styles_module_scss_1.default.container]: !outline,
+      [styles_module_scss_1.default.containerOutline]: outline
+    }, className),
+    shape: shape,
+    header: (0, jsx_runtime_1.jsx)(helperComponents_1.CollapseBlockHeaderContainer, {
+      expanded: isExpanded,
+      toggleExpanded: handleToggleExpanded,
+      actions: actions,
+      children: header
+    }),
+    expanded: isExpanded,
+    expandedDebounced: isExpandedDebounced
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: children
+  }));
+}

package/dist/cjs/components/CollapseBlockPrimary/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./CollapseBlockPrimary"), exports);

package/dist/cjs/components/CollapseBlockSecondary/CollapseBlockSecondary.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseBlockSecondary = CollapseBlockSecondary;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const helperComponents_1 = require("../../helperComponents");
+const hooks_1 = require("../../hooks");
+const styles_module_scss_1 = __importDefault({});
+function CollapseBlockSecondary(_a) {
+  var {
+      header,
+      children,
+      id,
+      actions,
+      className
+    } = _a,
+    rest = __rest(_a, ["header", "children", "id", "actions", "className"]);
+  const {
+    isExpanded,
+    isExpandedDebounced,
+    handleToggleExpanded
+  } = (0, hooks_1.useExpanded)(id);
+  return (0, jsx_runtime_1.jsx)(helperComponents_1.CollapseBlockPrivate, Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.container, className),
+    header: (0, jsx_runtime_1.jsx)(helperComponents_1.CollapseBlockHeaderContainer, {
+      expanded: isExpanded,
+      toggleExpanded: handleToggleExpanded,
+      actions: actions,
+      children: header
+    }),
+    expanded: isExpanded,
+    expandedDebounced: isExpandedDebounced
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: children
+  }));
+}

package/dist/cjs/components/CollapseBlockSecondary/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./CollapseBlockSecondary"), exports);

package/dist/cjs/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionSecondary = exports.AccordionPrimary = void 0;
+const helperComponents_1 = require("../helperComponents");
+const AccordionPrimary_1 = require("./AccordionPrimary");
+const AccordionSecondary_1 = require("./AccordionSecondary");
+const CollapseBlockPrimary_1 = require("./CollapseBlockPrimary");
+const CollapseBlockSecondary_1 = require("./CollapseBlockSecondary");
+exports.AccordionPrimary = AccordionPrimary_1.AccordionPrimary;
+exports.AccordionPrimary.CollapseBlock = CollapseBlockPrimary_1.CollapseBlockPrimary;
+exports.AccordionPrimary.CollapseBlockHeader = helperComponents_1.CollapseBlockHeader;
+exports.AccordionSecondary = AccordionSecondary_1.AccordionSecondary;
+exports.AccordionSecondary.CollapseBlock = CollapseBlockSecondary_1.CollapseBlockSecondary;
+exports.AccordionSecondary.CollapseBlockHeader = helperComponents_1.CollapseBlockHeader;

package/dist/cjs/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SELECTION_MODE = void 0;
+exports.SELECTION_MODE = {
+  Single: 'single',
+  Multiple: 'multiple'
+};

package/dist/cjs/helperComponents/Accordion/Accordion.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = Accordion;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toggles_1 = require("@snack-uikit/toggles");
+const utils_1 = require("@snack-uikit/utils");
+function Accordion(_a) {
+  var {
+      children,
+      expanded,
+      onExpandedChange,
+      expandedDefault,
+      selectionMode = 'single',
+      className
+    } = _a,
+    rest = __rest(_a, ["children", "expanded", "onExpandedChange", "expandedDefault", "selectionMode", "className"]);
+  return (
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    (0, jsx_runtime_1.jsx)(toggles_1.ToggleGroup, {
+      value: expanded,
+      defaultValue: expandedDefault,
+      onChange: onExpandedChange,
+      selectionMode: selectionMode,
+      children: (0, jsx_runtime_1.jsx)("div", Object.assign({
+        className: className
+      }, (0, utils_1.extractSupportProps)(rest), {
+        children: children
+      }))
+    })
+  );
+}

package/dist/cjs/helperComponents/Accordion/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./Accordion"), exports);

package/dist/cjs/helperComponents/CollapseBlockHeader/CollapseBlockHeader.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseBlockHeader = CollapseBlockHeader;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const truncate_string_1 = require("@snack-uikit/truncate-string");
+const typography_1 = require("@snack-uikit/typography");
+const testIds_1 = require("../../testIds");
+const styles_module_scss_1 = __importDefault({});
+function CollapseBlockHeader(_ref) {
+  let {
+    title,
+    description,
+    tip
+  } = _ref;
+  return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
+    children: [(0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.headline,
+      children: [(0, jsx_runtime_1.jsx)(typography_1.Typography.SansTitleM, {
+        className: styles_module_scss_1.default.title,
+        "data-test-id": testIds_1.TEST_IDS.title,
+        children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+          text: title,
+          maxLines: 1
+        })
+      }), tip && (0, jsx_runtime_1.jsx)(tooltip_1.QuestionTooltip, {
+        size: 's',
+        tip: tip,
+        triggerDataTestId: testIds_1.TEST_IDS.tooltip,
+        tabIndex: -1
+      })]
+    }), description && (0, jsx_runtime_1.jsx)(typography_1.Typography.SansBodyM, {
+      className: styles_module_scss_1.default.subtitle,
+      "data-test-id": testIds_1.TEST_IDS.description,
+      children: (0, jsx_runtime_1.jsx)(truncate_string_1.TruncateString, {
+        text: description,
+        maxLines: 2
+      })
+    })]
+  });
+}

package/dist/cjs/helperComponents/CollapseBlockHeader/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./CollapseBlockHeader"), exports);

package/dist/cjs/helperComponents/CollapseBlockHeaderContainer/CollapseBlockHeaderContainer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseBlockHeaderContainer = CollapseBlockHeaderContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const button_1 = require("@snack-uikit/button");
+const icons_1 = require("@snack-uikit/icons");
+const testIds_1 = require("../../testIds");
+const styles_module_scss_1 = __importDefault({});
+const utils_1 = require("./utils");
+function CollapseBlockHeaderContainer(_ref) {
+  let {
+    children,
+    toggleExpanded,
+    expanded,
+    actions
+  } = _ref;
+  const functionLayoutRef = (0, react_1.useRef)(null);
+  const [width, setWidth] = (0, react_1.useState)('0px');
+  (0, react_1.useEffect)(() => {
+    setWidth(() => {
+      if (functionLayoutRef.current) {
+        return getComputedStyle(functionLayoutRef.current, null).getPropertyValue('width');
+      }
+      return '0px';
+    });
+  }, [functionLayoutRef]);
+  const handleToggleExpanded = () => toggleExpanded(!expanded);
+  return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    (0, jsx_runtime_1.jsxs)("div", {
+      className: styles_module_scss_1.default.header,
+      "data-test-id": testIds_1.TEST_IDS.header,
+      onClick: handleToggleExpanded,
+      children: [(0, jsx_runtime_1.jsx)("div", {
+        className: styles_module_scss_1.default.text,
+        style: {
+          '--width': width
+        },
+        children: children
+      }), (0, jsx_runtime_1.jsxs)("div", {
+        className: styles_module_scss_1.default.functionLayout,
+        ref: functionLayoutRef,
+        onClick: utils_1.stopPropagationClick,
+        children: [actions, (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, {
+          className: styles_module_scss_1.default.button,
+          "data-expanded": expanded || undefined,
+          icon: (0, jsx_runtime_1.jsx)(icons_1.ChevronDownSVG, {}),
+          onClick: handleToggleExpanded,
+          size: 'xs',
+          "data-test-id": testIds_1.TEST_IDS.chevron
+        })]
+      })]
+    })
+  );
+}

package/dist/cjs/helperComponents/CollapseBlockHeaderContainer/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./CollapseBlockHeaderContainer"), exports);

package/dist/cjs/helperComponents/CollapseBlockHeaderContainer/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stopPropagationClick = void 0;
+const stopPropagationClick = e => {
+  e.stopPropagation();
+};
+exports.stopPropagationClick = stopPropagationClick;

package/dist/cjs/helperComponents/CollapseBlockPrivate/CollapseBlockPrivate.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var __importDefault = void 0 && (void 0).__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseBlockPrivate = CollapseBlockPrivate;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const testIds_1 = require("../../testIds");
+const styles_module_scss_1 = __importDefault({});
+function CollapseBlockPrivate(_a) {
+  var {
+      children,
+      expanded,
+      className,
+      header,
+      shape,
+      expandedDebounced
+    } = _a,
+    rest = __rest(_a, ["children", "expanded", "className", "header", "shape", "expandedDebounced"]);
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
+    className: (0, classnames_1.default)(styles_module_scss_1.default.accordion, className),
+    // eslint-disable-next-line jsx-a11y/aria-role
+    role: 'accordion',
+    "data-shape": shape,
+    "aria-expanded": expanded
+  }, (0, utils_1.extractSupportProps)(rest), {
+    children: [header, (0, jsx_runtime_1.jsx)("div", {
+      className: styles_module_scss_1.default.contentWrapper,
+      "aria-hidden": !expanded,
+      "data-test-id": testIds_1.TEST_IDS.content,
+      children: (0, jsx_runtime_1.jsx)("div", {
+        className: styles_module_scss_1.default.content,
+        "data-content": true,
+        children: (expanded || expandedDebounced) && children
+      })
+    })]
+  }));
+}

package/dist/cjs/helperComponents/CollapseBlockPrivate/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./CollapseBlockPrivate"), exports);

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./CollapseBlockPrivate"), exports);
+__exportStar(require("./CollapseBlockHeader"), exports);
+__exportStar(require("./Accordion"), exports);
+__exportStar(require("./CollapseBlockHeaderContainer"), exports);