armtek-uikit-react 1.0.256 → 1.0.259

package/assets/styles.scss

@@ -1,47 +1,47 @@
-
-@use "global";
-@use "variables";
-@use "Accordion";
-@use "Adornment";
-@use "Avatar";
-@use "AvatarGroup";
-@use "BackDrop";
-@use "Badge";
-@use "Button";
-@use "ButtonGroup";
-@use "ButtonIcon";
-@use "Alert";
-@use "Card";
-@use "Checkbox";
-@use "Chip";
-@use "DateField";
-@use "DatePicker";
-@use "Dropdown";
-@use "FormControls";
-@use "HelperText";
-@use "Icon";
-@use "Interval";
-@use "Link";
-@use "ListItem";
-@use "Loader";
-@use "Logo";
-@use "Modal";
-@use "Paper";
-@use "Period";
-@use "Rating";
-@use "Select";
-@use "Skeleton";
-@use "Slider";
-@use "Stack";
-@use "Status";
-@use "StepItem";
-@use "StepItemIcon";
-@use "Stepper";
-@use "Switch";
-@use "Table";
-@use "TextField";
-@use "TextArea";
-@use "Tooltip";
-@use "Pagination";
-@use "Popper";
+
+@use "global";
+@use "variables";
+@use "Accordion";
+@use "Adornment";
+@use "Avatar";
+@use "AvatarGroup";
+@use "BackDrop";
+@use "Badge";
+@use "Button";
+@use "ButtonGroup";
+@use "ButtonIcon";
+@use "Alert";
+@use "Card";
+@use "Checkbox";
+@use "Chip";
+@use "DateField";
+@use "DatePicker";
+@use "Dropdown";
+@use "FormControls";
+@use "HelperText";
+@use "Icon";
+@use "Interval";
+@use "Link";
+@use "ListItem";
+@use "Loader";
+@use "Logo";
+@use "Modal";
+@use "Paper";
+@use "Period";
+@use "Rating";
+@use "Select";
+@use "Skeleton";
+@use "Slider";
+@use "Stack";
+@use "Status";
+@use "StepItem";
+@use "StepItemIcon";
+@use "Stepper";
+@use "Switch";
+@use "Table";
+@use "TextField";
+@use "TextArea";
+@use "Tooltip";
+@use "Pagination";
+@use "Popper";
 @use "classes";

package/assets/variables.scss

@@ -1,13 +1,13 @@
-
-.react-datepicker-popper{
-  z-index: 6;
-}
-
-@mixin transition($time: 0.5s, $target: all, $animation: ease) {
-  transition: $time $target $animation;
-}
-@mixin flex($justifyContent: flex-start, $alignItems: center) {
-  display: flex;
-  align-items: $alignItems;
-  justify-content: $justifyContent;
-}
+
+.react-datepicker-popper{
+  z-index: 6;
+}
+
+@mixin transition($time: 0.5s, $target: all, $animation: ease) {
+  transition: $time $target $animation;
+}
+@mixin flex($justifyContent: flex-start, $alignItems: center) {
+  display: flex;
+  align-items: $alignItems;
+  justify-content: $justifyContent;
+}

package/lib/hooks/useEnhancedEffect.js

@@ -5,12 +5,12 @@ exports.__esModule = true;
 exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
- * This is useful for effects that are only needed for client-side rendering but not for SSR.
- *
- * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
- * and confirm it doesn't apply to your use-case.
+/**
+ * A version of `React.useLayoutEffect` that does not show a warning when server-side rendering.
+ * This is useful for effects that are only needed for client-side rendering but not for SSR.
+ *
+ * Before you use this hook, make sure to read https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85
+ * and confirm it doesn't apply to your use-case.
  */
 const useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 var _default = exports.default = useEnhancedEffect;

package/lib/hooks/useTimeout.js

