@consumidor-positivo/aurora 0.0.97 → 0.0.98

package/dist/components/Filter/index.d.ts

@@ -0,0 +1,12 @@
+
+type ContentItem = {
+    title: string;
+    category: string;
+    onClick: () => void;
+    type?: 'primary' | 'outlined' | 'ghost';
+};
+export type FilterProps = {
+    content: ContentItem[];
+};
+export declare const Filter: ({ content }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Filter/index.es.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "../Button/index.es.js";
+import { useState } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import './styles.css';const Filter = ({
+  content
+}) => {
+  const [isClicked, setIsClicked] = useState(false);
+  const [currButton, setCurrButton] = useState("");
+  const handleClick = (item) => {
+    setIsClicked(true);
+    setCurrButton(item.category);
+    item.onClick();
+  };
+  const buttonClass = (item) => {
+    const isActive = isClicked && item.category === currButton;
+    return classNames("au-filter__btn", {
+      "btn-clicked": isActive
+    });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "au-filter", children: content == null ? void 0 : content.map((item) => {
+    return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Button, { className: buttonClass(item), type: item.type ?? "primary", onClick: () => handleClick(item), children: item.title }, `item-${item}`) });
+  }) });
+};
+export {
+  Filter
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Filter/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/Filter/index.tsx"],"sourcesContent":["import { Button } from '@components/Button'\nimport { useState } from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\n\ntype ContentItem = {\n   title: string;  category: string; onClick: () => void; type?: 'primary' | 'outlined' | 'ghost' \n}\n\nexport type FilterProps = {\n  content: ContentItem []\n}\n\nexport const Filter= ({\n  content\n}: FilterProps) => {\n\n  const [isClicked, setIsClicked] = useState(false);\n  const [currButton, setCurrButton] = useState('')\n\n   const handleClick = (item: ContentItem) => {\n        setIsClicked(true);\n        setCurrButton(item.category)\n        item.onClick()\n    };\nconst buttonClass = (item: ContentItem) => {\n    const isActive = isClicked && item.category === currButton\n    return classNames('au-filter__btn', {\n      'btn-clicked': isActive\n    });\n  };\n\n  return (\n    <div className=\"au-filter\">\n      {content?.map((item) => {\n       \n          return (\n            <div>\n            <Button className={buttonClass(item)} type={item.type ?? 'primary'} onClick={() => handleClick(item)} key={`item-${item}`}>\n              {item.title}\n            </Button>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;AAaO,MAAM,SAAQ,CAAC;AAAA,EACpB;AACF,MAAmB;AAEjB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAExC,QAAA,cAAc,CAAC,SAAsB;AACtC,iBAAa,IAAI;AACjB,kBAAc,KAAK,QAAQ;AAC3B,SAAK,QAAQ;AAAA,EAAA;AAEf,QAAA,cAAc,CAAC,SAAsB;AACjC,UAAA,WAAW,aAAa,KAAK,aAAa;AAChD,WAAO,WAAW,kBAAkB;AAAA,MAClC,eAAe;AAAA,IAAA,CAChB;AAAA,EAAA;AAGH,6BACG,OAAI,EAAA,WAAU,aACZ,UAAS,mCAAA,IAAI,CAAC,SAAS;AAGlB,WAAA,oBAAC,SACD,UAAC,oBAAA,QAAA,EAAO,WAAW,YAAY,IAAI,GAAG,MAAM,KAAK,QAAQ,WAAW,SAAS,MAAM,YAAY,IAAI,GAChG,eAAK,MADmG,GAAA,QAAQ,IAAI,EAEvH,EACA,CAAA;AAAA,EAEH,GACL,CAAA;AAEJ;"}

package/dist/components/Filter/styles.css

@@ -0,0 +1 @@
+.au-filter{display:flex;gap:8px}.au-filter .au-filter__btn{border-color:#454a54;color:#454a54}.au-filter .au-filter__btn.btn-clicked{border-color:#0048db;color:#0048db}

package/dist/main.d.ts

@@ -19,6 +19,7 @@ export { Checkbox } from './components/form/Checkbox';
 export { Radio } from './components/form/Radio';
 export { Alert } from './components/Alert';
 export { Card } from './components/Card';
+export { Filter } from './components/Filter';
 export { Skeleton } from './components/Skeleton';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';

package/dist/main.es.js

@@ -18,6 +18,7 @@ import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { Alert } from "./components/Alert/index.es.js";
 import { Card } from "./components/Card/index.es.js";
+import { Filter } from "./components/Filter/index.es.js";
 import { Skeleton } from "./components/Skeleton/index.es.js";
 import { useState } from "react";
 import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-DMp-1eWT.js";
@@ -440,6 +441,7 @@ export {
   ay as FONT_WEIGHT_MEDIUM,
   az as FONT_WEIGHT_REGULAR,
   ax as FONT_WEIGHT_SEMIBOLD,
+  Filter,
   Footer,
   Header,
   IconActivity,

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.0.97",
+  "version": "0.0.98",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",