armtek-uikit-react 1.0.143 → 1.0.144

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.143","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.144","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/Select/Select.d.ts

@@ -14,6 +14,7 @@ type SelectBaseProps = {
     onSubmit?: () => void;
     defaultQuery?: string;
     query?: string;
+    optionControls?: boolean;
 };
 type MultipleType<M extends boolean = false> = {
     multiple?: M;
@@ -29,7 +30,7 @@ export type SelectChangeEvent<Value = string> = (Event & {
         name: string;
     };
 });
-type SelectOptionsType<T extends boolean> = {
+export type SelectOptionsType<T extends boolean> = {
     options: OptionType[];
     value?: T extends true ? string[] : string;
     inline?: boolean;
@@ -40,6 +41,8 @@ type SelectOptionsType<T extends boolean> = {
     onClear?: (e: MouseEvent) => void;
     onSubmit?: () => void;
     disabled?: boolean;
+    optionControls?: boolean;
 };
+export declare const SelectOptions: import("react").ForwardRefExoticComponent<SelectOptionsType<boolean> & import("react").RefAttributes<unknown>>;
 declare const _default: <M extends boolean = false>(props: SelectBaseProps & MultipleType<M> & Omit<TextFieldProps, keyof SelectBaseProps | keyof MultipleType<M_1>> & import("react").RefAttributes<HTMLInputElement>) => import("react").ReactNode;
 export default _default;

package/ui/Form/Select/Select.js

@@ -27,6 +27,7 @@ function Select(props, ref) {
     inline,
     multiple = false,
     value,
+    optionControls,
     defaultValue,
     onChange,
     search,
@@ -103,13 +104,13 @@ function Select(props, ref) {
   const handleResetAll = clear ? e => {
     e.preventDefault();
     if (props.disabled) return;
-    setSelected(multiple ? '' : []);
+    setSelected(multiple ? [] : '');
     if (onChange) {
       Object.defineProperty(e, 'target', {
         writable: false,
         value: {
           name: props.name,
-          value: multiple ? '' : []
+          value: multiple ? [] : ''
         }
       });
       onChange(e);
@@ -129,10 +130,11 @@ function Select(props, ref) {
   function handleClose() {
     if (onClose) onClose();else setActive(false);
   }
+  let displayClear = clear && (multiple ? realValue && realValue.length > 0 : !!realValue);
   let selectEndAdornment = /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Adornment, {
       children: endAdornment
-    }), clear && realValue && /*#__PURE__*/_jsx(Adornment, {
+    }), displayClear && /*#__PURE__*/_jsx(Adornment, {
       children: /*#__PURE__*/_jsx(ButtonIcon, {
         size: 'small',
         onClick: handleResetAll,
@@ -225,7 +227,7 @@ function Select(props, ref) {
     })
   });
 }
-const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
+export const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
   let {
     options,
     value,
@@ -234,8 +236,10 @@ const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
     onClick,
     listStyle,
     disabled,
+    optionControls,
     ...callbacks
   } = props;
+  if (multiple && optionControls === undefined) optionControls = true;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
       ref: ref,
@@ -253,7 +257,7 @@ const SelectOptions = /*#__PURE__*/forwardRef((props, ref) => {
           onClick: e => onClick(e, item),
           children: item.text
         }, index);
-      }), listStyle === 'checkbox' && !!multiple && /*#__PURE__*/_jsx("div", {
+      }), !!optionControls && !!multiple && /*#__PURE__*/_jsx("div", {
         className: 'arm-selectSummary__wrapper',
         children: /*#__PURE__*/_jsx(SelectSummary, {
           options: options,