armtek-uikit-react 1.0.61 → 1.0.63

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.61","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.63","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,
@@ -47,7 +49,7 @@ const ListItem = props => {
         })]
       }), /*#__PURE__*/_jsxs("span", {
         className: clsx(css.listitem__Content, {
-          [css.listitem__content_adornment_left]: withStartAdornment
+          [css.listitem__Content_adornment_left]: withStartAdornment
         }),
         children: [/*#__PURE__*/_jsx("span", {
           className: clsx(css.listitemText),
@@ -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";