@@ -23,8 +23,8 @@ class Timeout {
   static create() {
     return new Timeout();
   }
-  /**
-   * Executes `fn` after `delay`, clearing any previously scheduled call.
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
    */
   start(delay, fn) {
     this.clear();

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.256","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.259","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Avatar/Avatar.d.ts

@@ -8,7 +8,6 @@ export type AvatarProps = {
     icon?: string;
     size?: Exclude<SizeType, 'extraLarge'>;
     status?: Exclude<ColorStatusType, 'info'>;
-    variant?: 'square' | 'rounded' | 'roundedXl';
 } & ComponentPropsWithoutRef<'div'>;
 export declare const getLetters: (name: string) => string;
 declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Avatar/Avatar.js

@@ -12,7 +12,6 @@ const getLetters = name => {
 exports.getLetters = getLetters;
 const Avatar = props => {
   const {
-    variant = 'roundedXl',
     photo,
     name,
     href,
@@ -40,7 +39,7 @@ const Avatar = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ...divProps,
-      className: (0, _clsx.default)('arm-avatar', className, 'arm-avatar_' + variant, {
+      className: (0, _clsx.default)('arm-avatar', className, {
         ['arm-avatar__photo']: !!photo,
         ['arm-avatar__icon']: !!displayIcon
       }, ['arm-avatar_' + size]),

package/ui/Button/Button.d.ts

@@ -35,5 +35,5 @@ declare const _default: <T extends ElementType = "button">(props: {
     as?: T | undefined;
 } & {
     [dataAttibute: `data-${string}`]: string;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<any>) => JSX.Element;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, `data-${string}` | "color" | "group" | "size" | "variant" | "startAdornment" | "endAdornment" | "radius" | "asIcon" | "theme" | "fullWidth" | "disablestyles" | "disabled" | "as"> & import("react").RefAttributes<any>) => JSX.Element;
 export default _default;

package/ui/ButtonIcon/ButtonIcon.d.ts

@@ -21,5 +21,5 @@ declare const _default: <T extends ElementType = "button">(props: ButtonIconProp
     as?: T | undefined;
 } & {
     [dataAttibute: `data-${string}`]: string;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, "color" | "size" | "disabled" | "radius" | "as" | "group" | `data-${string}` | "variant" | "startAdornment" | "endAdornment" | "asIcon" | "theme" | "fullWidth" | "disablestyles"> & import("react").RefAttributes<T>) => JSX.Element;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<T>>, `data-${string}` | "color" | "group" | "size" | "variant" | "startAdornment" | "endAdornment" | "radius" | "asIcon" | "theme" | "fullWidth" | "disablestyles" | "disabled" | "as"> & import("react").RefAttributes<T>) => JSX.Element;
 export default _default;

package/ui/Chip/Chip.d.ts

@@ -1,10 +1,11 @@
-import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes } from 'react';
+import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes, KeyboardEvent } from 'react';
 import { ColorStatusType, ColorThemeType, ColorType, SizeType, VariantType, ShapeType } from '../../types/theme';
 type OwnProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement>>> = Omit<ComponentPropsWithoutRef<T>, 'color'> & {
     size?: Exclude<SizeType, 'large' | 'extraLarge'>;
     color?: ColorType | ColorThemeType | ColorStatusType;
     text?: string;
-    onClose?: (e: MouseEvent) => void;
+    onClose?: (e: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
+    closeAriaLabel?: string;
     icon?: string;
     variant?: Exclude<VariantType, 'transparent'>;
     shape?: ShapeType;

package/ui/Chip/Chip.js

@@ -11,6 +11,7 @@ function Chip(props) {
     text,
     icon,
     onClose,
+    closeAriaLabel,
     shape = 'circle',
     as,
     variant = 'contained',
@@ -21,9 +22,15 @@ function Chip(props) {
     ...restProps
   } = props;
   let Component = as || 'span';
+  let isComponentButton = Component === 'button';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
       ...restProps,
+      ...(isComponentButton ? {
+        disabled
+      } : {}),
+      "aria-disabled": disabled ? true : undefined,
+      tabIndex: disabled && !isComponentButton ? -1 : restProps.tabIndex,
       className: (0, _clsx.default)('arm-chip', className, {
         'arm-chip_disabled': !!disabled,
         ['arm-chip_' + size]: !!size
@@ -36,13 +43,24 @@ function Chip(props) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: 'arm-chip__text',
           children: text || children
-        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: 'button',
+          "aria-label": closeAriaLabel,
+          disabled: !!disabled,
           className: (0, _clsx.default)('material_icon_solid', {
             'arm-chip__close_disabled': !!disabled
           }, ['arm-chip__close_' + size], ['arm-chip__close_' + color], 'arm-chip__close'),
-          onClick: onClose,
+          onClick: e => {
+            if (disabled) return;
+            onClose(e);
+          },
+          onKeyDown: e => {
+            if (disabled) return;
+            if (e.key === 'Enter' || e.key === ' ') onClose(e);
+          },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
             className: 'mis',
+            "aria-hidden": true,
             children: "cancel"
           })
         })]

package/ui/Form/DateField/DateField.js

@@ -31,10 +31,6 @@ const dateToText = (d, format) => {
   if (typeof d === 'string') d = new Date(d);
   return d.toLocaleString('ru-RU', getDateFormat(format));
 };
-
-/*
-TODO: Не отрабатывает ...register из react-hook-form при предзаполненном поле
- */
 const DateField = exports.DateField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   let {
     onChange,