primereact 10.5.2 → 10.6.0

package/multistatecheckbox/multistatecheckbox.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.multistatecheckbox = (function (exports, React, api, componentbase, hooks, tooltip, utils) {
+this.primereact.multistatecheckbox = (function (exports, React, api, componentbase, hooks, tooltip, utils, check) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -133,31 +133,19 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var classes = {
+  var classes$1 = {
     icon: function icon(_ref) {
       var _icon = _ref.icon;
       return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
     },
     root: function root(_ref2) {
       var props = _ref2.props;
-      return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.className, {
-        'p-checkbox-disabled': props.disabled
-      });
-    },
-    checkbox: function checkbox(_ref3) {
-      var props = _ref3.props,
-        selectedOption = _ref3.selectedOption,
-        focusedState = _ref3.focusedState;
-      return utils.classNames('p-checkbox-box', {
-        'p-highlight': !!selectedOption,
-        'p-disabled': props.disabled,
-        'p-focus': focusedState
-      }, selectedOption && selectedOption.className);
+      return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
     }
   };
   var inlineStyles = {
-    checkbox: function checkbox(_ref4) {
-      var selectedOption = _ref4.selectedOption;
+    checkbox: function checkbox(_ref3) {
+      var selectedOption = _ref3.selectedOption;
       return selectedOption && selectedOption.style;
     }
   };
@@ -185,11 +173,219 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
       children: undefined
     },
     css: {
-      classes: classes,
+      classes: classes$1,
       inlineStyles: inlineStyles
     }
   });
 
+  var classes = {
+    box: 'p-checkbox-box',
+    input: 'p-checkbox-input',
+    icon: 'p-checkbox-icon',
+    root: function root(_ref) {
+      var props = _ref.props,
+        checked = _ref.checked;
+      return utils.classNames('p-checkbox p-component', {
+        'p-highlight': checked,
+        'p-disabled': props.disabled,
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant === 'filled'
+      });
+    }
+  };
+  var CheckboxBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'Checkbox',
+      autoFocus: false,
+      checked: false,
+      className: null,
+      disabled: false,
+      falseValue: false,
+      icon: null,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      invalid: false,
+      name: null,
+      onChange: null,
+      onContextMenu: null,
+      onMouseDown: null,
+      readOnly: false,
+      required: false,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      trueValue: true,
+      value: null,
+      children: undefined
+    },
+    css: {
+      classes: classes
+    }
+  });
+
+  function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = CheckboxBase.getProps(inProps, context);
+    var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
+        props: props,
+        context: {
+          checked: props.checked === props.trueValue,
+          disabled: props.disabled
+        }
+      }),
+      ptm = _CheckboxBase$setMeta.ptm,
+      cx = _CheckboxBase$setMeta.cx,
+      isUnstyled = _CheckboxBase$setMeta.isUnstyled;
+    componentbase.useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
+      name: 'checkbox'
+    });
+    var elementRef = React__namespace.useRef(null);
+    var inputRef = React__namespace.useRef(props.inputRef);
+    var isChecked = function isChecked() {
+      return props.checked === props.trueValue;
+    };
+    var _onChange = function onChange(event) {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (props.onChange) {
+        var _props$onChange;
+        var _checked = isChecked();
+        var value = _checked ? props.falseValue : props.trueValue;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event === null || event === void 0 || event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event === null || event === void 0 || event.preventDefault();
+          },
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        };
+        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        utils.DomHandler.focus(inputRef.current);
+      }
+    };
+    var _onFocus = function onFocus() {
+      var _props$onFocus;
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+    };
+    var _onBlur = function onBlur() {
+      var _props$onBlur;
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+    };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
+    React__namespace.useEffect(function () {
+      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
+    }, [inputRef, props.inputRef]);
+    hooks.useUpdateEffect(function () {
+      inputRef.current.checked = isChecked();
+    }, [props.checked, props.trueValue]);
+    hooks.useMountEffect(function () {
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
+    });
+    var checked = isChecked();
+    var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
+    var otherProps = CheckboxBase.getOtherProps(props);
+    var rootProps = mergeProps({
+      id: props.id,
+      className: utils.classNames(props.className, cx('root', {
+        checked: checked
+      })),
+      style: props.style,
+      'data-p-highlight': checked,
+      'data-p-disabled': props.disabled,
+      onContextMenu: props.onContextMenu,
+      onMouseDown: props.onMouseDown
+    }, otherProps, ptm('root'));
+    var createInputElement = function createInputElement() {
+      var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
+      var inputProps = mergeProps(_objectSpread$1({
+        id: props.inputId,
+        type: 'checkbox',
+        className: cx('input'),
+        name: props.name,
+        tabIndex: props.tabIndex,
+        onFocus: function onFocus(e) {
+          return _onFocus();
+        },
+        onBlur: function onBlur(e) {
+          return _onBlur();
+        },
+        onChange: function onChange(e) {
+          return _onChange(e);
+        },
+        disabled: props.disabled,
+        readOnly: props.readOnly,
+        required: props.required,
+        'aria-invalid': props.invalid,
+        checked: checked
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("input", _extends({
+        ref: inputRef
+      }, inputProps));
+    };
+    var createBoxElement = function createBoxElement() {
+      var iconProps = mergeProps({
+        className: cx('icon')
+      }, ptm('icon'));
+      var boxProps = mergeProps({
+        className: cx('box', {
+          checked: checked
+        }),
+        'data-p-highlight': checked,
+        'data-p-disabled': props.disabled
+      }, ptm('box'));
+      var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
+      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
+        props: props,
+        checked: checked
+      });
+      return /*#__PURE__*/React__namespace.createElement("div", boxProps, checkboxIcon);
+    };
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef
+    }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      target: elementRef,
+      content: props.tooltip,
+      pt: ptm('tooltip')
+    }, props.tooltipOptions)));
+  }));
+  Checkbox.displayName = 'Checkbox';
+
   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; }
   var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
