ag-common 0.0.471 → 0.0.472

package/dist/ui/components/Accordion/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const Accordion: ({ title, children, open, setOpen, chevronColour, className, }: {
+    children: string | JSX.Element | JSX.Element[];
+    title: string;
+    /** controlled component if provided */
+    open?: boolean | undefined;
+    /** called when openness changes */
+    setOpen?: ((open: boolean) => void) | undefined;
+    chevronColour?: string | undefined;
+    className?: string | undefined;
+}) => React.JSX.Element;

package/dist/ui/components/Accordion/index.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const styled_1 = __importDefault(require("@emotion/styled"));
+const react_1 = __importStar(require("react"));
+const Chevron_1 = require("../Chevron");
+const SBase = styled_1.default.div ``;
+const SSubTitle = styled_1.default.div `
+  font-size: 1rem;
+  font-weight: bold;
+  text-align: center;
+  margin-right: 0.5rem;
+`;
+const SRollUpRow = styled_1.default.div `
+  display: flex;
+  cursor: pointer;
+`;
+const Accordion = ({ title, children, open, setOpen, chevronColour = 'white', className, }) => {
+    const [openSt, setOpenSt] = (0, react_1.useState)(false);
+    const controlled = open !== undefined;
+    return (react_1.default.createElement(SBase, { className: className },
+        react_1.default.createElement(SRollUpRow, { onClick: () => {
+                setOpen === null || setOpen === void 0 ? void 0 : setOpen(controlled ? !open : !openSt);
+                if (!controlled) {
+                    setOpenSt(!openSt);
+                }
+            } },
+            react_1.default.createElement(SSubTitle, null, title),
+            react_1.default.createElement(Chevron_1.Chevron, { point: openSt ? 'up' : 'down', colour: chevronColour })),
+        (controlled ? open : openSt) && children));
+};
+exports.Accordion = Accordion;

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

@@ -1,3 +1,4 @@
+export * from './Accordion';
 export * from './BorderGradient';
 export * from './Button';
 export * from './Chevron';

package/dist/ui/components/index.js

@@ -14,6 +14,7 @@ var __exportStar = (this && this.__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);
 __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.471",
+  "version": "0.0.472",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",