armtek-uikit-react 1.0.104 → 1.0.106

package/assets/Checkbox.scss

@@ -157,6 +157,7 @@
   }
   &.checkbox_secondary{
     &:before{
+      background: transparent;
       border-color: $color-secondary;
     }
     &:after{

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.104","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":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.106","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":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Form/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
 import { ColorType, SizeType, ThemeType, VariantType } from '../../../types/theme';
-type BaseCheckboxPropsType = {
+type BaseCheckboxProps = {
     label?: string | ReactNode;
     size?: Exclude<SizeType, 'extraLarge'>;
     color?: ColorType;
@@ -8,6 +8,6 @@ type BaseCheckboxPropsType = {
     variant?: Exclude<VariantType, 'transparent'>;
     intermediate?: boolean;
 };
-export type CheckboxPropsType = BaseCheckboxPropsType & Omit<InputHTMLAttributes<any>, 'size'>;
-declare const Checkbox: (props: CheckboxPropsType) => import("react/jsx-runtime").JSX.Element;
+export type CheckboxProps = BaseCheckboxProps & Omit<InputHTMLAttributes<any>, 'size'>;
+declare const Checkbox: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/ui/Form/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 "use client";
 
-import clsx from 'clsx';
 import { useState } from 'react';
+import clsx from 'clsx';
 import css from "./Checkbox.module.scss";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -22,34 +22,31 @@ const Checkbox = props => {
     ...inputProps
   } = props;
   let [checked, setChecked] = useState(!!props.defaultChecked);
-  const handleClick = e => {
-    if (!inputProps.disabled) {
-      if (inputProps.checked === undefined) setChecked(prev => !prev);
-      if (onChange) onChange(e);
-    }
+  const handleChange = e => {
+    if (inputProps.checked === undefined) setChecked(prev => !prev);
+    if (onChange) onChange(e);
   };
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("div", {
+    children: /*#__PURE__*/_jsx("div", {
       className: clsx(css.checkbox, className),
-      children: [/*#__PURE__*/_jsx("input", {
-        ...inputProps,
-        className: clsx(css.checkbox__input, {
-          '_checked': !!inputProps.checked
-        }),
-        onChange: onChange,
-        type: props.type || 'checkbox'
-      }), /*#__PURE__*/_jsx("label", {
-        onClick: handleClick,
+      children: /*#__PURE__*/_jsxs("label", {
         className: clsx(css.checkbox__label, css['checkbox_' + size], css['checkbox_' + variant], css['checkbox_' + color], {
           [css.checkbox__label_checked]: inputProps.checked !== undefined ? inputProps.checked : checked,
           [css.checkbox__label_intermediate]: !!intermediate,
           [css.checkbox__label_disabled]: !!inputProps.disabled
         }),
-        children: label && /*#__PURE__*/_jsx("span", {
+        children: [/*#__PURE__*/_jsx("input", {
+          ...inputProps,
+          className: clsx(css.checkbox__input, {
+            '_checked': !!inputProps.checked
+          }),
+          onChange: handleChange,
+          type: props.type || 'checkbox'
+        }), label && /*#__PURE__*/_jsx("span", {
           className: css.checkbox__text,
           children: label
-        })
-      })]
+        })]
+      })
     })
   });
 };

package/ui/Form/Radio/Radio.d.ts

@@ -1,3 +1,3 @@
-import { CheckboxPropsType } from '../Checkbox/Checkbox';
-declare const Radio: (props: CheckboxPropsType) => import("react/jsx-runtime").JSX.Element;
+import { CheckboxProps } from '../Checkbox/Checkbox';
+declare const Radio: (props: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Radio;

package/ui/Popper/PopperBase.d.ts

@@ -3,6 +3,10 @@ export type PopperBaseProps = {
     children: ReactNode;
     anchorEl: Element;
     open?: boolean;
+    anchorPosition?: {
+        x: number;
+        y: number;
+    };
     placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
 };
 export declare const PopperBase: (props: PopperBaseProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Popper/PopperBase.js

@@ -9,18 +9,33 @@ export const PopperBase = props => {
     anchorEl,
     children,
     placement,
+    anchorPosition,
     open
   } = props;
   const tooltipRef = useRef(null);
   useEffect(() => {
-    const popper = createPopper(anchorEl, tooltipRef.current, {
-      placement: placement,
-      modifiers: [{
-        name: 'offset',
+    let modifiers = [{
+      name: 'offset',
+      options: {
+        offset: [0, 5]
+      }
+    }];
+    if (anchorPosition) {
+      modifiers.push({
+        name: 'computeStyles',
         options: {
-          offset: [0, 5]
+          gpuAcceleration: false,
+          // true by default
+          roundOffsets: () => ({
+            x: anchorPosition.x,
+            y: anchorPosition.y
+          })
         }
-      }]
+      });
+    }
+    const popper = createPopper(anchorEl, tooltipRef.current, {
+      placement: placement,
+      modifiers: modifiers
     });
     return () => {
       popper.destroy();