@onesy/ui-react 1.0.67 → 1.0.69

package/Select/Select.d.ts

@@ -22,6 +22,8 @@ export type ISelect = ITextField & {
     ChiProps?: IPropsAny;
     ListProps?: IPropsAny;
     MenuProps?: IPropsAny;
+    ListItemProps?: IPropsAny;
+    ListItemTypeProps?: IPropsAny;
     IconButtonProps?: IPropsAny;
     IconProps?: IPropsAny;
 };

package/Select/Select.js

@@ -127,9 +127,7 @@ const Select = react_1.default.forwardRef((props_, ref) => {
             overflowY: 'auto',
             overflowX: 'hidden'
         }
-    }, MenuProps = {
-        portal: true
-    }, IconButtonProps, IconProps, className, style, children: children_ } = props, other = __rest(props, ["tonal", "color", "size", "version", "value", "valueDefault", "onChange", "options", "name", "multiple", "prefix", "sufix", "start", "end", "autoWidth", "getLabel", "fullWidth", "chip", "clear", "readOnly", "noSelectText", "disabled", "renderValues", "renderChip", "IconClear", "IconDropdown", "inputProps", "InputWrapperProps", "WrapperProps", "ChipProps", "ChiProps", "ListProps", "MenuProps", "IconButtonProps", "IconProps", "className", "style", "children"]);
+    }, MenuProps: MenuPropsProps, ListItemProps, ListItemTypeProps, IconButtonProps, IconProps, className, style, children: children_ } = props, other = __rest(props, ["tonal", "color", "size", "version", "value", "valueDefault", "onChange", "options", "name", "multiple", "prefix", "sufix", "start", "end", "autoWidth", "getLabel", "fullWidth", "chip", "clear", "readOnly", "noSelectText", "disabled", "renderValues", "renderChip", "IconClear", "IconDropdown", "inputProps", "InputWrapperProps", "WrapperProps", "ChipProps", "ChiProps", "ListProps", "MenuProps", "ListItemProps", "ListItemTypeProps", "IconButtonProps", "IconProps", "className", "style", "children"]);
     const children = react_1.default.Children.toArray(children_);
     const [value, setValue] = react_1.default.useState(() => {
         const values = valueDefault !== undefined ? valueDefault : value_;
@@ -152,6 +150,7 @@ const Select = react_1.default.forwardRef((props_, ref) => {
         root: {},
         menu: {}
     };
+    const MenuProps = Object.assign({ portal: true }, MenuPropsProps);
     if ((MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.portal) && autoWidth) {
         styles.menu.width = (_a = refs.wrapper.current) === null || _a === void 0 ? void 0 : _a.clientWidth;
     }
@@ -365,7 +364,7 @@ const Select = react_1.default.forwardRef((props_, ref) => {
                         chip && classes.chip,
                         open && classes.open,
                         readOnly && classes.readOnly
-                    ]), justify: other.align }, { children: renderValues(value) })) })), (!!items.length || children) && ((0, jsx_runtime_1.jsx)(Menu, Object.assign({ ref: refs.menu, open: open, portal: false, onClose: () => onClose(false), anchorElement: refs.root.current, transformOrigin: 'center top', transformOriginSwitch: 'center bottom', maxWidth: 'unset', size: size, menuItems: !!items.length ? (items.map((item, index) => ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({ role: 'option', selected: item.selected !== undefined ? item.selected : multiple ? value.includes(item === null || item === void 0 ? void 0 : item.value) : value === (item === null || item === void 0 ? void 0 : item.value), preselected: item.preselected !== undefined ? item.preselected : !(multiple ? value.includes(item === null || item === void 0 ? void 0 : item.value) : value === (item === null || item === void 0 ? void 0 : item.value)), onMouseUp: onMouseUp, onMouseDown: onMouseDown, primary: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: sizeListItem === 'large' ? 'b1' : sizeListItem === 'regular' ? 'b2' : 'b3' }, { children: item.name }))), value: item.value, size: (MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.size) || size, button: true }, item.props, { onClick: (event) => {
+                    ]), justify: other.align }, { children: renderValues(value) })) })), (!!items.length || children) && ((0, jsx_runtime_1.jsx)(Menu, Object.assign({ ref: refs.menu, open: open, portal: false, onClose: () => onClose(false), anchorElement: refs.root.current, transformOrigin: 'center top', transformOriginSwitch: 'center bottom', maxWidth: 'unset', size: size, menuItems: !!items.length ? (items.map((item, index) => ((0, jsx_runtime_1.jsx)(ListItem, Object.assign({ role: 'option', selected: item.selected !== undefined ? item.selected : multiple ? value.includes(item === null || item === void 0 ? void 0 : item.value) : value === (item === null || item === void 0 ? void 0 : item.value), preselected: item.preselected !== undefined ? item.preselected : !(multiple ? value.includes(item === null || item === void 0 ? void 0 : item.value) : value === (item === null || item === void 0 ? void 0 : item.value)), onMouseUp: onMouseUp, onMouseDown: onMouseDown, primary: ((0, jsx_runtime_1.jsx)(Type, Object.assign({ version: sizeListItem === 'large' ? 'b1' : sizeListItem === 'regular' ? 'b2' : 'b3' }, ListItemTypeProps, { children: item.name }))), value: item.value, size: (MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.size) || size, button: true }, ListItemProps, item.props, { onClick: (event) => {
                         var _a, _b;
                         if (multiple && value.includes(item === null || item === void 0 ? void 0 : item.value))
                             onUnselect(item === null || item === void 0 ? void 0 : item.value);
@@ -396,11 +395,7 @@ const Select = react_1.default.forwardRef((props_, ref) => {
                                 setOpen(false);
                         }
                     }));
-                }), AppendProps: {
-                    alignment: 'start'
-                }, ModalProps: {
-                // focus: !MenuProps.portal
-                }, ListProps: Object.assign({ menu: true, size: (ListProps === null || ListProps === void 0 ? void 0 : ListProps.size) || (MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.size) || size, role: 'listbox', id: refs.ids.list, 'aria-label': name }, ListProps) }, MenuProps, { style: Object.assign(Object.assign({}, styles.menu), MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.style), className: (0, style_react_1.classNames)([
+                }) }, MenuProps, { AppendProps: Object.assign({ alignment: 'start' }, MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.AppendProps), ModalProps: Object.assign({}, MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.ModalProps), ListProps: Object.assign(Object.assign({ menu: true, size: (ListProps === null || ListProps === void 0 ? void 0 : ListProps.size) || (MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.size) || size, role: 'listbox', id: refs.ids.list, 'aria-label': name }, ListProps), MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.ListProps), style: Object.assign(Object.assign({}, styles.menu), MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.style), className: (0, style_react_1.classNames)([
                     MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.className
                 ]) })))] })));
 });

