ag-common 0.0.313 → 0.0.316

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

@@ -7,7 +7,8 @@ exports.Chevron = void 0;
 const Icon_1 = require("../Icon");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importDefault(require("react"));
-const SChevron = styled_components_1.default.span `
+const ChevronRight_1 = require("../../icons/ChevronRight");
+const Base = styled_components_1.default.span `
   font-size: 2rem;
   display: flex;
   justify-content: center;
@@ -18,8 +19,6 @@ const IconStyled = (0, styled_components_1.default)(Icon_1.Icon) `
   margin: 0;
   padding: 0;
 `;
-const ChevronIcon = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" },
-    react_1.default.createElement("path", { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })));
 const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, point = 'right', }) => {
     let rotate = 0;
     switch (point) {
@@ -39,7 +38,7 @@ const Chevron = ({ width = '1.2rem', className, colour = 'black', onToggle, poin
             rotate = 0;
         }
     }
-    return (react_1.default.createElement(SChevron, { className: className, onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onTouchStart: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onKeyPress: (e) => e.key === 'Enter' && (onToggle === null || onToggle === void 0 ? void 0 : onToggle()) },
-        react_1.default.createElement(IconStyled, { rotate: rotate, fill: colour, width: width, height: width }, ChevronIcon)));
+    return (react_1.default.createElement(Base, { className: className, onClick: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onTouchStart: () => onToggle === null || onToggle === void 0 ? void 0 : onToggle(), onKeyPress: (e) => e.key === 'Enter' && (onToggle === null || onToggle === void 0 ? void 0 : onToggle()) },
+        react_1.default.createElement(IconStyled, { rotate: rotate, fill: colour, width: width, height: width }, ChevronRight_1.ChevronRight)));
 };
 exports.Chevron = Chevron;

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

@@ -7,7 +7,7 @@ exports.Close = void 0;
 const dom_1 = require("../../helpers/dom");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importDefault(require("react"));
-const SClose = styled_components_1.default.div `
+const Base = styled_components_1.default.div `
   position: absolute;
   z-index: 1;
   width: 32px;
@@ -37,6 +37,6 @@ const SClose = styled_components_1.default.div `
   }
 `;
 const Close = (p) => {
-    return (react_1.default.createElement(SClose, Object.assign({}, (0, dom_1.filterDataProps)(p), { className: p.className, onClick: (e) => { var _a; return (_a = p.onClick) === null || _a === void 0 ? void 0 : _a.call(p, e); } })));
+    return (react_1.default.createElement(Base, Object.assign({}, (0, dom_1.filterDataProps)(p), { className: p.className, onClick: (e) => { var _a; return (_a = p.onClick) === null || _a === void 0 ? void 0 : _a.call(p, e); } })));
 };
 exports.Close = Close;

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

@@ -34,7 +34,7 @@ const colours_1 = require("../../styles/colours");
 const KebabDots_1 = require("../KebabDots");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importStar(require("react"));
-const SBase = styled_components_1.default.div `
+const Base = styled_components_1.default.div `
   display: flex;
   flex-flow: row;
   position: relative;
@@ -149,7 +149,7 @@ function DropdownList(p) {
             setBounced(true);
         }
     }, [bounced, open]);
