@vector-business-services/cristal-ds-web 0.10.0 → 0.11.0

package/dist/index.cjs

@@ -1,9 +1,10 @@
 'use strict';
 
 var react = require('react');
-var autocomplete = require('primereact/autocomplete');
+var accordion = require('primereact/accordion');
 var react$1 = require('@phosphor-icons/react');
 var jsxRuntime = require('react/jsx-runtime');
+var autocomplete = require('primereact/autocomplete');
 var badge = require('primereact/badge');
 var button = require('primereact/button');
 var card = require('primereact/card');
@@ -32,7 +33,60 @@ var inputswitch = require('primereact/inputswitch');
 var tabview = require('primereact/tabview');
 var toast = require('primereact/toast');
 
-// src/components/AutoComplete/AutoComplete.tsx
+// src/components/Accordion/Accordion.tsx
+function AccordionTab(_props) {
+  return null;
+}
+var seta = (icon) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cr-accordion__toggle", "aria-hidden": "true", children: icon });
+var Accordion = react.forwardRef(function Accordion2({ multiple = false, activeIndex, onTabChange, children, id, className }, ref) {
+  const primeRef = react.useRef(null);
+  react.useImperativeHandle(ref, () => primeRef.current?.getElement());
+  const [interno, setInterno] = react.useState(multiple ? [0] : 0);
+  const abertos = activeIndex === void 0 ? interno : activeIndex;
+  const tabs = react.Children.toArray(children).filter(
+    (child) => react.isValidElement(child)
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    accordion.Accordion,
+    {
+      ...{ unstyled: true },
+      ref: primeRef,
+      id,
+      multiple,
+      activeIndex: abertos,
+      onTabChange: (event) => {
+        const index = event.index;
+        setInterno(index);
+        onTabChange?.(index);
+      },
+      expandIcon: seta(/* @__PURE__ */ jsxRuntime.jsx(react$1.CaretDown, {})),
+      collapseIcon: seta(/* @__PURE__ */ jsxRuntime.jsx(react$1.CaretUp, {})),
+      pt: { root: { className: ["cr-accordion", className].filter(Boolean).join(" ") } },
+      children: tabs.map((tab, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        accordion.AccordionTab,
+        {
+          header: tab.props.header,
+          disabled: tab.props.disabled,
+          headerTemplate: tab.props.headerContent ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cr-accordion__custom", children: tab.props.headerContent }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "cr-accordion__texts", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cr-accordion__title", children: tab.props.header }),
+            tab.props.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cr-accordion__description", children: tab.props.description })
+          ] }),
+          pt: {
+            root: { className: "cr-accordion__item" },
+            header: { className: "cr-accordion__header" },
+            headerAction: { className: "cr-accordion__action" },
+            toggleableContent: { className: "cr-accordion__region" },
+            content: { className: "cr-accordion__content" },
+            // Sem animação: o Prime manteria o conteúdo na tela pelos 450ms da saída dele.
+            transition: { timeout: 0 }
+          },
+          children: tab.props.children
+        },
+        tab.key ?? index
+      ))
+    }
+  );
+});
 var AutoComplete = react.forwardRef(function AutoComplete2({
   variant = "outline",
   size = "large",
@@ -1473,7 +1527,7 @@ var Select = react.forwardRef(function Select2({
     ] })
   ] });
 });
-var seta = (label, icon) => (options) => /* @__PURE__ */ jsxRuntime.jsx(
+var seta2 = (label, icon) => (options) => /* @__PURE__ */ jsxRuntime.jsx(
   "button",
   {
     type: "button",
@@ -1519,10 +1573,10 @@ var Paginator = react.forwardRef(function Paginator2({
       },
       template: {
         layout: "FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown",
-        FirstPageLink: seta("Primeira p\xE1gina", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretDoubleLeft, { "aria-hidden": "true" })),
-        PrevPageLink: seta("P\xE1gina anterior", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretLeft, { "aria-hidden": "true" })),
-        NextPageLink: seta("Pr\xF3xima p\xE1gina", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretRight, { "aria-hidden": "true" })),
-        LastPageLink: seta("\xDAltima p\xE1gina", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretDoubleRight, { "aria-hidden": "true" })),
+        FirstPageLink: seta2("Primeira p\xE1gina", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretDoubleLeft, { "aria-hidden": "true" })),
+        PrevPageLink: seta2("P\xE1gina anterior", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretLeft, { "aria-hidden": "true" })),
+        NextPageLink: seta2("Pr\xF3xima p\xE1gina", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretRight, { "aria-hidden": "true" })),
+        LastPageLink: seta2("\xDAltima p\xE1gina", /* @__PURE__ */ jsxRuntime.jsx(react$1.CaretDoubleRight, { "aria-hidden": "true" })),
         PageLinks: (options) => {
           const ativa = options.page === options.currentPage;
           return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1918,6 +1972,8 @@ var Toast = react.forwardRef(function Toast2({ position = "top-right", closeLabe
   );
 });
 
+exports.Accordion = Accordion;
+exports.AccordionTab = AccordionTab;
 exports.AutoComplete = AutoComplete;
 exports.Badge = Badge;
 exports.Button = Button;