package/esm/Select/Select.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["tonal", "color", "size", "version", "value", "valueDefault", "onChange", "options", "name", "multiple", "prefix", "sufix", "start", "end", "autoWidth", "getLabel", "fullWidth", "chip", "clear", "readOnly", "noSelectText", "disabled", "renderValues", "renderChip", "IconClear", "IconDropdown", "inputProps", "InputWrapperProps", "WrapperProps", "ChipProps", "ChiProps", "ListProps", "MenuProps", "IconButtonProps", "IconProps", "className", "style", "children"];
+const _excluded = ["tonal", "color", "size", "version", "value", "valueDefault", "onChange", "options", "name", "multiple", "prefix", "sufix", "start", "end", "autoWidth", "getLabel", "fullWidth", "chip", "clear", "readOnly", "noSelectText", "disabled", "renderValues", "renderChip", "IconClear", "IconDropdown", "inputProps", "InputWrapperProps", "WrapperProps", "ChipProps", "ChiProps", "ListProps", "MenuProps", "ListItemProps", "ListItemTypeProps", "IconButtonProps", "IconProps", "className", "style", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -164,9 +164,9 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
           overflowX: 'hidden'
         }
       },
-      MenuProps = {
-        portal: true
-      },
+      MenuProps: MenuPropsProps,
+      ListItemProps,
+      ListItemTypeProps,
       IconButtonProps,
       IconProps,
       className,
@@ -198,6 +198,9 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
     root: {},
     menu: {}
   };
+  const MenuProps = _objectSpread({
+    portal: true
+  }, MenuPropsProps);
   if (MenuProps?.portal && autoWidth) {
     styles.menu.width = refs.wrapper.current?.clientWidth;
   }
@@ -427,13 +430,13 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
       preselected: item.preselected !== undefined ? item.preselected : !(multiple ? value.includes(item?.value) : value === item?.value),
       onMouseUp: onMouseUp,
       onMouseDown: onMouseDown,
-      primary: /*#__PURE__*/React.createElement(Type, {
+      primary: /*#__PURE__*/React.createElement(Type, _extends({
         version: sizeListItem === 'large' ? 'b1' : sizeListItem === 'regular' ? 'b2' : 'b3'
-      }, item.name),
+      }, ListItemTypeProps), item.name),
       value: item.value,
       size: MenuProps?.size || size,
       button: true
-    }, item.props, {
+    }, ListItemProps, item.props, {
       onClick: event => {
         if (multiple && value.includes(item?.value)) onUnselect(item?.value);else onSelect(item?.value);
         if (is('function', item.props?.onClick)) item.props?.onClick(event);
@@ -451,21 +454,19 @@ const Select = /*#__PURE__*/React.forwardRef((props_, ref) => {
         if (is('function', item.props?.onClick)) item.props?.onClick(event);
         if (!multiple) setOpen(false);
       }
-    }))),
-    AppendProps: {
+    })))
+  }, MenuProps, {
+    AppendProps: _objectSpread({
       alignment: 'start'
-    },
-    ModalProps: {
-      // focus: !MenuProps.portal
-    },
-    ListProps: _objectSpread({
+    }, MenuProps?.AppendProps),
+    ModalProps: _objectSpread({}, MenuProps?.ModalProps),
+    ListProps: _objectSpread(_objectSpread({
       menu: true,
       size: ListProps?.size || MenuProps?.size || size,
       role: 'listbox',
       id: refs.ids.list,
       'aria-label': name
-    }, ListProps)
-  }, MenuProps, {
+    }, ListProps), MenuProps?.ListProps),
     style: _objectSpread(_objectSpread({}, styles.menu), MenuProps?.style),
     className: classNames([MenuProps?.className])
   })));

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.67
+/** @license UiReact v1.0.69
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.67",
+  "version": "1.0.69",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",