-    return (react_1.default.createElement(SBase, { className: className, ref: ref, title: placeholder, onClick: (e) => {
+    return (react_1.default.createElement(Base, { className: className, ref: ref, title: placeholder, onClick: (e) => {
             e.stopPropagation();
             e.preventDefault();
             setOpen(!open);

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

@@ -7,10 +7,9 @@ exports.KebabDots = void 0;
 const Icon_1 = require("../Icon");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Dots = (react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fillRule: "evenodd", clipRule: "evenodd" },
-    react_1.default.createElement("path", { d: "M16 12a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0117 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0110 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 013 12z" })));
+const HorizontalDots_1 = require("../../icons/HorizontalDots");
 const IconStyled = (0, styled_components_1.default)(Icon_1.Icon) `
   position: absolute;
 `;
-const KebabDots = ({ onClick }) => (react_1.default.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() }, Dots));
+const KebabDots = ({ onClick }) => (react_1.default.createElement(IconStyled, { width: "2rem", height: "2rem", onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick() }, HorizontalDots_1.HorizontalDots));
 exports.KebabDots = KebabDots;

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

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loader = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importStar(require("react"));
-const SLoader = styled_components_1.default.div `
+const Base = styled_components_1.default.div `
   border: 16px solid #f3f3f3; /* Light grey */
   border-top: 16px solid #3498db; /* Blue */
   border-radius: 50%;
@@ -69,6 +69,6 @@ const Loader = ({ name, height = '2rem', width = '2rem', }) => {
         setTrans(false);
     }, []);
     return (react_1.default.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans },
-        react_1.default.createElement(SLoader, { style: { height: height, width: width } })));
+        react_1.default.createElement(Base, { style: { height: height, width: width } })));
 };
 exports.Loader = Loader;

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

@@ -8,9 +8,7 @@ const colours_1 = require("../../styles/colours");
 const Button_1 = require("../Button");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Door = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
-    react_1.default.createElement("path", { d: "M3 3h8V1H3a2 2 0 00-2 2v14a2 2 0 002 2h8v-2H3z" }),
-    react_1.default.createElement("path", { d: "M19 10l-6-5v4H5v2h8v4l6-5z" })));
+const Door_1 = require("../../icons/Door");
 const Icon = styled_components_1.default.div `
   width: 1.5rem;
   height: 1.5rem;
@@ -25,5 +23,5 @@ const ButtonStyled = (0, styled_components_1.default)(Button_1.Button) `
   }
 `;
 const LogoutButton = ({ className, invert, logout, }) => (react_1.default.createElement(ButtonStyled, { invert: invert, className: className, onKeyPress: () => logout(), onClick: () => logout() },
-    react_1.default.createElement(Icon, null, Door)));
+    react_1.default.createElement(Icon, null, Door_1.Door)));
 exports.LogoutButton = LogoutButton;

package/dist/ui/components/Search/Base.js

@@ -27,12 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchBase = void 0;
-const images_1 = require("./images");
+const CrossIcon_1 = require("../../icons/CrossIcon");
 const helpers_1 = require("../../helpers");
 const TextEdit_1 = require("../TextEdit");
 const styles_1 = require("../../styles");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importStar(require("react"));
+const Magnify_1 = require("../../icons/Magnify");
 const Base = styled_components_1.default.div `
   display: flex;
   flex-flow: column;
@@ -55,8 +56,6 @@ const SearchBox = styled_components_1.default.div `
     width: 100%;
   }
 `;
-const MagnifyIconSvg = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490" },
-    react_1.default.createElement("path", { fill: "none", stroke: "#000", strokeWidth: "36", strokeLinecap: "round", d: "M280 278a153 153 0 1 0-2 2l170 170m-91-117 110 110-26 26-110-110" })));
 const Icon = styled_components_1.default.div `
   width: 1.5rem;
   height: 1.5rem;
@@ -87,7 +86,7 @@ const Row = styled_components_1.default.div `
   width: 100%;
   cursor: pointer;
 `;
-const CrossIconStyled = (0, styled_components_1.default)(images_1.CrossIcon) `
+const CrossIconStyled = (0, styled_components_1.default)(CrossIcon_1.CrossIcon) `
   position: absolute;
   right: 1rem;
 `;
