armtek-uikit-react 1.0.256 → 1.0.258

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.258","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/BackDrop/BackDrop.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (props: {
-    width?: number;
+    width?: number | "auto";
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<any>) => JSX.Element;
 export default _default;

package/ui/BackDrop/BackDropBase.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef } from 'react';
 export type BackDropProps = {
-    width?: number;
+    width?: number | 'auto';
 } & ComponentPropsWithoutRef<'div'>;
 export declare const BackDropBase: (props: {
-    width?: number;
+    width?: number | "auto";
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<any>) => JSX.Element;

package/ui/BackDrop/BackDropBase.js

@@ -13,6 +13,7 @@ const BackDropBase = exports.BackDropBase = (0, _helpers.fixedForwardRef)((props
     className,
     onClick
   } = props;
+  const isAutoWidth = width === 'auto';
   const handleClick = e => {
     e.stopPropagation();
     if (onClick) onClick(e);
@@ -25,10 +26,12 @@ const BackDropBase = exports.BackDropBase = (0, _helpers.fixedForwardRef)((props
         className: 'arm-backdrop__overlay',
         onClick: handleClick
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: 'arm-backdrop__inner',
-        style: {
+        className: (0, _clsx.default)('arm-backdrop__inner', {
+          'arm-backdrop__inner_auto': isAutoWidth
+        }),
+        style: !isAutoWidth ? {
           maxWidth: width + 'px'
-        },
+        } : undefined,
         children: children
       })]
     })

package/ui/Form/DateField/DateField.js

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