ag-common 0.0.172 → 0.0.175

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

@@ -89,7 +89,10 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bott
             children)));
 };
 exports.Modal = Modal;
-const ModalDropList = (p) => (react_1.default.createElement(exports.Modal, Object.assign({}, p, { className: p.className }), p.options.map((option, index) => (react_1.default.createElement(exports.ModalItem, { key: option, onClick: (e) => {
+const ModalDropListStyled = (0, styled_components_1.default)(exports.Modal) `
+  flex-flow: column;
+`;
+const ModalDropList = (p) => (react_1.default.createElement(ModalDropListStyled, Object.assign({}, p, { className: p.className }), p.options.map((option, index) => (react_1.default.createElement(exports.ModalItem, { key: option, onClick: (e) => {
         var _a;
         e.stopPropagation();
         e.preventDefault();

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const Sidebar: ({ children, className, key, cookieDocument, }: {
+export declare const Sidebar: ({ children, className, key, cookieDocument, width, }: {
     children: any;
     className?: string | undefined;
     /**
@@ -10,4 +10,8 @@ export declare const Sidebar: ({ children, className, key, cookieDocument, }: {
      * optionally pass in SSR cookiedocument
      */
     cookieDocument?: string | undefined;
+    /**
+     * default 15rem
+     */
+    width?: string | undefined;
 }) => JSX.Element;

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

@@ -12,10 +12,10 @@ const react_1 = __importDefault(require("react"));
 const Base = styled_components_1.default.div `
   position: relative;
   transition: all 200ms;
-  width: 15rem;
   border-right: solid 1px #ccc;
   margin-right: 1rem;
   padding-left: 0.5rem;
+  //width set in style
 
   &[data-open='false'] {
     width: 0.5rem;
@@ -44,7 +44,7 @@ const ContentBlock = styled_components_1.default.div `
     position: absolute;
     top: 0;
     z-index: 1;
-    width: 15rem;
+    //width set in style
   }
 `;
 const Content = styled_components_1.default.div `
@@ -91,16 +91,16 @@ const ChevronStyled = (0, styled_components_1.default)(Chevron_1.Chevron) `
     fill: #555;
   }
 `;
-const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, }) => {
+const Sidebar = ({ children, className, key = 'sidebar', cookieDocument, width = '15rem', }) => {
     const [open, setOpen] = (0, use_1.useCookieBoolean)({
         name: key,
         defaultValue: false,
         cookieDocument: cookieDocument,
     });
-    return (react_1.default.createElement(Base, { className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true },
+    return (react_1.default.createElement(Base, { className: className, "data-open": open, onClick: () => !open && setOpen(true), "data-hover": true, style: { width } },
         react_1.default.createElement(Hamburger, { "data-open": open, onClick: () => setOpen(!open), "data-hover": true },
             react_1.default.createElement(ChevronStyled, { point: open ? 'left' : 'right', width: "100%" })),
-        react_1.default.createElement(ContentBlock, { "data-content": true, "data-open": open },
+        react_1.default.createElement(ContentBlock, { "data-content": true, "data-open": open, style: { width: open ? undefined : width } },
             react_1.default.createElement(Content, { "data-open": open, onClick: (e) => {
                     e.stopPropagation();
                 } }, children))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.172",
+  "version": "0.0.175",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",