armtek-uikit-react 1.0.245 → 1.0.252

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.245","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.252","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,6 +8,7 @@ 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,6 +12,7 @@ const getLetters = name => {
 exports.getLetters = getLetters;
 const Avatar = props => {
   const {
+    variant = 'roundedXl',
     photo,
     name,
     href,
@@ -39,7 +40,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, {
+      className: (0, _clsx.default)('arm-avatar', className, 'arm-avatar_' + variant, {
         ['arm-avatar__photo']: !!photo,
         ['arm-avatar__icon']: !!displayIcon
       }, ['arm-avatar_' + size]),

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 {