@@ -108,7 +107,7 @@ const SearchBase = ({ onSelectItem, onSearchTextChange, placeholderText, renderI
     const textEditRef = (0, react_1.createRef)();
     return (react_1.default.createElement(Base, { className: className },
         react_1.default.createElement(SearchBox, { "data-type": "search" },
-            react_1.default.createElement(TextEdit_1.TextEdit, { ref: textEditRef, placeholder: placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, MagnifyIconSvg), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null, onSubmit: (v) => (0, helpers_1.debounce)(() => {
+            react_1.default.createElement(TextEdit_1.TextEdit, { ref: textEditRef, placeholder: placeholderText, defaultEditing: { focus: true }, singleLine: true, leftContent: react_1.default.createElement(Icon, null, Magnify_1.Magnify), noGrow: true, allowUndo: false, onEscape: () => resWrap(undefined), onClickOutsideWithNoValue: null, onSubmit: (v) => (0, helpers_1.debounce)(() => {
                     setSearchText(v);
                     onSearchTextChange === null || onSearchTextChange === void 0 ? void 0 : onSearchTextChange(v);
                 }, { key: 'pagesearch', time: 200 }) }),

package/dist/ui/components/TextEdit/CheckboxEdit.js

@@ -27,13 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxEdit = void 0;
-const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const FlexRow_1 = require("../FlexRow");
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_1 = __importStar(require("react"));
+const Save_1 = require("../../icons/Save");
+const Undo_1 = require("../../icons/Undo");
 const Icons = (0, styled_components_1.default)(FlexRow_1.FlexRow) `
   position: absolute;
   top: 0;
@@ -62,8 +63,8 @@ const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true
             }, onKeyPress: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
         allowUndo && value !== defaultValue && (react_1.default.createElement(Icons, { center: true, enableOverflow: true },
             react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
-                react_1.default.createElement(images_1.SaveIcon, null)),
+                react_1.default.createElement(Save_1.Save, null)),
             react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
-                react_1.default.createElement(images_1.UndoIcon, null))))));
+                react_1.default.createElement(Undo_1.Undo, null))))));
 };
 exports.CheckboxEdit = CheckboxEdit;

package/dist/ui/components/TextEdit/ColourEdit.js

@@ -24,11 +24,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColourEdit = void 0;
-const images_1 = require("./images");
 const common_1 = require("./common");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const common_2 = require("../../styles/common");
 const react_1 = __importStar(require("react"));
+const Save_1 = require("../../icons/Save");
+const Undo_1 = require("../../icons/Undo");
 const ColourEdit = ({ defaultValue, onSubmit, }) => {
     const ref = (0, react_1.useRef)(null);
     const [value, setValue] = (0, react_1.useState)(defaultValue);
@@ -44,8 +45,8 @@ const ColourEdit = ({ defaultValue, onSubmit, }) => {
     return (react_1.default.createElement(common_1.ValueBox, Object.assign({}, common_2.noDrag, { ref: ref }),
         react_1.default.createElement("input", { type: "color", size: 5, value: value, onChange: (v) => setValue(v.target.value) }),
         value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value.trim()) },
-            react_1.default.createElement(images_1.SaveIcon, null))),
+            react_1.default.createElement(Save_1.Save, null))),
         valueChange && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
-            react_1.default.createElement(images_1.UndoIcon, null)))));
+            react_1.default.createElement(Undo_1.Undo, null)))));
 };
 exports.ColourEdit = ColourEdit;

package/dist/ui/components/TextEdit/ListboxEdit.js

@@ -24,10 +24,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListboxEdit = void 0;
-const images_1 = require("./images");
 const common_1 = require("./common");
 const common_2 = require("../../styles/common");
 const react_1 = __importStar(require("react"));
+const Save_1 = require("../../icons/Save");
+const Undo_1 = require("../../icons/Undo");
 const ListboxEdit = ({ defaultValue, onSubmit, values, canEdit = true, 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 renderLabel = (e) => e.toString(), }) => {
@@ -50,8 +51,8 @@ renderLabel = (e) => e.toString(), }) => {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             value: v.toString() }, renderLabel(v))))),
         canEdit && value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconLeft, onClick: () => value !== defaultValue && onSubmit(value) },
-            react_1.default.createElement(images_1.SaveIcon, null))),
+            react_1.default.createElement(Save_1.Save, null))),
         canEdit && value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
-            react_1.default.createElement(images_1.UndoIcon, null)))));
+            react_1.default.createElement(Undo_1.Undo, null)))));
 };
 exports.ListboxEdit = ListboxEdit;

package/dist/ui/components/TextEdit/TextEdit.js

@@ -25,7 +25,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEdit = exports.ValueReadonly = void 0;
 /* eslint-disable react/display-name */
-const images_1 = require("./images");
 const common_1 = require("./common");
 const LengthBox_1 = require("./LengthBox");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
@@ -33,6 +32,9 @@ const common_2 = require("../../styles/common");
 const dom_1 = require("../../helpers/dom");
 const styled_components_1 = __importStar(require("styled-components"));
 const react_1 = __importStar(require("react"));
+const Pencil_1 = require("../../icons/Pencil");
+const Save_1 = require("../../icons/Save");
+const Undo_1 = require("../../icons/Undo");
 exports.ValueReadonly = styled_components_1.default.div `
   ${common_1.valueCss};
   word-break: break-word;
@@ -134,7 +136,7 @@ exports.TextEdit = (0, react_1.forwardRef)((p, ref) => {
                     e.stopPropagation();
                     setEditing(true);
                 } },
-                react_1.default.createElement(images_1.PencilIcon, null))))));
+                react_1.default.createElement(Pencil_1.Pencil, null))))));
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const Comp = singleLine
@@ -166,10 +168,10 @@ exports.TextEdit = (0, react_1.forwardRef)((p, ref) => {
             react_1.default.createElement(LengthBox_1.TextEditLengthBox, { min: value.length, max: maxLength }))),
         allowUndo && (react_1.default.createElement(Right, null,
             valueChange && (react_1.default.createElement(Icon, { style: common_1.iconLeft, onClick: () => valueChange && onSubmit(value, false) },
-                react_1.default.createElement(images_1.SaveIcon, null))),
+                react_1.default.createElement(Save_1.Save, null))),
             (valueChange || editing !== !!defaultEditing) && (react_1.default.createElement(Icon, { style: common_1.iconRight, onClick: () => {
                     setEditing(!!defaultEditing);
                     setValue(defaultValue);
                 } },
-                react_1.default.createElement(images_1.UndoIcon, null)))))));
+                react_1.default.createElement(Undo_1.Undo, null)))))));
 });

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { User } from '../../helpers/jwt';
-export declare const UserImageIcon: JSX.Element;
 export declare const UserImage: ({ image, className, title, }: {
     image?: string | undefined;
     className?: string | undefined;

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

@@ -26,13 +26,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfileImage = exports.UserImage = exports.UserImageIcon = void 0;
+exports.UserProfileImage = exports.UserImage = void 0;
 const log_1 = require("../../../common/helpers/log");
 const array_1 = require("../../../common/helpers/array");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.UserImageIcon = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
-    react_1.default.createElement("path", { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-58.6 0-111.1-26.6-146.1-68.3 17.8-7.7 62.2-23.7 90.3-31.9 2.2-.7 2.6-.8 2.6-10.7 0-10.6-1.2-18.1-3.8-23.6-3.5-7.5-7.7-20.2-9.2-31.6-4.2-4.9-9.9-14.5-13.6-32.9-3.2-16.2-1.7-22.1.4-27.6.2-.6.5-1.2.6-1.8.8-3.7-.3-23.5-3.1-38.8-1.9-10.5.5-32.8 15-51.3 9.1-11.7 26.6-26 58-28h17.5c31.9 2 49.4 16.3 58.5 28 14.5 18.5 16.9 40.8 14.9 51.3-2.8 15.3-3.9 35-3.1 38.8.1.6.4 1.2.6 1.7 2.1 5.5 3.7 11.4.4 27.6-3.7 18.4-9.4 28-13.6 32.9-1.5 11.4-5.7 24-9.2 31.6-3.3 6.9-6.6 15.1-6.6 23.3 0 9.9.4 10 2.7 10.7 26.7 7.9 72.7 23.8 93 32.1-35 41.8-87.5 68.5-146.2 68.5z" })));
+const UserOutline_1 = require("../../icons/UserOutline");
 const Base = styled_components_1.default.div `
   width: 2.5rem;
   height: 2.5rem;
@@ -52,7 +51,7 @@ const UserImage = ({ image, className, title = 'user image', }) => {
     const [fallback, setFallback] = (0, react_1.useState)(false);
     return (react_1.default.createElement(Base, { className: className, title: title },
         image && !fallback && (react_1.default.createElement(Img, { alt: "user", src: image, onError: () => setFallback(true) })),
-        (!image || fallback) && exports.UserImageIcon));
+        (!image || fallback) && UserOutline_1.UserOutline));
 };
 exports.UserImage = UserImage;
 const UserProfileImage = ({ className, user, }) => {

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

@@ -11,7 +11,6 @@ export * from './HeadersRaw';
 export * from './Icon';
 export * from './KebabDots';
 export * from './Loader';
-export * from './LoginButton';
 export * from './LogoutButton';
 export * from './Modal/Modal';
 export * from './Prompt';

package/dist/ui/components/index.js

@@ -27,7 +27,6 @@ __exportStar(require("./HeadersRaw"), exports);
 __exportStar(require("./Icon"), exports);
 __exportStar(require("./KebabDots"), exports);
 __exportStar(require("./Loader"), exports);
-__exportStar(require("./LoginButton"), exports);
 __exportStar(require("./LogoutButton"), exports);
 __exportStar(require("./Modal/Modal"), exports);
 __exportStar(require("./Prompt"), exports);

package/dist/ui/icons/ChevronRight.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ChevronRight: JSX.Element;

package/dist/ui/icons/ChevronRight.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChevronRight = void 0;
+const react_1 = __importDefault(require("react"));
+exports.ChevronRight = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor" },
+    react_1.default.createElement("path", { fillRule: "evenodd", d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })));

package/dist/ui/{components/Search/images.js → icons/CrossIcon.js}

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CrossIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const CrossIconBase = styled_components_1.default.svg `
+const Base = styled_components_1.default.svg `
   color: rgb(170, 170, 170);
   margin: auto;
   font-size: 2rem;
@@ -18,6 +18,6 @@ const CrossIconBase = styled_components_1.default.svg `
     color: rgb(136, 136, 136);
   }
 `;
-const CrossIcon = ({ className, onClick, }) => (react_1.default.createElement(CrossIconBase, { className: className, stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 352 512", height: "1em", width: "1em", xmlns: "http://www.w3.org/2000/svg", onClick: onClick },
+const CrossIcon = ({ className, onClick, }) => (react_1.default.createElement(Base, { className: className, stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 352 512", xmlns: "http://www.w3.org/2000/svg", onClick: onClick },
     react_1.default.createElement("path", { d: "M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z" })));
 exports.CrossIcon = CrossIcon;

package/dist/ui/icons/Door.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Door: JSX.Element;

package/dist/ui/icons/Door.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Door = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Door = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
+    react_1.default.createElement("path", { d: "M3 3h8V1H3a2 2 0 00-2 2v14a2 2 0 002 2h8v-2H3z" }),
+    react_1.default.createElement("path", { d: "M19 10l-6-5v4H5v2h8v4l6-5z" })));

package/dist/ui/icons/HorizontalDots.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const HorizontalDots: JSX.Element;

package/dist/ui/icons/HorizontalDots.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HorizontalDots = void 0;
+const react_1 = __importDefault(require("react"));
+exports.HorizontalDots = (react_1.default.createElement("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fillRule: "evenodd", clipRule: "evenodd" },
+    react_1.default.createElement("path", { d: "M16 12a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0117 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 0110 12zm-8 0a3.001 3.001 0 016 0 3.001 3.001 0 01-6 0zm1 0a2 2 0 114.001.001A2 2 0 013 12z" })));

package/dist/ui/icons/Magnify.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Magnify: JSX.Element;

package/dist/ui/icons/Magnify.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Magnify = void 0;
+const react_1 = __importDefault(require("react"));
+exports.Magnify = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 490 490" },
+    react_1.default.createElement("path", { fill: "none", stroke: "#000", strokeWidth: "36", strokeLinecap: "round", d: "M280 278a153 153 0 1 0-2 2l170 170m-91-117 110 110-26 26-110-110" })));

package/dist/ui/icons/Pencil.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Pencil: () => JSX.Element;

package/dist/ui/icons/Pencil.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pencil = void 0;
+const react_1 = __importDefault(require("react"));
+const Pencil = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" },
+    react_1.default.createElement("path", { d: "M9.6 40.4l2.5-9.9L27 15.6l7.4 7.4-14.9 14.9-9.9 2.5zm4.3-8.9l-1.5 6.1 6.1-1.5L31.6 23 27 18.4 13.9 31.5z" }),
+    react_1.default.createElement("path", { d: "M17.8 37.3c-.6-2.5-2.6-4.5-5.1-5.1l.5-1.9c3.2.8 5.7 3.3 6.5 6.5l-1.9.5z" }),
+    react_1.default.createElement("path", { d: "M29.298 19.287l1.414 1.414-13.01 13.02-1.414-1.412zM11 39l2.9-.7c-.3-1.1-1.1-1.9-2.2-2.2L11 39zM35 22.4L27.6 15l3-3 .5.1c3.6.5 6.4 3.3 6.9 6.9l.1.5-3.1 2.9zM30.4 15l4.6 4.6.9-.9c-.5-2.3-2.3-4.1-4.6-4.6l-.9.9z" })));
+exports.Pencil = Pencil;

package/dist/ui/icons/Save.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Save: () => JSX.Element;

package/dist/ui/icons/Save.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Save = void 0;
+const react_1 = __importDefault(require("react"));
+const Save = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
+    react_1.default.createElement("path", { d: "M50 12c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17-38-38-38zm0 72c-18.8 0-34-15.2-34-34s15.2-34 34-34 34 15.2 34 34-15.2 34-34 34zm22.9-46.9c-.8-.8-2-.8-2.8 0L44.6 62.7 33.9 52c-.8-.8-2.1-.8-2.8 0-.8.8-.8 2.1 0 2.8l12.1 12.1c.4.4.9.6 1.4.6.5 0 1-.2 1.4-.6l26.9-27c.8-.8.8-2 0-2.8z" }),
+    react_1.default.createElement("path", { fill: "#00F", d: "M1644-1210V474H-140v-1684h1784m8-8H-148V482h1800v-1700z" })));
+exports.Save = Save;

package/dist/ui/icons/Undo.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Undo: () => JSX.Element;

package/dist/ui/icons/Undo.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Undo = void 0;
+const react_1 = __importDefault(require("react"));
+const Undo = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" },
+    react_1.default.createElement("g", { fill: "#134563" },
+        react_1.default.createElement("path", { d: "M32.1 51.9c-7.8 0-14.9-4.6-18.1-11.6l2.6-1.2c2.8 6 8.9 9.9 15.5 9.9 9.4 0 17-7.6 17-17s-7.6-17-17-17C25 15 19 19.4 16.5 26.4l-2.7-1c2.9-8.1 10-13.3 18.3-13.3C43.1 12.1 52 21 52 32s-9 19.9-19.9 19.9" }),
+        react_1.default.createElement("path", { d: "M24.4 27.4H12V15.1h3.1v9.2h9.3v3.1" }))));
+exports.Undo = Undo;

package/dist/ui/icons/UserOutline.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const UserOutline: JSX.Element;

package/dist/ui/icons/UserOutline.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserOutline = void 0;
+const react_1 = __importDefault(require("react"));
+exports.UserOutline = (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
+    react_1.default.createElement("path", { d: "M256 48C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48zm0 398.7c-58.6 0-111.1-26.6-146.1-68.3 17.8-7.7 62.2-23.7 90.3-31.9 2.2-.7 2.6-.8 2.6-10.7 0-10.6-1.2-18.1-3.8-23.6-3.5-7.5-7.7-20.2-9.2-31.6-4.2-4.9-9.9-14.5-13.6-32.9-3.2-16.2-1.7-22.1.4-27.6.2-.6.5-1.2.6-1.8.8-3.7-.3-23.5-3.1-38.8-1.9-10.5.5-32.8 15-51.3 9.1-11.7 26.6-26 58-28h17.5c31.9 2 49.4 16.3 58.5 28 14.5 18.5 16.9 40.8 14.9 51.3-2.8 15.3-3.9 35-3.1 38.8.1.6.4 1.2.6 1.7 2.1 5.5 3.7 11.4.4 27.6-3.7 18.4-9.4 28-13.6 32.9-1.5 11.4-5.7 24-9.2 31.6-3.3 6.9-6.6 15.1-6.6 23.3 0 9.9.4 10 2.7 10.7 26.7 7.9 72.7 23.8 93 32.1-35 41.8-87.5 68.5-146.2 68.5z" })));

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

@@ -0,0 +1,9 @@
+export * from './ChevronRight';
+export * from './CrossIcon';
+export * from './Door';
+export * from './HorizontalDots';
+export * from './Magnify';
+export * from './Pencil';
+export * from './Save';
+export * from './Undo';
+export * from './UserOutline';

package/dist/ui/icons/index.js

@@ -0,0 +1,25 @@
+"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 __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("./ChevronRight"), exports);
+__exportStar(require("./CrossIcon"), exports);
+__exportStar(require("./Door"), exports);
+__exportStar(require("./HorizontalDots"), exports);
+__exportStar(require("./Magnify"), exports);
+__exportStar(require("./Pencil"), exports);
+__exportStar(require("./Save"), exports);
+__exportStar(require("./Undo"), exports);
+__exportStar(require("./UserOutline"), exports);

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
 export * from './helpers';
+export * from './icons';
 export * from './styles';
 export * from './components';

package/dist/ui/index.js

@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./helpers"), exports);
+__exportStar(require("./icons"), exports);
 __exportStar(require("./styles"), exports);
 __exportStar(require("./components"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ag-common",
-  "version": "0.0.313",
+  "version": "0.0.316",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Andrei Gec <@andreigec> (https://gec.dev/)",
@@ -42,22 +42,12 @@
     "@storybook/react": "6.5.10",
     "@storybook/theming": "6.5.10",
     "@types/jsonwebtoken": "8.5.8",
-    "@types/node": "18.7.5",
+    "@types/node": "18.7.6",
     "@types/react": "18.0.17",
     "@types/react-dom": "18.0.6",
     "@types/styled-components": "5.1.26",
-    "@typescript-eslint/eslint-plugin": "5.33.1",
-    "@typescript-eslint/parser": "5.33.1",
     "cross-env": "7.0.3",
-    "eslint": "8.22.0",
-    "eslint-config-airbnb-typescript": "17.0.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-import": "2.26.0",
-    "eslint-plugin-jsx-a11y": "6.6.1",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "7.30.1",
-    "eslint-plugin-react-hooks": "4.6.0",
-    "prettier": "2.7.1",
+    "eslint-config-e7npm": "0.0.5",
     "rimraf": "3.0.2",
     "styled-components": "5.3.5"
   },

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export declare const LoginButton: ({ className, text, invert, savePath, loginPath, style, }: {
-    invert?: boolean | undefined;
-    text: string;
-    className?: string | undefined;
-    /**
-     * pass in request.url.path to save redirect. undefined will not set redirect
-     */
-    savePath: string | undefined;
-    loginPath: (state?: Record<string, unknown> | undefined) => string;
-    style?: Record<string, string | number | boolean> | undefined;
-}) => JSX.Element;

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

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginButton = void 0;
-const Button_1 = require("../Button");
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Base = styled_components_1.default.a `
-  ${Button_1.ButtonBase}
-`;
-const LoginButton = ({ className, text, invert, savePath, loginPath, style, }) => {
-    const state = !savePath
-        ? undefined
-        : {
-            redirect: savePath,
-        };
-    const lp = loginPath(state);
-    return (react_1.default.createElement(Base, { style: style, href: lp, title: text, "data-invert": invert, "data-disabled": false, className: className, "data-theme": "green" }, text));
-};
-exports.LoginButton = LoginButton;

package/dist/ui/components/TextEdit/images.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const UndoIcon: () => JSX.Element;
-export declare const PencilIcon: () => JSX.Element;
-export declare const SaveIcon: () => JSX.Element;

package/dist/ui/components/TextEdit/images.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SaveIcon = exports.PencilIcon = exports.UndoIcon = void 0;
-const react_1 = __importDefault(require("react"));
-const UndoIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64" },
-    react_1.default.createElement("g", { fill: "#134563" },
-        react_1.default.createElement("path", { d: "M32.1 51.9c-7.8 0-14.9-4.6-18.1-11.6l2.6-1.2c2.8 6 8.9 9.9 15.5 9.9 9.4 0 17-7.6 17-17s-7.6-17-17-17C25 15 19 19.4 16.5 26.4l-2.7-1c2.9-8.1 10-13.3 18.3-13.3C43.1 12.1 52 21 52 32s-9 19.9-19.9 19.9" }),
-        react_1.default.createElement("path", { d: "M24.4 27.4H12V15.1h3.1v9.2h9.3v3.1" }))));
-exports.UndoIcon = UndoIcon;
-const PencilIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 50 50" },
-    react_1.default.createElement("path", { d: "M9.6 40.4l2.5-9.9L27 15.6l7.4 7.4-14.9 14.9-9.9 2.5zm4.3-8.9l-1.5 6.1 6.1-1.5L31.6 23 27 18.4 13.9 31.5z" }),
-    react_1.default.createElement("path", { d: "M17.8 37.3c-.6-2.5-2.6-4.5-5.1-5.1l.5-1.9c3.2.8 5.7 3.3 6.5 6.5l-1.9.5z" }),
-    react_1.default.createElement("path", { d: "M29.298 19.287l1.414 1.414-13.01 13.02-1.414-1.412zM11 39l2.9-.7c-.3-1.1-1.1-1.9-2.2-2.2L11 39zM35 22.4L27.6 15l3-3 .5.1c3.6.5 6.4 3.3 6.9 6.9l.1.5-3.1 2.9zM30.4 15l4.6 4.6.9-.9c-.5-2.3-2.3-4.1-4.6-4.6l-.9.9z" })));
-exports.PencilIcon = PencilIcon;
-const SaveIcon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 100" },
-    react_1.default.createElement("path", { d: "M50 12c-21 0-38 17-38 38s17 38 38 38 38-17 38-38-17-38-38-38zm0 72c-18.8 0-34-15.2-34-34s15.2-34 34-34 34 15.2 34 34-15.2 34-34 34zm22.9-46.9c-.8-.8-2-.8-2.8 0L44.6 62.7 33.9 52c-.8-.8-2.1-.8-2.8 0-.8.8-.8 2.1 0 2.8l12.1 12.1c.4.4.9.6 1.4.6.5 0 1-.2 1.4-.6l26.9-27c.8-.8.8-2 0-2.8z" }),
-    react_1.default.createElement("path", { fill: "#00F", d: "M1644-1210V474H-140v-1684h1784m8-8H-148V482h1800v-1700z" })));
-exports.SaveIcon = SaveIcon;