ag-common 0.0.211 → 0.0.214

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

@@ -1,10 +1,12 @@
-import React, { KeyboardEventHandler, MouseEventHandler } from 'react';
+import { KeyboardEventHandler, MouseEventHandler } from 'react';
 export declare const ButtonBase: import("styled-components").FlattenSimpleInterpolation;
-export declare const Button: React.FC<{
+export interface IButton {
     title?: string;
     invert?: boolean;
     disabled?: boolean;
     className?: string;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     onKeyPress?: KeyboardEventHandler<HTMLButtonElement>;
-}>;
+    children: string | JSX.Element;
+}
+export declare const Button: (props: IButton) => JSX.Element;

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: {
-    title?: string | undefined;
-    image?: string | undefined;
+export interface IHeadersRaw {
+    title?: string;
+    image?: string;
     SiteShort: string;
     FullSiteUrl: string;
     siteDesc: string;
-}) => JSX.Element[];
+}
+export declare const HeadersRaw: ({ title, image, SiteShort, FullSiteUrl, siteDesc, }: IHeadersRaw) => JSX.Element[];

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface IIcon {
+export interface IIconProps {
     disabled?: boolean;
     fill?: string;
     outline?: string;
@@ -16,6 +16,5 @@ interface IIcon {
     tabIndex?: number;
     className?: string;
 }
-export declare const IconF: import("styled-components").StyledComponent<"span", any, IIcon, never>;
-export declare const Icon: (pr: IIcon) => JSX.Element;
-export {};
+export declare const IconF: import("styled-components").StyledComponent<"span", any, IIconProps, never>;
+export declare const Icon: (pr: IIconProps) => JSX.Element;

package/dist/ui/components/Prompt/Dialog.d.ts

@@ -0,0 +1,7 @@
+export interface IPromptAction {
+    topText?: string;
+    bottomText: string;
+    defaultValue?: string;
+    placeholder?: string;
+}
+export declare const PromptDialog: (p: IPromptAction) => Promise<string | undefined>;

package/dist/ui/components/Prompt/Dialog.js

@@ -0,0 +1,25 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PromptDialog = void 0;
+const Modal_1 = require("./Modal");
+const react_1 = __importDefault(require("react"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const PromptDialog = (p) => __awaiter(void 0, void 0, void 0, function* () {
+    return new Promise((res) => {
+        const wrapper = document.body.appendChild(document.createElement('div'));
+        react_dom_1.default.render(react_1.default.createElement(Modal_1.PromptModal, Object.assign({}, p, { res: res, wrapper: wrapper })), wrapper);
+    });
+});
+exports.PromptDialog = PromptDialog;

package/dist/ui/components/Prompt/Modal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const PromptModal: ({ wrapper, res, bottomText, topText, okText, cancelText, defaultValue, placeholder, }: {
+    defaultValue?: string | undefined;
+    placeholder?: string | undefined;
+    res: (v: string | undefined) => void;
+    wrapper: HTMLDivElement;
+    topText?: string | undefined;
+    bottomText: string;
+    okText?: string | undefined;
+    cancelText?: string | undefined;
+}) => JSX.Element;

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

@@ -0,0 +1,96 @@
+"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.PromptModal = void 0;
+/* eslint-disable jsx-a11y/no-static-element-interactions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+const Button_1 = require("../Button");
+const FlexColumn_1 = require("../FlexColumn");
+const FlexRow_1 = require("../FlexRow");
+const Modal_1 = require("../Modal");
+const TextEdit_1 = require("../TextEdit");
+const styled_components_1 = __importDefault(require("styled-components"));
+const react_dom_1 = __importDefault(require("react-dom"));
+const react_1 = __importStar(require("react"));
+const Base = styled_components_1.default.div `
+  width: 95vw;
+  max-width: 30rem;
+  height: 50vh;
+  max-height: 15rem;
+  padding: 1rem;
+`;
+const Content = (0, styled_components_1.default)(FlexColumn_1.FlexColumn) `
+  height: 100%;
+`;
+const TopText = styled_components_1.default.div `
+  font-weight: bold;
+  border-bottom: solid 1px #ccc;
+  padding-bottom: 0.25rem;
+  font-size: 1.5rem;
+  margin-bottom: 1rem;
+`;
+const BottomText = styled_components_1.default.div `
+  padding-bottom: 0.25rem;
+  font-size: 1.1rem;
+`;
+const Bottom = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
+  margin-top: auto;
+  justify-content: flex-end;
+  > button:first-child {
+    margin-right: 1rem;
+  }
+`;
+const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelText = 'Cancel', defaultValue, placeholder, }) => {
+    const [text, setText] = (0, react_1.useState)(defaultValue || '');
+    const ret = (v) => {
+        try {
+            res(v);
+        }
+        finally {
+            react_dom_1.default.unmountComponentAtNode(wrapper);
+            wrapper.remove();
+        }
+    };
+    return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: false },
+        react_1.default.createElement(Base, null,
+            react_1.default.createElement(Content, null,
+                topText && react_1.default.createElement(TopText, null, topText),
+                react_1.default.createElement(BottomText, null, bottomText),
+                react_1.default.createElement(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c, enter) => {
+                        if (enter) {
+                            ret(c);
+                        }
+                        else {
+                            setText(c);
+                        }
+                    }, placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
+                react_1.default.createElement(Bottom, { noGrow: true },
+                    react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
+                    react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));
+};
+exports.PromptModal = PromptModal;

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

@@ -1,6 +1,2 @@
-export declare const prompt: (p: {
-    topText?: string;
-    bottomText: string;
-    defaultValue?: string;
-    placeholder?: string;
-}) => Promise<string | undefined>;
+export * from './Dialog';
+export * from './Modal';

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

@@ -10,102 +10,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 });
-exports.prompt = void 0;
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-const Button_1 = require("../Button");
-const FlexColumn_1 = require("../FlexColumn");
-const FlexRow_1 = require("../FlexRow");
-const Modal_1 = require("../Modal");
-const TextEdit_1 = require("../TextEdit");
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_dom_1 = __importDefault(require("react-dom"));
-const react_1 = __importStar(require("react"));
-const Base = styled_components_1.default.div `
-  width: 95vw;
-  max-width: 30rem;
-  height: 50vh;
-  max-height: 15rem;
-  padding: 1rem;
-`;
-const Content = (0, styled_components_1.default)(FlexColumn_1.FlexColumn) `
-  height: 100%;
-`;
-const TopText = styled_components_1.default.div `
-  font-weight: bold;
-  border-bottom: solid 1px #ccc;
-  padding-bottom: 0.25rem;
-  font-size: 1.5rem;
-  margin-bottom: 1rem;
-`;
-const BottomText = styled_components_1.default.div `
-  padding-bottom: 0.25rem;
-  font-size: 1.1rem;
-`;
-const Bottom = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
-  margin-top: auto;
-  justify-content: flex-end;
-  > button:first-child {
-    margin-right: 1rem;
-  }
-`;
-const PromptModal = ({ wrapper, res, bottomText, topText, okText = 'OK', cancelText = 'Cancel', defaultValue, placeholder, }) => {
-    const [text, setText] = (0, react_1.useState)(defaultValue || '');
-    const ret = (v) => {
-        try {
-            res(v);
-        }
-        finally {
-            react_dom_1.default.unmountComponentAtNode(wrapper);
-            wrapper.remove();
-        }
-    };
-    return (react_1.default.createElement(Modal_1.Modal, { position: "center", topPosition: "center", open: true, setOpen: () => ret(undefined), showCloseButton: false, closeOnClickOutside: false },
-        react_1.default.createElement(Base, null,
-            react_1.default.createElement(Content, null,
-                topText && react_1.default.createElement(TopText, null, topText),
-                react_1.default.createElement(BottomText, null, bottomText),
-                react_1.default.createElement(TextEdit_1.TextEdit, { defaultValue: text, onSubmit: (c, enter) => {
-                        if (enter) {
-                            ret(c);
-                        }
-                        else {
-                            setText(c);
-                        }
-                    }, placeholder: placeholder, defaultEditing: { focus: true }, singleLine: true, noGrow: true }),
-                react_1.default.createElement(Bottom, { noGrow: true },
-                    react_1.default.createElement(Button_1.Button, { onClick: () => ret(text) }, okText),
-                    react_1.default.createElement(Button_1.Button, { invert: true, onClick: () => ret(undefined) }, cancelText))))));
-};
-const prompt = (p) => __awaiter(void 0, void 0, void 0, function* () {
-    return new Promise((res) => {
-        const wrapper = document.body.appendChild(document.createElement('div'));
-        react_dom_1.default.render(react_1.default.createElement(PromptModal, Object.assign({}, p, { res: res, wrapper: wrapper })), wrapper);
-    });
-});
-exports.prompt = prompt;
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Modal"), exports);

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

@@ -38,7 +38,7 @@ const Base = styled_components_1.default.div `
 `;
 const ContentBlock = styled_components_1.default.div `
   left: -18rem;
-  transition left 200ms;
+  transition: left 200ms;
   &[data-open='false'] {
     position: absolute;
     top: 0;

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

@@ -1,11 +1,10 @@
 /// <reference types="react" />
 import { ToastPosition } from 'react-hot-toast';
-interface Options {
+export interface IToastOptions {
     appearance: 'error' | 'success';
     autoClose?: number;
 }
-export declare const addToast: (m: string, options?: Options | undefined) => void;
+export declare const addToast: (m: string, options?: IToastOptions | undefined) => void;
 export declare const ToastProvider: ({ position }: {
     position: ToastPosition;
 }) => JSX.Element;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.211",
+  "version": "0.0.214",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -9,7 +9,7 @@
   "packageManager": "yarn@3.2.0",
   "scripts": {
     "format": "npx eslint --ext .ts,.tsx ./src --fix",
-    "build": "rimraf dist && yarn lint && tsc && rimraf dist/story",
+    "build": "rimraf dist && yarn lint && tsc",
     "lint": "npx eslint --ext .ts,.tsx ./src",
     "start": "cross-env BROWSER=none start-storybook -p 6006",
     "build-storybook": "build-storybook -o docs --quiet"
@@ -31,14 +31,14 @@
   },
   "devDependencies": {
     "@babel/core": "7.17.8",
-    "@mdx-js/react": "1.6.22",
     "@storybook/addon-actions": "6.4.20",
     "@storybook/addon-docs": "6.4.20",
     "@storybook/addon-essentials": "6.4.20",
     "@storybook/addon-interactions": "6.4.20",
     "@storybook/addon-links": "6.4.20",
+    "@storybook/addons": "^6.4.20",
     "@storybook/react": "6.4.20",
-    "@storybook/testing-library": "0.0.9",
+    "@storybook/theming": "^6.4.20",
     "@types/jsonwebtoken": "8.5.8",
     "@types/node": "17.0.23",
     "@types/react": "17.0.43",
@@ -46,21 +46,17 @@
     "@types/styled-components": "5.1.24",
     "@typescript-eslint/eslint-plugin": "5.18.0",
     "@typescript-eslint/parser": "5.18.0",
-    "babel-loader": "8.2.4",
     "cross-env": "7.0.3",
     "eslint": "8.12.0",
     "eslint-config-airbnb-typescript": "16.2.0",
     "eslint-config-prettier": "8.5.0",
-    "eslint-config-react-app": "7.0.0",
     "eslint-plugin-import": "2.25.4",
     "eslint-plugin-jsx-a11y": "6.5.1",
     "eslint-plugin-prettier": "4.0.0",
     "eslint-plugin-react": "7.29.4",
     "eslint-plugin-react-hooks": "4.4.0",
     "prettier": "2.6.2",
-    "rimraf": "3.0.2",
-    "storybook": "6.4.20",
-    "typescript-styled-plugin": "0.18.2"
+    "rimraf": "3.0.2"
   },
   "files": [
     "dist/**/*",