@onesy/ui-react 1.0.164 → 1.0.165

package/Select/Select.js

@@ -121,44 +121,18 @@ const useStyle = (0, _styleReact.style)(theme => ({
 });
 const getValue = value => (value === null || value === void 0 ? void 0 : value.value) !== undefined ? value.value : value;
 const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
+  var _theme$ui, _theme$ui2, _theme$elements, _theme$elements2, _theme$elements3, _theme$elements4, _theme$elements5, _theme$elements6, _theme$elements7, _theme$elements8;
   const theme = (0, _styleReact.useOnesyTheme)();
   const l = theme.l;
-  const props = _react.default.useMemo(() => {
-    var _theme$ui, _theme$ui2;
-    return _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySelect) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
-  }, [props_]);
-  const Line = _react.default.useMemo(() => {
-    var _theme$elements;
-    return (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
-  }, [theme]);
-  const ListItem = _react.default.useMemo(() => {
-    var _theme$elements2;
-    return (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ListItem) || _ListItem.default;
-  }, [theme]);
-  const Type = _react.default.useMemo(() => {
-    var _theme$elements3;
-    return (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
-  }, [theme]);
-  const Menu = _react.default.useMemo(() => {
-    var _theme$elements4;
-    return (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Menu) || _Menu.default;
-  }, [theme]);
-  const Chip = _react.default.useMemo(() => {
-    var _theme$elements5;
-    return (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Chip) || _Chip.default;
-  }, [theme]);
-  const Chips = _react.default.useMemo(() => {
-    var _theme$elements6;
-    return (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Chips) || _Chips.default;
-  }, [theme]);
-  const TextField = _react.default.useMemo(() => {
-    var _theme$elements7;
-    return (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.TextField) || _TextField.default;
-  }, [theme]);
-  const IconButton = _react.default.useMemo(() => {
-    var _theme$elements8;
-    return (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.IconButton) || _IconButton.default;
-  }, [theme]);
+  const props = _objectSpread(_objectSpread(_objectSpread({}, theme === null || theme === void 0 || (_theme$ui = theme.ui) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.elements) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.all) === null || _theme$ui === void 0 || (_theme$ui = _theme$ui.props) === null || _theme$ui === void 0 ? void 0 : _theme$ui.default), theme === null || theme === void 0 || (_theme$ui2 = theme.ui) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.elements) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.onesySelect) === null || _theme$ui2 === void 0 || (_theme$ui2 = _theme$ui2.props) === null || _theme$ui2 === void 0 ? void 0 : _theme$ui2.default), props_);
+  const Line = (theme === null || theme === void 0 || (_theme$elements = theme.elements) === null || _theme$elements === void 0 ? void 0 : _theme$elements.Line) || _Line.default;
+  const ListItem = (theme === null || theme === void 0 || (_theme$elements2 = theme.elements) === null || _theme$elements2 === void 0 ? void 0 : _theme$elements2.ListItem) || _ListItem.default;
+  const Type = (theme === null || theme === void 0 || (_theme$elements3 = theme.elements) === null || _theme$elements3 === void 0 ? void 0 : _theme$elements3.Type) || _Type.default;
+  const Menu = (theme === null || theme === void 0 || (_theme$elements4 = theme.elements) === null || _theme$elements4 === void 0 ? void 0 : _theme$elements4.Menu) || _Menu.default;
+  const Chip = (theme === null || theme === void 0 || (_theme$elements5 = theme.elements) === null || _theme$elements5 === void 0 ? void 0 : _theme$elements5.Chip) || _Chip.default;
+  const Chips = (theme === null || theme === void 0 || (_theme$elements6 = theme.elements) === null || _theme$elements6 === void 0 ? void 0 : _theme$elements6.Chips) || _Chips.default;
+  const TextField = (theme === null || theme === void 0 || (_theme$elements7 = theme.elements) === null || _theme$elements7 === void 0 ? void 0 : _theme$elements7.TextField) || _TextField.default;
+  const IconButton = (theme === null || theme === void 0 || (_theme$elements8 = theme.elements) === null || _theme$elements8 === void 0 ? void 0 : _theme$elements8.IconButton) || _IconButton.default;
   const {
       tonal = true,
       color = 'primary',
@@ -257,74 +231,74 @@ const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
   _react.default.useEffect(() => {
     if (value_ !== undefined && value_ !== value) setValue(value_);
   }, [value_]);
-  const onMouseDown = _react.default.useCallback(event => {
+  const onMouseDown = event_0 => {
     if (!disabled && !readOnly) setMouseDown(true);
-  }, []);
-  const onMouseUp = _react.default.useCallback(event => {
+  };
+  const onMouseUp = event_1 => {
     if (!disabled && !readOnly) setMouseDown(false);
-  }, []);
-  const onFocus = _react.default.useCallback(event => {
+  };
+  const onFocus = event_2 => {
     if (!disabled && !readOnly) setFocus(true);
-  }, []);
-  const onBlur = _react.default.useCallback(event => {
+  };
+  const onBlur = event_3 => {
     if (!disabled && !readOnly) setFocus(false);
-  }, []);
-  const onClick = _react.default.useCallback(event => {
+  };
+  const onClick = event_4 => {
     if (!disabled && !readOnly) setOpen(open_ => {
       if (open_) setFocus(false);
       return !open_;
     });
-  }, []);
-  const onClickArrowDown = _react.default.useCallback(event => {
-    if (!disabled && !readOnly) setOpen(open_ => !open_);
-  }, []);
-  const onEnterKeyDown = _react.default.useCallback(event => {
-    if (event.key === 'Enter' && !disabled && !readOnly) setOpen(open_ => {
-      if (open_) refs.input.current.focus();
-      return !open_;
+  };
+  const onClickArrowDown = event_5 => {
+    if (!disabled && !readOnly) setOpen(open__0 => !open__0);
+  };
+  const onEnterKeyDown = event_6 => {
+    if (event_6.key === 'Enter' && !disabled && !readOnly) setOpen(open__1 => {
+      if (open__1) refs.input.current.focus();
+      return !open__1;
     });
-  }, []);
-  const onClose = _react.default.useCallback((refocus = true) => {
+  };
+  const onClose = (refocus = true) => {
     if (!disabled && !readOnly) {
-      setOpen(open_ => {
-        if (open_ && refocus) refs.input.current.focus();
+      setOpen(open__2 => {
+        if (open__2 && refocus) refs.input.current.focus();
         return false;
       });
     }
-  }, []);
+  };
   const onChange = valueNew => {
     // Inner controlled value
     if (!props.hasOwnProperty('value')) setValue(valueNew);
     if ((0, _utils.is)('function', onChange_)) onChange_(valueNew);
   };
   const onSelect = newValue => {
-    let values = multiple ? (0, _utils.is)('array', value) ? value : [value] : value;
-    values = multiple ? (0, _utils.unique)([...values, newValue]) : newValue;
-    onChange(values);
+    let values_0 = multiple ? (0, _utils.is)('array', value) ? value : [value] : value;
+    values_0 = multiple ? (0, _utils.unique)([...values_0, newValue]) : newValue;
+    onChange(values_0);
   };
   const onUnselect = itemValue => {
     if (multiple) {
-      let values = (0, _utils.is)('array', value) ? value : [value];
-      values = values.filter(item => item !== itemValue);
-      onChange(values);
+      let values_1 = (0, _utils.is)('array', value) ? value : [value];
+      values_1 = values_1.filter(item => item !== itemValue);
+      onChange(values_1);
     }
   };
-  const onClear = _react.default.useCallback((refocus = false) => {
+  const onClear = (refocus_0 = false) => {
     if (!disabled && !readOnly) {
       onChange(multiple ? [] : null);
-      if (refocus) refs.input.current.focus();
+      if (refocus_0) refs.input.current.focus();
     }
-  }, [multiple, readOnly, disabled]);
+  };
   const items = _react.default.useMemo(() => {
-    return (options || []).map(item => _objectSpread(_objectSpread({}, item), {}, {
-      name: String((item === null || item === void 0 ? void 0 : item.name) !== undefined ? item === null || item === void 0 ? void 0 : item.name : (item === null || item === void 0 ? void 0 : item.value) !== undefined ? item.value : item),
-      value: (item === null || item === void 0 ? void 0 : item.value) !== undefined ? item === null || item === void 0 ? void 0 : item.value : item
+    return (options || []).map(item_0 => _objectSpread(_objectSpread({}, item_0), {}, {
+      name: String((item_0 === null || item_0 === void 0 ? void 0 : item_0.name) !== undefined ? item_0 === null || item_0 === void 0 ? void 0 : item_0.name : (item_0 === null || item_0 === void 0 ? void 0 : item_0.value) !== undefined ? item_0.value : item_0),
+      value: (item_0 === null || item_0 === void 0 ? void 0 : item_0.value) !== undefined ? item_0 === null || item_0 === void 0 ? void 0 : item_0.value : item_0
     }));
   }, [options]);
-  const getLabel = (item, propsOther) => {
-    if ((0, _utils.is)('function', getLabel_)) return getLabel_(item, propsOther);
+  const getLabel = (item_1, propsOther) => {
+    if ((0, _utils.is)('function', getLabel_)) return getLabel_(item_1, propsOther);
     const properties = ['name', 'label', 'primary', 'secondary', 'tertiary', 'value', 'children'];
-    const objects = [item, item === null || item === void 0 ? void 0 : item.props].filter(Boolean);
+    const objects = [item_1, item_1 === null || item_1 === void 0 ? void 0 : item_1.props].filter(Boolean);
     for (const itemObject of objects) {
       if ((0, _utils.is)('simple', itemObject)) return itemObject;
       const valueItem = (0, _utils.getObjectValue)(itemObject, ...properties);
@@ -332,12 +306,12 @@ const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     }
     return l(noSelectText) || l('Select an option');
   };
-  const renderValue = (itemValue = value) => {
-    const item = !!(items !== null && items !== void 0 && items.length) ? items.find(item_ => getValue(item_) === getValue(itemValue)) : children.find(item_ => {
-      var _item_$props;
-      return getValue((_item_$props = item_.props) === null || _item_$props === void 0 ? void 0 : _item_$props.value) === getValue(itemValue);
+  const renderValue = (itemValue_0 = value) => {
+    const item_2 = !!(items !== null && items !== void 0 && items.length) ? items.find(item_ => getValue(item_) === getValue(itemValue_0)) : children.find(item__0 => {
+      var _item__0$props;
+      return getValue((_item__0$props = item__0.props) === null || _item__0$props === void 0 ? void 0 : _item__0$props.value) === getValue(itemValue_0);
     });
-    return item ? getLabel(item, props) : getLabel(itemValue, props) || '';
+    return item_2 ? getLabel(item_2, props) : getLabel(itemValue_0, props) || '';
   };
   const renderValues = renderValues_ || ((value__ = value) => {
     if (multiple) {
@@ -346,28 +320,28 @@ const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
           wrap: "wrap",
           size: size,
           className: (0, _styleReact.classNames)([classes.chipGroup, version !== 'outlined' && classes.chipGroup_padding])
-        }, ChiProps), value__.map(item => {
+        }, ChiProps), value__.map(item_3 => {
           const other_ = {
-            onClick: event => {
-              event.preventDefault();
-              event.stopPropagation();
+            onClick: event_7 => {
+              event_7.preventDefault();
+              event_7.stopPropagation();
             },
-            onRemove: event => {
-              event.preventDefault();
-              event.stopPropagation();
-              onUnselect(item);
+            onRemove: event_8 => {
+              event_8.preventDefault();
+              event_8.stopPropagation();
+              onUnselect(item_3);
             },
             input: true
           };
-          if ((0, _utils.is)('function', renderChip)) return renderChip(item, renderValue(item), other_);
+          if ((0, _utils.is)('function', renderChip)) return renderChip(item_3, renderValue(item_3), other_);
           return /*#__PURE__*/_react.default.createElement(Chip, (0, _extends2.default)({
-            key: item,
+            key: item_3,
             size: "small"
-          }, other_, ChipProps), renderValue(item));
+          }, other_, ChipProps), renderValue(item_3));
         }));
       }
-      const valuesAll = value.map(item => renderValue(item));
-      if (valuesAll.every(item => (0, _utils.is)('simple', item))) return valuesAll.join(', ');
+      const valuesAll = value.map(item_4 => renderValue(item_4));
+      if (valuesAll.every(item_5 => (0, _utils.is)('simple', item_5))) return valuesAll.join(', ');
       return value !== null && value !== void 0 && value.length ? valuesAll : noSelectText || name;
     }
     return renderValue(value);
@@ -393,20 +367,20 @@ const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     direction: "column",
     fullWidth: fullWidth
   }, WrapperProps, {
-    ref: item => {
+    ref: item_6 => {
       if (WrapperProps !== null && WrapperProps !== void 0 && WrapperProps.ref) {
-        if ((0, _utils.is)('function', WrapperProps.ref)) WrapperProps.ref(item);else WrapperProps.ref.current = item;
+        if ((0, _utils.is)('function', WrapperProps.ref)) WrapperProps.ref(item_6);else WrapperProps.ref.current = item_6;
       }
-      refs.wrapper.current = item;
+      refs.wrapper.current = item_6;
     },
     className: (0, _styleReact.classNames)([(0, _utils2.staticClassName)('Select', theme) && ['onesy-Select-wrapper', fullWidth && 'onesy-full-width'], WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className, classes.wrapper])
   }), /*#__PURE__*/_react.default.createElement(TextField, (0, _extends2.default)({
     ref: refs.input,
-    rootRef: item => {
+    rootRef: item_7 => {
       if (ref) {
-        if ((0, _utils.is)('function', ref)) ref(item);else ref.current = item;
+        if ((0, _utils.is)('function', ref)) ref(item_7);else ref.current = item_7;
       }
-      refs.root.current = item;
+      refs.root.current = item_7;
     },
     onBlur: onBlur,
     onFocus: onFocus,
@@ -461,46 +435,46 @@ const Select = /*#__PURE__*/_react.default.forwardRef((props_, ref) => {
     transformOriginSwitch: "center bottom",
     maxWidth: "unset",
     size: size,
-    menuItems: !!items.length ? items.map((item, index) => /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
+    menuItems: !!items.length ? items.map((item_8, index) => /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
       key: index,
       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)),
+      selected: item_8.selected !== undefined ? item_8.selected : multiple ? value.includes(item_8 === null || item_8 === void 0 ? void 0 : item_8.value) : value === (item_8 === null || item_8 === void 0 ? void 0 : item_8.value),
+      preselected: item_8.preselected !== undefined ? item_8.preselected : !(multiple ? value.includes(item_8 === null || item_8 === void 0 ? void 0 : item_8.value) : value === (item_8 === null || item_8 === void 0 ? void 0 : item_8.value)),
       onMouseUp: onMouseUp,
       onMouseDown: onMouseDown,
-      primary: getOptionName ? getOptionName(item.name, item, index) : /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+      primary: getOptionName ? getOptionName(item_8.name, item_8, index) : /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
         version: sizeListItem === 'large' ? 'b1' : sizeListItem === 'regular' ? 'b2' : 'b3'
       }, ListItemTypeProps, ListItemTypePrimaryProps, {
-        className: (0, _styleReact.classNames)([ListItemTypeProps === null || ListItemTypeProps === void 0 ? void 0 : ListItemTypeProps.className, ListItemTypePrimaryProps === null || ListItemTypePrimaryProps === void 0 ? void 0 : ListItemTypePrimaryProps.className, 'onesy-Select-option', 'onesy-Select-option-primary', !(item.description || item.secondary || item.tertiary) && 'onesy-Select-option-primary-only'])
-      }), item.name),
-      secondary: item.description ? (0, _utils.is)('string', item.description) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
+        className: (0, _styleReact.classNames)([ListItemTypeProps === null || ListItemTypeProps === void 0 ? void 0 : ListItemTypeProps.className, ListItemTypePrimaryProps === null || ListItemTypePrimaryProps === void 0 ? void 0 : ListItemTypePrimaryProps.className, 'onesy-Select-option', 'onesy-Select-option-primary', !(item_8.description || item_8.secondary || item_8.tertiary) && 'onesy-Select-option-primary-only'])
+      }), item_8.name),
+      secondary: item_8.description ? (0, _utils.is)('string', item_8.description) ? /*#__PURE__*/_react.default.createElement(Type, (0, _extends2.default)({
         version: sizeListItem === 'large' ? 'b1' : sizeListItem === 'regular' ? 'b2' : 'b3'
       }, ListItemTypeProps, ListItemTypeSecondaryProps, {
         className: (0, _styleReact.classNames)([ListItemTypeProps === null || ListItemTypeProps === void 0 ? void 0 : ListItemTypeProps.className, ListItemTypeSecondaryProps === null || ListItemTypeSecondaryProps === void 0 ? void 0 : ListItemTypeSecondaryProps.className, 'onesy-Select-option', 'onesy-Select-option-secondary'])
-      }), item.description) : item.description : null,
-      value: item.value,
+      }), item_8.description) : item_8.description : null,
+      value: item_8.value,
       size: (MenuProps === null || MenuProps === void 0 ? void 0 : MenuProps.size) || size,
       button: true
-    }, ListItemProps, item.props, {
-      onClick: event => {
-        var _item$props, _item$props2;
-        if (multiple && value.includes(item === null || item === void 0 ? void 0 : item.value)) onUnselect(item === null || item === void 0 ? void 0 : item.value);else onSelect(item === null || item === void 0 ? void 0 : item.value);
-        if ((0, _utils.is)('function', (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.onClick)) (_item$props2 = item.props) === null || _item$props2 === void 0 || _item$props2.onClick(event);
+    }, ListItemProps, item_8.props, {
+      onClick: event_9 => {
+        var _item_8$props, _item_8$props2;
+        if (multiple && value.includes(item_8 === null || item_8 === void 0 ? void 0 : item_8.value)) onUnselect(item_8 === null || item_8 === void 0 ? void 0 : item_8.value);else onSelect(item_8 === null || item_8 === void 0 ? void 0 : item_8.value);
+        if ((0, _utils.is)('function', (_item_8$props = item_8.props) === null || _item_8$props === void 0 ? void 0 : _item_8$props.onClick)) (_item_8$props2 = item_8.props) === null || _item_8$props2 === void 0 || _item_8$props2.onClick(event_9);
         if (!multiple) setOpen(false);
       }
-    }))) : children.map((item, index) => {
-      var _item$props3, _item$props4, _item$props5, _item$props6;
-      return /*#__PURE__*/_react.default.cloneElement(item, {
-        key: index,
+    }))) : children.map((item_9, index_0) => {
+      var _item_9$props, _item_9$props2, _item_9$props3, _item_9$props4;
+      return /*#__PURE__*/_react.default.cloneElement(item_9, {
+        key: index_0,
         role: 'option',
-        selected: item.props.selected !== undefined ? item.props.selected : multiple ? value.includes((_item$props3 = item.props) === null || _item$props3 === void 0 ? void 0 : _item$props3.value) : value === ((_item$props4 = item.props) === null || _item$props4 === void 0 ? void 0 : _item$props4.value),
-        preselected: item.props.preselected !== undefined ? item.props.preselected : !(multiple ? value.includes((_item$props5 = item.props) === null || _item$props5 === void 0 ? void 0 : _item$props5.value) : value === ((_item$props6 = item.props) === null || _item$props6 === void 0 ? void 0 : _item$props6.value)),
+        selected: item_9.props.selected !== undefined ? item_9.props.selected : multiple ? value.includes((_item_9$props = item_9.props) === null || _item_9$props === void 0 ? void 0 : _item_9$props.value) : value === ((_item_9$props2 = item_9.props) === null || _item_9$props2 === void 0 ? void 0 : _item_9$props2.value),
+        preselected: item_9.props.preselected !== undefined ? item_9.props.preselected : !(multiple ? value.includes((_item_9$props3 = item_9.props) === null || _item_9$props3 === void 0 ? void 0 : _item_9$props3.value) : value === ((_item_9$props4 = item_9.props) === null || _item_9$props4 === void 0 ? void 0 : _item_9$props4.value)),
         onMouseUp,
         onMouseDown,
-        onClick: event => {
-          var _item$props7, _item$props8, _item$props9, _item$props0, _item$props1;
-          if (multiple && value.includes((_item$props7 = item.props) === null || _item$props7 === void 0 ? void 0 : _item$props7.value)) onUnselect((_item$props8 = item.props) === null || _item$props8 === void 0 ? void 0 : _item$props8.value);else onSelect((_item$props9 = item.props) === null || _item$props9 === void 0 ? void 0 : _item$props9.value);
-          if ((0, _utils.is)('function', (_item$props0 = item.props) === null || _item$props0 === void 0 ? void 0 : _item$props0.onClick)) (_item$props1 = item.props) === null || _item$props1 === void 0 || _item$props1.onClick(event);
+        onClick: event_10 => {
+          var _item_9$props5, _item_9$props6, _item_9$props7, _item_9$props8, _item_9$props9;
+          if (multiple && value.includes((_item_9$props5 = item_9.props) === null || _item_9$props5 === void 0 ? void 0 : _item_9$props5.value)) onUnselect((_item_9$props6 = item_9.props) === null || _item_9$props6 === void 0 ? void 0 : _item_9$props6.value);else onSelect((_item_9$props7 = item_9.props) === null || _item_9$props7 === void 0 ? void 0 : _item_9$props7.value);
+          if ((0, _utils.is)('function', (_item_9$props8 = item_9.props) === null || _item_9$props8 === void 0 ? void 0 : _item_9$props8.onClick)) (_item_9$props9 = item_9.props) === null || _item_9$props9 === void 0 || _item_9$props9.onClick(event_10);
           if (!multiple) setOpen(false);
         }
       });

package/Share/Share.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ILine } from '../Line/Line';
-export type IShare = ILine & {
+export declare type IShare = ILine & {
     version?: 'fixed' | 'absolute' | 'static' | 'menu-items';
     position?: 'start' | 'end' | 'top' | 'bottom';
     name?: string;