@@ -243,10 +439,10 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
           originalEvent: event,
           value: newValue,
           stopPropagation: function stopPropagation() {
-            event.stopPropagation();
+            event === null || event === void 0 || event.stopPropagation();
           },
           preventDefault: function preventDefault() {
-            event.preventDefault();
+            event === null || event === void 0 || event.preventDefault();
           },
           target: {
             name: props.name,
@@ -269,7 +465,8 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
       }
     };
     var getSelectedOptionMap = function getSelectedOptionMap() {
-      var option, index;
+      var option;
+      var index;
       if (props.options) {
         index = props.options.findIndex(function (option) {
           return utils.ObjectUtils.equals(props.value, getOptionValue(option), equalityKey);
@@ -329,8 +526,8 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
     var otherProps = MultiStateCheckboxBase.getOtherProps(props);
     var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var icon = createIcon();
-    var ariaValueLabel = !!selectedOption ? getOptionAriaLabel(selectedOption) : api.ariaLabel('nullLabel');
-    var ariaChecked = !!selectedOption ? 'true' : 'false';
+    var ariaValueLabel = selectedOption ? getOptionAriaLabel(selectedOption) : api.ariaLabel('nullLabel');
+    var ariaChecked = selectedOption ? 'true' : 'false';
     var rootProps = mergeProps({
       ref: elementRef,
       id: props.id,
@@ -339,10 +536,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
       onClick: onClick
     }, MultiStateCheckboxBase.getOtherProps(props), ptm('root'));
     var checkboxProps = mergeProps(_objectSpread({
-      className: cx('checkbox', {
-        focusedState: focusedState,
-        selectedOption: selectedOption
-      }),
+      className: utils.classNames(props.className),
       style: sx('checkbox', {
         selectedOption: selectedOption
       }),
@@ -351,13 +545,17 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
       onBlur: onBlur,
       onKeyDown: onKeyDown,
       role: 'checkbox',
-      'aria-checked': ariaChecked
+      'aria-checked': ariaChecked,
+      onChange: onClick,
+      checked: !!selectedOption,
+      disabled: props === null || props === void 0 ? void 0 : props.disabled,
+      icon: icon
     }, ariaProps), ptm('checkbox'));
     var srOnlyAriaProps = mergeProps({
       className: 'p-sr-only p-hidden-accessible',
       'aria-live': 'polite'
     }, ptm('srOnlyAria'));
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, icon), focusedState && /*#__PURE__*/React__namespace.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(Checkbox, checkboxProps), focusedState && /*#__PURE__*/React__namespace.createElement("span", srOnlyAriaProps, ariaValueLabel)), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
       content: props.tooltip,
       pt: ptm('tooltip')
@@ -371,4 +569,4 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.tooltip, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.tooltip, primereact.utils, primereact.icons.check);

package/multistatecheckbox/multistatecheckbox.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,o,r,l,i){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=a(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},u.apply(this,arguments)}function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function p(e,t){if("object"!==s(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function f(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function b(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,i,a=[],c=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);c=!0);}catch(e){u=!0,r=e}finally{try{if(!c&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(u)throw r}}return a}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function v(e,t){if(e){if("string"==typeof e)return y(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var h=o.ComponentBase.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{icon:function(e){return i.classNames("p-checkbox-icon p-c",b({},"".concat(e.icon),!0))},root:function(e){var t=e.props;return i.classNames("p-multistatecheckbox p-checkbox p-component",t.className,{"p-checkbox-disabled":t.disabled})},checkbox:function(e){var t=e.selectedOption;return i.classNames("p-checkbox-box",{"p-highlight":!!t,"p-disabled":e.props.disabled,"p-focus":e.focusedState},t&&t.className)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}});function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var x=c.memo(c.forwardRef((function(e,t){var a,s,p=r.useMergeProps(),f=c.useContext(n.PrimeReactContext),y=h.getProps(e,f),g=c.useState(!1),x=(s=2,m(a=g)||d(a,s)||v(a,s)||O()),P=x[0],S=x[1],k=c.useRef(null),E=y.optionValue?null:y.dataKey,w=h.setMetaData({props:y,state:{focused:P}}),N=w.ptm,D=w.cx,I=w.sx;o.useHandleStyle(h.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var C=function(e){return y.optionValue?i.ObjectUtils.resolveFieldData(e,y.optionValue):e},U=function(e){if(y.onChange){var t=C(y.options?_===y.options.length-1?y.empty?null:y.options[0]:y.options[_+1]:null);y.onChange({originalEvent:e,value:t,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:y.name,id:y.id,value:t}})}};c.useImperativeHandle(t,(function(){return{props:y,focus:function(){return i.DomHandler.focusFirstElement(k.current)},getElement:function(){return k.current}}})),r.useMountEffect((function(){y.empty||null!==y.value||U(),y.autoFocus&&i.DomHandler.focusFirstElement(k.current)}));var A,F,M=(y.options&&(F=y.options.findIndex((function(e){return i.ObjectUtils.equals(y.value,C(e),E)})),A=y.options[F]),{option:A,index:F}),T=M.option,_=M.index,R=i.ObjectUtils.isNotEmpty(y.tooltip),H=h.getOtherProps(y),V=i.ObjectUtils.reduceKeys(H,i.DomHandler.ARIA_PROPS),K=function(){var e=T&&i.ObjectUtils.resolveFieldData(T,y.optionIcon||"icon")||"",t=i.classNames("p-checkbox-icon p-c",b({},"".concat(e),!0)),n=p({className:D("icon",{icon:e})},N("icon")),o=i.IconUtils.getJSXIcon(e,j({},n),{props:y});return y.iconTemplate?i.ObjectUtils.getJSXElement(y.iconTemplate,{option:T,className:t,element:o,props:y}):o}(),L=T?function(e){var t=y.optionLabel||y.optionValue;return t?i.ObjectUtils.resolveFieldData(e,t):e}(T):n.ariaLabel("nullLabel"),B=T?"true":"false",J=p({ref:k,id:y.id,className:i.classNames(y.className,D("root")),style:y.style,onClick:function(e){y.disabled||y.readOnly||U(e)}},h.getOtherProps(y),N("root")),X=p(j({className:D("checkbox",{focusedState:P,selectedOption:T}),style:I("checkbox",{selectedOption:T}),tabIndex:y.tabIndex,onFocus:function(){S(!0)},onBlur:function(){S(!1)},onKeyDown:function(e){32===e.keyCode&&(U(e),e.preventDefault())},role:"checkbox","aria-checked":B},V),N("checkbox")),q=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return c.createElement(c.Fragment,null,c.createElement("div",J,c.createElement("div",X,K),P&&c.createElement("span",q,L)),R&&c.createElement(l.Tooltip,u({target:k,content:y.tooltip,pt:N("tooltip")},y.tooltipOptions)))})));return x.displayName="MultiStateCheckbox",e.MultiStateCheckbox=x,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,o,r,l,c,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=i(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},s.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==p(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=f(e,"string");return"symbol"===p(t)?t:String(t)}function b(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,c,a=[],i=!0,u=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(o=l.call(n)).done)&&(a.push(o.value),a.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(u)throw r}}return a}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function v(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=o.ComponentBase.extend({defaultProps:{__TYPE:"MultiStateCheckbox",autoFocus:!1,className:null,dataKey:null,disabled:!1,empty:!0,iconTemplate:null,id:null,onChange:null,optionIcon:null,optionLabel:null,optionValue:null,options:null,readOnly:!1,style:null,tabIndex:"0",tooltip:null,tooltipOptions:null,value:null,children:void 0},css:{classes:{icon:function(e){return c.classNames("p-checkbox-icon p-c",b({},"".concat(e.icon),!0))},root:function(e){return c.classNames("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}}),j=o.ComponentBase.extend({defaultProps:{__TYPE:"Checkbox",autoFocus:!1,checked:!1,className:null,disabled:!1,falseValue:!1,icon:null,id:null,inputId:null,inputRef:null,invalid:!1,name:null,onChange:null,onContextMenu:null,onMouseDown:null,readOnly:!1,required:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,trueValue:!0,value:null,children:void 0},css:{classes:{box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon",root:function(e){var t=e.props;return c.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var P=u.memo(u.forwardRef((function(e,t){var i=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=j.getProps(e,p),d=j.setMetaData({props:f,context:{checked:f.checked===f.trueValue,disabled:f.disabled}}),b=d.ptm,m=d.cx;o.useHandleStyle(j.css.styles,d.isUnstyled,{name:"checkbox"});var y=u.useRef(null),h=u.useRef(f.inputRef),v=function(){return f.checked===f.trueValue},O=function(e){if(!f.disabled&&!f.readonly&&f.onChange){var t,n=v()?f.falseValue:f.trueValue;if(null==f||null===(t=f.onChange)||void 0===t||t.call(f,{originalEvent:e,value:f.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:f.name,id:f.id,value:f.value,checked:n}}),e.defaultPrevented)return;c.DomHandler.focus(h.current)}};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return c.DomHandler.focus(h.current)},getElement:function(){return y.current},getInput:function(){return h.current}}})),u.useEffect((function(){c.ObjectUtils.combinedRefs(h,f.inputRef)}),[h,f.inputRef]),r.useUpdateEffect((function(){h.current.checked=v()}),[f.checked,f.trueValue]),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focus(h.current,f.autoFocus)}));var g,x,P,E,D,S=v(),w=c.ObjectUtils.isNotEmpty(f.tooltip),N=j.getOtherProps(f),C=i({id:f.id,className:c.classNames(f.className,m("root",{checked:S})),style:f.style,"data-p-highlight":S,"data-p-disabled":f.disabled,onContextMenu:f.onContextMenu,onMouseDown:f.onMouseDown},N,b("root"));return u.createElement(u.Fragment,null,u.createElement("div",s({ref:y},C),(E=c.ObjectUtils.reduceKeys(N,c.DomHandler.ARIA_PROPS),D=i(k({id:f.inputId,type:"checkbox",className:m("input"),name:f.name,tabIndex:f.tabIndex,onFocus:function(e){var t;null==f||null===(t=f.onFocus)||void 0===t||t.call(f)},onBlur:function(e){var t;null==f||null===(t=f.onBlur)||void 0===t||t.call(f)},onChange:function(e){return O(e)},disabled:f.disabled,readOnly:f.readOnly,required:f.required,"aria-invalid":f.invalid,checked:S},E),b("input")),u.createElement("input",s({ref:h},D))),(g=i({className:m("icon")},b("icon")),x=i({className:m("box",{checked:S}),"data-p-highlight":S,"data-p-disabled":f.disabled},b("box")),P=c.IconUtils.getJSXIcon(S?f.icon||u.createElement(a.CheckIcon,g):null,k({},g),{props:f,checked:S}),u.createElement("div",x,P))),w&&u.createElement(l.Tooltip,s({target:y,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="Checkbox";var S=u.memo(u.forwardRef((function(e,t){var a,i,p=r.useMergeProps(),f=u.useContext(n.PrimeReactContext),d=g.getProps(e,f),h=u.useState(!1),j=(i=2,m(a=h)||y(a,i)||v(a,i)||O()),x=j[0],k=j[1],E=u.useRef(null),S=d.optionValue?null:d.dataKey,w=g.setMetaData({props:d,state:{focused:x}}),N=w.ptm,C=w.cx,I=w.sx;o.useHandleStyle(g.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var M=function(e){d.disabled||d.readOnly||U(e)},R=function(e){return d.optionValue?c.ObjectUtils.resolveFieldData(e,d.optionValue):e},U=function(e){if(d.onChange){var t=R(d.options?_===d.options.length-1?d.empty?null:d.options[0]:d.options[_+1]:null);d.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:d.name,id:d.id,value:t}})}};u.useImperativeHandle(t,(function(){return{props:d,focus:function(){return c.DomHandler.focusFirstElement(E.current)},getElement:function(){return E.current}}})),r.useMountEffect((function(){d.empty||null!==d.value||U(),d.autoFocus&&c.DomHandler.focusFirstElement(E.current)}));var F,V,A=(d.options&&(V=d.options.findIndex((function(e){return c.ObjectUtils.equals(d.value,R(e),S)})),F=d.options[V]),{option:F,index:V}),H=A.option,_=A.index,T=c.ObjectUtils.isNotEmpty(d.tooltip),B=g.getOtherProps(d),K=c.ObjectUtils.reduceKeys(B,c.DomHandler.ARIA_PROPS),q=function(){var e=H&&c.ObjectUtils.resolveFieldData(H,d.optionIcon||"icon")||"",t=c.classNames("p-checkbox-icon p-c",b({},"".concat(e),!0)),n=p({className:C("icon",{icon:e})},N("icon")),o=c.IconUtils.getJSXIcon(e,D({},n),{props:d});return d.iconTemplate?c.ObjectUtils.getJSXElement(d.iconTemplate,{option:H,className:t,element:o,props:d}):o}(),L=H?function(e){var t=d.optionLabel||d.optionValue;return t?c.ObjectUtils.resolveFieldData(e,t):e}(H):n.ariaLabel("nullLabel"),J=H?"true":"false",X=p({ref:E,id:d.id,className:c.classNames(d.className,C("root")),style:d.style,onClick:M},g.getOtherProps(d),N("root")),Y=p(D({className:c.classNames(d.className),style:I("checkbox",{selectedOption:H}),tabIndex:d.tabIndex,onFocus:function(){k(!0)},onBlur:function(){k(!1)},onKeyDown:function(e){32===e.keyCode&&(U(e),e.preventDefault())},role:"checkbox","aria-checked":J,onChange:M,checked:!!H,disabled:null==d?void 0:d.disabled,icon:q},K),N("checkbox")),z=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return u.createElement(u.Fragment,null,u.createElement("div",X,u.createElement(P,Y),x&&u.createElement("span",z,L)),T&&u.createElement(l.Tooltip,s({target:E,content:d.tooltip,pt:N("tooltip")},d.tooltipOptions)))})));return S.displayName="MultiStateCheckbox",e.MultiStateCheckbox=S,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.tooltip,primereact.utils,primereact.icons.check);

package/orderlist/orderlist.cjs.js

@@ -39,6 +39,21 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -152,6 +167,7 @@ var OrderListBase = componentbase.ComponentBase.extend({
     moveBottomIcon: null,
     dataKey: null,
     autoOptionFocus: true,
+    focusOnHover: true,
     breakpoint: '960px',
     onChange: null,
     itemTemplate: null,
@@ -170,21 +186,6 @@ var OrderListBase = componentbase.ComponentBase.extend({
   }
 });
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 var OrderListControls = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = hooks.useMergeProps();
   var moveUpIcon = props.moveUpIcon || /*#__PURE__*/React__namespace.createElement(angleup.AngleUpIcon, null);
@@ -462,7 +463,11 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
       var offsetY = listElementRef.current.getBoundingClientRect().top + utils.DomHandler.getWindowScrollTop();
       var bottomDiff = offsetY + listElementRef.current.clientHeight - event.pageY;
       var topDiff = event.pageY - offsetY;
-      if (bottomDiff < 25 && bottomDiff > 0) listElementRef.current.scrollTop += 15;else if (topDiff < 25 && topDiff > 0) listElementRef.current.scrollTop -= 15;
+      if (bottomDiff < 25 && bottomDiff > 0) {
+        listElementRef.current.scrollTop += 15;
+      } else if (topDiff < 25 && topDiff > 0) {
+        listElementRef.current.scrollTop -= 15;
+      }
     }
   };
   var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
@@ -471,6 +476,12 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
       event.preventDefault();
     }
   };
+  var changeFocusedItemOnHover = function changeFocusedItemOnHover(event, index) {
+    if (props.focusOnHover && props.focused) {
+      var _props$changeFocusedO;
+      props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, index);
+    }
+  };
   var createDropPoint = function createDropPoint(index, key) {
     var droppointProps = mergeProps({
       className: cx('droppoint'),
@@ -505,7 +516,7 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         var focused = props.focused && props.focusedOptionId === key;
         var selected = isSelected(item);
         if (props.dragdrop) {
-          var itemProps = mergeProps({
+          var _itemProps = mergeProps({
             id: key,
             role: 'option',
             draggable: 'true',
@@ -517,6 +528,9 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
               });
             },
             onMouseDown: props.onOptionMouseDown,
+            onMouseMove: function onMouseMove(e) {
+              return changeFocusedItemOnHover(e, i);
+            },
             onDragStart: function onDragStart(e) {
               return _onDragStart(e, i);
             },
@@ -535,33 +549,35 @@ var OrderListSubList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
           }
           items.push( /*#__PURE__*/React__namespace.createElement("li", _extends({
             key: key
-          }, itemProps), content));
+          }, _itemProps), content));
           items.push(createDropPoint(i, key + '_droppoint'));
           return items;
-        } else {
-          var _itemProps = mergeProps({
-            id: key,
-            role: 'option',
-            onClick: function onClick(e) {
-              return props.onItemClick({
-                originalEvent: e,
-                value: item,
-                index: i
-              });
-            },
-            onMouseDown: props.onOptionMouseDown,
-            className: utils.classNames(props.className, cx('item', {
-              selected: selected,
-              focused: focused
-            })),
-            'aria-selected': selected,
-            'data-p-highlight': selected,
-            'data-p-focused': focused
-          }, getPTOptions(item, 'item'));
-          return /*#__PURE__*/React__namespace.createElement("li", _extends({
-            key: key
-          }, _itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
         }
+        var itemProps = mergeProps({
+          id: key,
+          role: 'option',
+          onClick: function onClick(e) {
+            return props.onItemClick({
+              originalEvent: e,
+              value: item,
+              index: i
+            });
+          },
+          onMouseDown: props.onOptionMouseDown,
+          onMouseMove: function onMouseMove(e) {
+            return changeFocusedItemOnHover(e, i);
+          },
+          className: utils.classNames(props.className, cx('item', {
+            selected: selected,
+            focused: focused
+          })),
+          'aria-selected': selected,
+          'data-p-highlight': selected,
+          'data-p-focused': focused
+        }, getPTOptions(item, 'item'));
+        return /*#__PURE__*/React__namespace.createElement("li", _extends({
+          key: key
+        }, itemProps), content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
       });
     }
     return null;
@@ -712,17 +728,25 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     var metaKey = originalEvent.metaKey || originalEvent.ctrlKey;
     var selected = selectedIndex !== -1;
     var newSelection;
-    if (selected) newSelection = metaKey ? selectionState.filter(function (_, i) {
-      return i !== selectedIndex;
-    }) : [value];else newSelection = metaKey ? [].concat(_toConsumableArray(selectionState), [value]) : [value];
+    if (selected) {
+      newSelection = metaKey ? selectionState.filter(function (_, i) {
+        return i !== selectedIndex;
+      }) : [value];
+    } else {
+      newSelection = metaKey ? [].concat(_toConsumableArray(selectionState), [value]) : [value];
+    }
     setSelectionState(newSelection);
   };
   var setSelectionStateWithIndex = function setSelectionStateWithIndex(index) {
     var item = visibleList[index];
     var selected = utils.ObjectUtils.findIndexInList(item, selectionState) !== -1;
-    if (selected) setSelectionState(selectionState.filter(function (selectedItem) {
-      return selectedItem !== item;
-    }));else setSelectionState([].concat(_toConsumableArray(selectionState), [item]));
+    if (selected) {
+      setSelectionState(selectionState.filter(function (selectedItem) {
+        return selectedItem !== item;
+      }));
+    } else {
+      setSelectionState([].concat(_toConsumableArray(selectionState), [item]));
+    }
   };
   var findCurrentFocusedIndex = function findCurrentFocusedIndex(listElement) {
     if (focusedOptionIndex === -1) {
@@ -997,7 +1021,7 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     cx: cx,
     unstyled: props.unstyled,
     metaData: metaData
-  }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, {
+  }), /*#__PURE__*/React__namespace.createElement(OrderListSubList, _extends({
     ref: listElementRef,
     hostName: "OrderList",
     focused: focused,
@@ -1027,8 +1051,9 @@ var OrderList = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     filterIcon: props.filterIcon,
     isUnstyled: isUnstyled,
     ptm: ptm,
-    cx: cx
-  }));
+    cx: cx,
+    changeFocusedOptionIndex: changeFocusedOptionIndex
+  }, props)));
 }));
 OrderList.displayName = 'OrderList';