ag-common 0.0.301 → 0.0.304

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

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const Close: ({ className, onClick, }: {
+export declare const Close: (p: {
     onClick?: ((ev: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
     className?: string | undefined;
 }) => JSX.Element;

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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 `
@@ -35,5 +36,7 @@ const SClose = styled_components_1.default.div `
     transform: rotate(-45deg);
   }
 `;
-const Close = ({ className, onClick, }) => react_1.default.createElement(SClose, { className: className, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) });
+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); } })));
+};
 exports.Close = Close;

package/dist/ui/components/DropdownList/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 export interface IDropdownList<T> {
     /**
      * all items that can be in dropdown
@@ -29,5 +29,5 @@ export interface IDropdownList<T> {
     /**
      * if not provided, will default display value, then kebab dots
      */
-    children?: JSX.Element;
+    children?: ReactNode;
 }

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

@@ -1,6 +1,8 @@
-import React from 'react';
-export declare const FlexColumn: React.FC<React.ComponentPropsWithoutRef<'div'> & {
+import { ReactNode } from 'react';
+export declare const FlexColumn: (props: {
     noGrow?: boolean;
     center?: boolean;
     allowOverflow?: boolean;
-}>;
+    children: ReactNode;
+    className?: string;
+}) => JSX.Element;

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

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlexColumn = void 0;
-/* eslint-disable react/destructuring-assignment */
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Base = styled_components_1.default.div `

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

@@ -1,7 +1,9 @@
-import React from 'react';
-export declare const FlexRow: React.FC<React.ComponentPropsWithoutRef<'div'> & {
+import { ReactNode } from 'react';
+export declare const FlexRow: (props: {
     noWrap?: boolean;
     noGrow?: boolean;
     center?: boolean;
     enableOverflow?: boolean;
-}>;
+    children: ReactNode;
+    className?: string;
+}) => JSX.Element;

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

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlexRow = void 0;
-/* eslint-disable react/destructuring-assignment */
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Base = styled_components_1.default.div `

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface IIconProps {
     disabled?: boolean;
     fill?: string;
@@ -14,7 +14,7 @@ export interface IIconProps {
     /** default 0 */
     padding?: string;
     onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
-    children?: JSX.Element | JSX.Element[];
+    children?: ReactNode;
     role?: string;
     title?: string;
     tabIndex?: number;

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

@@ -63,19 +63,12 @@ const LoadingBack = styled_components_1.default.div `
   }
   transition: opacity 5s;
 `;
-const Loader = ({ name, height, width, }) => {
+const Loader = ({ name, height = '2rem', width = '2rem', }) => {
     const [trans, setTrans] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
         setTrans(false);
     }, []);
-    const style = {};
-    if (width !== null) {
-        style.width = width !== null && width !== void 0 ? width : '2rem';
-    }
-    if (height !== null) {
-        style.height = height !== null && height !== void 0 ? height : '2rem';
-    }
     return (react_1.default.createElement(LoadingBack, { "data-loading": name, "data-transparent": trans },
-        react_1.default.createElement(SLoader, { style: style })));
+        react_1.default.createElement(SLoader, { style: { height: height, width: width } })));
 };
 exports.Loader = Loader;

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

@@ -102,7 +102,7 @@ const Modal = ({ open, setOpen, children, position = 'left', topPosition = 'top'
     }
     return (react_1.default.createElement(FixedBackground, null,
         react_1.default.createElement(ModalBase, { "data-bounced": bounced, "data-position": position, "data-topposition": topPosition, ref: ref, className: className },
-            showCloseButton && react_1.default.createElement(CloseStyled, { onClick: () => setOpen(false) }),
+            showCloseButton && (react_1.default.createElement(CloseStyled, { "data-type": "modal-close", onClick: () => setOpen(false) })),
             children)));
 };
 exports.Modal = Modal;

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

@@ -1,6 +1,8 @@
-import React from 'react';
-export declare const RowOrColumn: React.FC<React.ComponentPropsWithoutRef<'div'> & {
+import { ReactNode } from 'react';
+export declare const RowOrColumn: (props: {
     noGrow?: boolean;
     center?: boolean;
     noWrap?: boolean;
-}>;
+    children: ReactNode;
+    className?: string;
+}) => JSX.Element;

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

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RowOrColumn = void 0;
-/* eslint-disable react/destructuring-assignment */
 const media_1 = require("../../styles/media");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));

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

@@ -60,10 +60,10 @@ const CheckboxEdit = ({ defaultValue, onSubmit, noGrow = false, allowUndo = true
                     onSubmit(!value);
                 }
             }, onKeyPress: (e) => e.key === 'Enter' && value !== defaultValue && onSubmit(value) }),
-        allowUndo && (react_1.default.createElement(Icons, { center: true, enableOverflow: true },
-            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))),
-            value !== defaultValue && (react_1.default.createElement(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
-                react_1.default.createElement(images_1.UndoIcon, null)))))));
+        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(common_1.IconD, { style: common_1.iconRight, onClick: () => setValue(defaultValue) },
+                react_1.default.createElement(images_1.UndoIcon, null))))));
 };
 exports.CheckboxEdit = CheckboxEdit;

package/package.json

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