ag-common 0.0.123 → 0.0.124

package/dist/common/helpers/binary.d.ts

@@ -1,3 +1,13 @@
 /// <reference types="node" />
+/**
+ * convert an ArrayBuffer (usually from file.arrayBuffer) to base64. Usually on client side before server send
+ * @param buffer
+ * @returns
+ */
 export declare function arrayBufferToBase64(buffer: ArrayBuffer): string;
+/**
+ * convert a base64 string to a binary Buffer. Usually on server side from client sent content
+ * @param raw
+ * @returns
+ */
 export declare const base64ToBinary: (raw: string) => Buffer;

package/dist/common/helpers/binary.js

@@ -19,6 +19,11 @@ function toArrayBuffer(base64) {
     }
     return bytes.buffer;
 }
+/**
+ * convert an ArrayBuffer (usually from file.arrayBuffer) to base64. Usually on client side before server send
+ * @param buffer
+ * @returns
+ */
 function arrayBufferToBase64(buffer) {
     let binary = '';
     const bytes = new Uint8Array(buffer);
@@ -29,5 +34,10 @@ function arrayBufferToBase64(buffer) {
     return (0, string_1.toBase64)(binary);
 }
 exports.arrayBufferToBase64 = arrayBufferToBase64;
+/**
+ * convert a base64 string to a binary Buffer. Usually on server side from client sent content
+ * @param raw
+ * @returns
+ */
 const base64ToBinary = (raw) => toBuffer(toArrayBuffer(raw));
 exports.base64ToBinary = base64ToBinary;

package/dist/ui/components/{Modal/Close.js → Close/index.js}

@@ -14,7 +14,6 @@ const SClose = styled_components_1.default.div `
   cursor: pointer;
   background-color: white;
   top: 0;
-  z-index: 1;
   right: 0;
   &:hover {
     opacity: 1;

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

@@ -25,7 +25,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ModalDropList = exports.Modal = exports.ModalItem = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Close_1 = require("./Close");
+const Close_1 = require("../Close");
 const useOnClickOutside_1 = require("../../helpers/useOnClickOutside");
 const FixedBackground = styled_components_1.default.div `
   position: fixed;
@@ -67,6 +67,9 @@ exports.ModalItem = styled_components_1.default.div `
     background-color: #eee;
   }
 `;
+const CloseStyled = (0, styled_components_1.default)(Close_1.Close) `
+  z-index: 1;
+`;
 const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bottom', showCloseButton = true, closeOnMoveMouseOutside = false, className, closeOnClickOutside = true, }) => {
     const ref = (0, react_1.useRef)(null);
     (0, useOnClickOutside_1.useOnClickOutside)({ ref, moveMouseOutside: closeOnMoveMouseOutside }, () => {
@@ -79,7 +82,7 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'bott
     }
     return (react_1.default.createElement(FixedBackground, { className: className },
         react_1.default.createElement(ModalBase, { "data-position": position, "data-topposition": topPosition, ref: ref },
-            showCloseButton && react_1.default.createElement(Close_1.Close, { onClick: () => setOpen(false) }),
+            showCloseButton && react_1.default.createElement(CloseStyled, { onClick: () => setOpen(false) }),
             children)));
 };
 exports.Modal = Modal;

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

@@ -1,6 +1,7 @@
 export * from './BorderGradient';
 export * from './Button';
 export * from './Chevron';
+export * from './Close';
 export * from './Confirm';
 export * from './Dropdown';
 export * from './DropdownList';

package/dist/ui/components/index.js

@@ -13,6 +13,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./BorderGradient"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Chevron"), exports);
+__exportStar(require("./Close"), exports);
 __exportStar(require("./Confirm"), exports);
 __exportStar(require("./Dropdown"), exports);
 __exportStar(require("./DropdownList"), exports);

package/package.json

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