armtek-uikit-react 1.0.103 → 1.0.105

package/assets/Loader.scss

@@ -45,6 +45,6 @@
 }
 .loader_theme_dark{
   &.loader_color_neutral{
-    @include bg('#fff');
+    @include bg(#fff);
   }
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.103","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.105","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/DataTable/DataTable.d.ts

@@ -0,0 +1,7 @@
+import { TableProps } from '../../ui/Table';
+type ItemType = Record<string, any>;
+export type DataTableProps<T extends ItemType> = {
+    items: T[];
+} & TableProps<T>;
+export declare function DataTable<T extends ItemType>(props: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export default DataTable;

package/ui/DataTable/DataTable.js

@@ -0,0 +1,6 @@
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DataTable(props) {
+  return /*#__PURE__*/_jsx(_Fragment, {});
+}
+export default DataTable;

package/ui/DataTable/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DataTable';
+export * from './DataTable';

package/ui/DataTable/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DataTable";
+export * from "./DataTable";

package/ui/Popper/PopperBase.d.ts

@@ -3,6 +3,10 @@ export type PopperBaseProps = {
     children: ReactNode;
     anchorEl: Element;
     open?: boolean;
+    anchorPosition?: {
+        x: number;
+        y: number;
+    };
     placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
 };
 export declare const PopperBase: (props: PopperBaseProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Popper/PopperBase.js

@@ -9,18 +9,33 @@ export const PopperBase = props => {
     anchorEl,
     children,
     placement,
+    anchorPosition,
     open
   } = props;
   const tooltipRef = useRef(null);
   useEffect(() => {
-    const popper = createPopper(anchorEl, tooltipRef.current, {
-      placement: placement,
-      modifiers: [{
-        name: 'offset',
+    let modifiers = [{
+      name: 'offset',
+      options: {
+        offset: [0, 5]
+      }
+    }];
+    if (anchorPosition) {
+      modifiers.push({
+        name: 'computeStyles',
         options: {
-          offset: [0, 5]
+          gpuAcceleration: false,
+          // true by default
+          roundOffsets: () => ({
+            x: anchorPosition.x,
+            y: anchorPosition.y
+          })
         }
-      }]
+      });
+    }
+    const popper = createPopper(anchorEl, tooltipRef.current, {
+      placement: placement,
+      modifiers: modifiers
     });
     return () => {
       popper.destroy();

package/ui/Table/Table.d.ts

@@ -10,13 +10,14 @@ export type TableColType<T extends ItemType> = {
     text: string;
     getValue?: (item: T) => string | ReactNode | number;
     getTitle?: () => string | ReactNode | number;
-    code: keyof T;
+    code: keyof T | string;
 };
 export type TableProps<T extends ItemType> = Omit<ComponentPropsWithoutRef<'table'>, 'onClick'> & {
     classes?: ClassesType<T>;
     structure: TableColType<T>[];
     items: T[];
     onClick?: (item: T, e: MouseEvent<HTMLTableRowElement>) => void;
+    getRow?: (item: T, index: number) => ReactNode;
 };
 export declare function Table<T extends ItemType>(props: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/ui/Table/Table.js

@@ -1,3 +1,4 @@
+import { Fragment } from 'react';
 import clsx from 'clsx';
 import { TableRow } from "./TableRow";
 import { TableCell } from "./TableCell";
@@ -12,6 +13,7 @@ export function Table(props) {
     items,
     onClick,
     classes,
+    getRow,
     ...tableProps
   } = props;
   return /*#__PURE__*/_jsx(_Fragment, {
@@ -28,10 +30,10 @@ export function Table(props) {
           }, index))
         }), items.map((row, index) => {
           let rowClass = !!(classes != null && classes.tableRow) ? typeof classes.tableRow === 'string' ? classes.tableRow : classes.tableRow(row) : '';
-          return /*#__PURE__*/_jsx(TableRow, {
-            className: clsx(rowClass, {
-              [css.tableRowClickable]: !!onClick
-            }),
+          return getRow ? /*#__PURE__*/_jsx(Fragment, {
+            children: getRow(row, index)
+          }, index) : /*#__PURE__*/_jsx(TableRow, {
+            className: rowClass,
             onClick: e => onClick ? onClick(row, e) : null,
             children: structure.map((item, itemIndex) => {
               let cellClass = !!(classes != null && classes.tableCell) ? typeof classes.tableCell === 'string' ? classes.tableCell : classes.tableCell(row, item.code) : '';

package/ui/Table/TableRow.js

@@ -11,7 +11,9 @@ export const TableRow = props => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx("tr", {
       ...rowProps,
-      className: clsx(className, css.tableRow),
+      className: clsx(className, css.tableRow, {
+        [css.tableRowClickable]: !!rowProps.onClick
+      }),
       children: children
     })
   });