armtek-uikit-react 1.0.137 → 1.0.139

package/assets/fonts.scss

@@ -4,12 +4,14 @@
   font-family: 'Material Symbols Outlined';
   font-style: normal;
   font-weight: 400;
+  font-display: swap;
   src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v133/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
 }
 
 @font-face {
   font-family: 'Material Symbols Outlined';
   font-style: normal;
+  font-display: swap;
   font-weight: 700;
   src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v134/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-ej.woff2) format('woff2');
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.137","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.139","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/types/theme.d.ts

@@ -8,5 +8,6 @@ export type ThemeType = 'light' | 'dark';
 export type ColorType = 'primary' | 'secondary' | 'neutral';
 export type OptionType = {
     text: string;
-    value?: string;
+    value: string;
+    disabled?: boolean;
 };

package/ui/Chip/Chip.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ElementType, MouseEvent, HTMLAttributes } from 'react';
 import { ColorStatusType, ColorThemeType, ColorType, SizeType, VariantType, ShapeType } from '../../types/theme';
-export type ChipProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement>>> = Omit<ComponentPropsWithoutRef<T>, 'color'> & {
+type OwnProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpanElement>>> = Omit<ComponentPropsWithoutRef<T>, 'color'> & {
     size?: Exclude<SizeType, 'large' | 'extraLarge'>;
     color?: ColorType | ColorThemeType | ColorStatusType;
     text?: string;
@@ -10,7 +10,7 @@ export type ChipProps<T extends ElementType = ElementType<HTMLAttributes<HTMLSpa
     shape?: ShapeType;
     as?: T;
     disabled?: boolean;
-    className?: string;
 };
+export type ChipProps<T extends ElementType = 'span'> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
 declare function Chip<T extends ElementType>(props: ChipProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Chip;

package/ui/Chip/Chip.js

@@ -14,11 +14,13 @@ function Chip(props) {
     color,
     className,
     children,
-    disabled
+    disabled,
+    ...restProps
   } = props;
   let Component = as || 'span';
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(Component, {
+      ...restProps,
       className: clsx('arm-chip', className, {
         'arm-chip_disabled': !!disabled
       }, ['arm-chip_' + size], ['arm-chip_' + variant], ['arm-chip_' + color], ['arm-chip_' + shape]),

package/ui/Form/Password/Password.d.ts

@@ -10,6 +10,7 @@ export declare const Password: import("react").ForwardRefExoticComponent<{
     focused?: boolean | undefined;
     editable?: boolean | undefined;
     classes?: Partial<{
+        input: string;
         root: string;
         wrapper: string;
     }> | undefined;

package/ui/Form/Select/Select.d.ts

@@ -35,8 +35,8 @@ type SelectOptionsType<T extends boolean> = {
     multiple?: T;
     onClick: (e: MouseEvent, option: OptionType) => void;
     listStyle?: 'checkbox' | 'default';
-    onSelectAll?: () => void;
-    onClearAll?: () => void;
+    onSelectAll?: (e: MouseEvent) => void;
+    onClearAll?: (e: MouseEvent) => void;
     onSubmit?: () => void;
     disabled?: boolean;
 };

package/ui/Form/Select/Select.js

@@ -8,7 +8,7 @@ import useClickOutside from "../../../lib/hooks/useClickOutside";
 import ButtonIcon from "../../ButtonIcon";
 import Adornment from "../../Adornment";
 import { SelectSummary, SelectSummaryChips } from "./SelectSummary";
-import Popover from "../../Popover";
+import Popover from "../../Popover/Popover";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -52,8 +52,10 @@ function Select(props) {
     }
   };
   const handleSelect = (e, option) => {
+    if (option.disabled || props.disabled) return;
     let v = getOptionValue(option);
-    let mSelected = Array.isArray(selected) ? selected : [selected];
+    const realSelected = value !== undefined ? value : selected;
+    let mSelected = Array.isArray(realSelected) ? realSelected : [realSelected];
     let newValueS = v;
     let newValueM = mSelected.includes(v) ? mSelected.filter(item => item !== v) : mSelected.concat(v);
     setSelected(multiple ? newValueM : newValueS);
@@ -94,14 +96,34 @@ function Select(props) {
       })
     })]
   });
