armtek-uikit-react 1.0.60 → 1.0.62

package/assets/ButtonIcon.scss

@@ -8,6 +8,7 @@
   align-items: center;
   justify-content: center;
   font-size: 30px;
+  position: relative;
   &.button_icon_large{
     width: $size-large;
     font-size: 24px;

package/assets/ListItem.scss

@@ -11,6 +11,10 @@
   border: none;
   text-align: left;
   cursor: pointer;
+  text-decoration: none;
+  font-size: 16px;
+  line-height: 1.1;
+  font-family: inherit;
   &:hover{
     background: $color-gray-50;
   }

package/assets/Skeleton.scss

@@ -0,0 +1,21 @@
+@import "variables";
+
+.skeleton{
+  background-color: $color-gray-100;
+  animation: shine-lines 1.6s infinite linear;
+  opacity: 0;
+}
+.skeleton_circle{
+  border-radius: 50%;
+}
+@keyframes shine-lines {
+  0% {
+    opacity: 0.5;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.5;
+  }
+}

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.60","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":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.62","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":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/List/ListItem.d.ts

@@ -1,10 +1,12 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-export type ListItemProps = {
+import { ButtonHTMLAttributes, ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
+export type OwnProps<T extends ElementType = ElementType> = {
     active?: boolean;
     checked?: boolean;
     divider?: boolean;
     endAdornment?: string | ReactNode;
     startAdornment?: string | ReactNode;
+    as?: T;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
-declare const ListItem: (props: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+type ListItemProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;
+declare function ListItem<T extends ElementType>(props: ListItemProps<T>): import("react/jsx-runtime").JSX.Element;
 export default ListItem;

package/ui/List/ListItem.js

@@ -9,7 +9,7 @@ const CssClasses = ['listitem', 'listitem_active', 'listitem_divider', 'listitem
 
 // const css = getCssPrefix(CssClasses)
 
-const ListItem = props => {
+function ListItem(props) {
   let {
     children,
     className,
@@ -19,11 +19,13 @@ const ListItem = props => {
     checked,
     startAdornment,
     endAdornment,
+    as,
     ...restProps
   } = props;
   let withStartAdornment = checked !== undefined || !!startAdornment;
+  let Component = as || 'button';
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("button", {
+    children: /*#__PURE__*/_jsxs(Component, {
       ...restProps,
       className: clsx(css.listitem, className, {
         [css.listitem_active]: !!active || !!checked,
@@ -65,5 +67,5 @@ const ListItem = props => {
       })]
     })
   });
-};
+}
 export default ListItem;

package/ui/Skeleton/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from 'react';
+type SkeletonProps = {
+    width: number | string;
+    height: number | string;
+    circle?: boolean;
+} & ComponentPropsWithoutRef<'div'>;
+declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default Skeleton;

package/ui/Skeleton/Skeleton.js

@@ -0,0 +1,23 @@
+import css from "./Skeleton.module.scss";
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Skeleton = props => {
+  const {
+    width,
+    height,
+    className,
+    circle,
+    ...divProps
+  } = props;
+  return /*#__PURE__*/_jsx("div", {
+    ...divProps,
+    className: clsx(className, css.skeleton, {
+      [css.skeleton_circle]: !!circle
+    }),
+    style: {
+      width: typeof width === 'number' ? width + 'px' : width,
+      height: typeof height === 'number' ? height + 'px' : height
+    }
+  });
+};
+export default Skeleton;

package/ui/Skeleton/Skeleton.module.scss

@@ -0,0 +1 @@
+@import "../../assets/Skeleton";

package/ui/Skeleton/index.d.ts

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

package/ui/Skeleton/index.js

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

package/ui/Table/Table.d.ts

@@ -3,8 +3,8 @@ type ItemType = Record<string, any>;
 type ClassesType<T extends ItemType> = {
     tableRowHead?: string;
     tableRow?: string | ((item: T) => string);
+    tableCell?: string | ((item: T, code: keyof T) => string);
     tableCellHead?: string;
-    tableCell?: string;
 };
 export type TableColType<T extends ItemType> = {
     text: string;
@@ -12,7 +12,7 @@ export type TableColType<T extends ItemType> = {
     getTitle?: () => string | ReactNode | number;
     code: keyof T;
 };
-type TableProps<T extends ItemType> = Omit<ComponentPropsWithoutRef<'table'>, 'onClick'> & {
+export type TableProps<T extends ItemType> = Omit<ComponentPropsWithoutRef<'table'>, 'onClick'> & {
     classes?: ClassesType<T>;
     structure: TableColType<T>[];
     items: T[];

package/ui/Table/Table.js

@@ -35,7 +35,9 @@ export function Table(props) {
             }),
             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) : '';
               return /*#__PURE__*/_jsx(TableCell, {
+                className: cellClass,
                 children: item.getValue ? item.getValue(row) : row[item.code]
               }, itemIndex);
             })

package/ui/Table/index.d.ts

@@ -1,3 +1,3 @@
-export { Table, type TableColType } from './Table';
+export { Table, type TableColType, type TableProps } from './Table';
 export { TableCell } from './TableCell';
 export { TableRow } from './TableRow';