armtek-uikit-react 1.0.102 → 1.0.104

package/assets/Loader.scss

@@ -2,7 +2,7 @@
 
 @mixin bg ($color:var(--color-gray-800), $size: 2px) {
   background:
-          radial-gradient(farthest-side,#ffa516 94%,#0000) top/$size $size no-repeat,
+          radial-gradient(farthest-side, $color 94%,#0000) top/$size $size no-repeat,
           conic-gradient(#0000 30%, $color);
   -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - $size),#000 0);
 }
@@ -21,6 +21,7 @@
 .loader_color_secondary{
   @include bg(var(--color-secondary));
 }
+
 .loader_size_small{
   width: 20px;
   height: 20px;
@@ -36,9 +37,14 @@
 .loader_size_extraLarge{
   width: 30px;
   height: 30px;
-  background-position: top/6px 6px;
-  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0);
+  background-position: top/6px 6px !important;
+  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 6px),#000 0) !important;;
 }
 @keyframes s3{
   100%{transform: rotate(1turn)}
+}
+.loader_theme_dark{
+  &.loader_color_neutral{
+    @include bg(#fff);
+  }
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.102","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.104","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/Loader/Loader.d.ts

@@ -1,8 +1,9 @@
-import { ColorType, SizeType } from '../../types/theme';
+import { ColorType, SizeType, ThemeType } from '../../types/theme';
 import { HTMLAttributes } from 'react';
 export type LoaderProps = {
     size?: SizeType;
     color?: ColorType;
+    theme?: ThemeType;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Loader: (props: LoaderProps) => import("react/jsx-runtime").JSX.Element;
 export default Loader;

package/ui/Loader/Loader.js

@@ -10,16 +10,16 @@ const Loader = props => {
   let {
     size,
     color = 'neutral',
+    theme,
     className,
     ...divProps
   } = props;
-  let width = props.size === 'large' ? 25 : props.size === 'medium' ? 23 : props.size === 'small' ? 21 : 27;
-  let height = props.size === 'large' ? 24 : props.size === 'medium' ? 22 : props.size === 'small' ? 20 : 26;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx("div", {
       ...divProps,
       className: clsx(css.loader, {
         [css['loader_size_' + size]]: size,
+        [css['loader_theme_' + theme]]: theme,
         [css['loader_color_' + color]]: color
       }, 'material_icon', className)
     })

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
     })
   });