-  const handleSelectAll = () => {
-    let value = options.map(item => getOptionValue(item));
+  const handleSelectAll = e => {
+    if (props.disabled) return;
+    let value = options.filter(item => !item.disabled).map(item => getOptionValue(item));
     setSelected(value);
-    if (onChange) onChange(value);
+    if (onChange) {
+      Object.defineProperty(e, 'target', {
+        writable: false,
+        value: {
+          name: props.name,
+          value
+        }
+      });
+      onChange(e);
+    }
   };
-  const handleResetAll = () => {
+  const handleResetAll = e => {
+    if (props.disabled) return;
     setSelected([]);
-    if (onChange) onChange([]);
+    if (onChange) {
+      Object.defineProperty(e, 'target', {
+        writable: false,
+        value: {
+          name: props.name,
+          value: []
+        }
+      });
+      onChange(e);
+    }
   };
   const handleSubmit = () => {
     if (open === undefined) setActive(false);else if (onSubmit) {
@@ -206,7 +228,7 @@ const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
         let active = multiple === true && value ? value.includes(optValue) : optValue === value;
         let checked = listStyle === 'checkbox' && !!multiple ? active : undefined;
         return /*#__PURE__*/_jsx(ListItem, {
-          disabled: disabled,
+          disabled: disabled || !!item.disabled,
           checked: checked,
           active: active,
           onClick: e => onClick(e, item),

package/ui/Form/Select/SelectSummary.d.ts

@@ -5,9 +5,9 @@ export type SelectSummaryProps = {
     label_uncheck_all?: string;
     label_submit?: string;
     onClose: (e: MouseEvent, option: OptionType) => void;
-    onSelectAll?: () => void;
-    onClearAll?: () => void;
-    onSubmit?: () => void;
+    onSelectAll?: (e: MouseEvent) => void;
+    onClearAll?: (e: MouseEvent) => void;
+    onSubmit?: (e: MouseEvent) => void;
     options: OptionType[];
     value: string[];
     disabled?: boolean;

package/ui/Form/TextArea/TextArea.js

@@ -32,7 +32,8 @@ const TextArea = props => {
       onChange: handleChange,
       multiline: true,
       classes: {
-        root: 'arm-textarea__root'
+        root: 'arm-textarea__root',
+        ...restProps.classes
       },
       style: {
         height: textHeight + 'px'

package/ui/Form/TextField/TextField.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
 import { SizeType, VariantType } from '../../../types/theme';
-type Classes = Record<'root' | 'wrapper', string>;
+type Classes = Record<'root' | 'wrapper' | 'input', string>;
 export type TextFieldProps = {
     label?: string;
     size?: Exclude<SizeType, 'extraLarge' | 'medium'>;

package/ui/Form/TextField/TextField.js

@@ -76,6 +76,7 @@ export const TextField = /*#__PURE__*/forwardRef((props, ref) => {
         className: classes == null ? void 0 : classes.root,
         children: [/*#__PURE__*/_jsx(TextFieldInput, {
           wrapperClass: classes == null ? void 0 : classes.wrapper,
+          className: classes == null ? void 0 : classes.input,
           Component: Component,
           ref: inputRef,
           size: size,

package/ui/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
-import { PopperBaseProps } from '../../ui/Popper';
+import { PopperBaseProps } from '../Popper/PopperBase';
 type ClassesType = {
     paper: string;
 };

package/ui/Popover/Popover.js

@@ -1,5 +1,5 @@
 import BackDrop from "../BackDrop";
-import { PopperBase } from "../Popper";
+import { PopperBase } from "../Popper/PopperBase";
 import Paper from "../Paper";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -9,19 +9,19 @@ export const Popover = props => {
     matchWidth = false,
     children,
     classes,
-    ...poperProps
+    ...popperProps
   } = props;
-  if (!props.open || !poperProps.anchorEl) return null;
+  if (!props.open || !popperProps.anchorEl) return null;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsx(BackDrop, {
       onClick: onClose,
       children: /*#__PURE__*/_jsx(PopperBase, {
-        ...poperProps,
-        anchorEl: poperProps.anchorEl,
+        ...popperProps,
+        anchorEl: popperProps.anchorEl,
         children: /*#__PURE__*/_jsx(Paper, {
           className: classes == null ? void 0 : classes.paper,
           style: matchWidth ? {
-            width: poperProps.anchorEl.clientWidth
+            width: popperProps.anchorEl.clientWidth
           } : undefined,
           children: children
         })

package/ui/Popper/PopperBase.d.ts

@@ -11,3 +11,4 @@ export type PopperBaseProps = {
     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;
+export default PopperBase;

package/ui/Popper/PopperBase.js

@@ -50,4 +50,5 @@ export const PopperBase = props => {
       children: children
     })
   });
-};
+};
+export default PopperBase;