primereact 10.6.1 → 10.6.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/multistatecheckbox/multistatecheckbox.cjs.js +47 -47
- package/multistatecheckbox/multistatecheckbox.cjs.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.esm.js +47 -47
- package/multistatecheckbox/multistatecheckbox.esm.min.js +1 -1
- package/multistatecheckbox/multistatecheckbox.js +48 -48
- package/multistatecheckbox/multistatecheckbox.min.js +1 -1
- package/package.json +1 -1
- package/primereact.all.cjs.js +452 -760
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +452 -760
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +452 -760
- package/primereact.all.min.js +1 -1
- package/web-types.json +1 -1
|
@@ -7,9 +7,9 @@ var React = require('react');
|
|
|
7
7
|
var api = require('primereact/api');
|
|
8
8
|
var componentbase = require('primereact/componentbase');
|
|
9
9
|
var hooks = require('primereact/hooks');
|
|
10
|
+
var check = require('primereact/icons/check');
|
|
10
11
|
var tooltip = require('primereact/tooltip');
|
|
11
12
|
var utils = require('primereact/utils');
|
|
12
|
-
var check = require('primereact/icons/check');
|
|
13
13
|
|
|
14
14
|
function _interopNamespace(e) {
|
|
15
15
|
if (e && e.__esModule) return e;
|
|
@@ -143,51 +143,6 @@ function _slicedToArray(arr, i) {
|
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
var classes$1 = {
|
|
146
|
-
icon: function icon(_ref) {
|
|
147
|
-
var _icon = _ref.icon;
|
|
148
|
-
return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
|
|
149
|
-
},
|
|
150
|
-
root: function root(_ref2) {
|
|
151
|
-
var props = _ref2.props;
|
|
152
|
-
return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
|
|
153
|
-
}
|
|
154
|
-
};
|
|
155
|
-
var inlineStyles = {
|
|
156
|
-
checkbox: function checkbox(_ref3) {
|
|
157
|
-
var selectedOption = _ref3.selectedOption;
|
|
158
|
-
return selectedOption && selectedOption.style;
|
|
159
|
-
}
|
|
160
|
-
};
|
|
161
|
-
var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
|
|
162
|
-
defaultProps: {
|
|
163
|
-
__TYPE: 'MultiStateCheckbox',
|
|
164
|
-
autoFocus: false,
|
|
165
|
-
className: null,
|
|
166
|
-
dataKey: null,
|
|
167
|
-
disabled: false,
|
|
168
|
-
empty: true,
|
|
169
|
-
iconTemplate: null,
|
|
170
|
-
id: null,
|
|
171
|
-
onChange: null,
|
|
172
|
-
optionIcon: null,
|
|
173
|
-
optionLabel: null,
|
|
174
|
-
optionValue: null,
|
|
175
|
-
options: null,
|
|
176
|
-
readOnly: false,
|
|
177
|
-
style: null,
|
|
178
|
-
tabIndex: '0',
|
|
179
|
-
tooltip: null,
|
|
180
|
-
tooltipOptions: null,
|
|
181
|
-
value: null,
|
|
182
|
-
children: undefined
|
|
183
|
-
},
|
|
184
|
-
css: {
|
|
185
|
-
classes: classes$1,
|
|
186
|
-
inlineStyles: inlineStyles
|
|
187
|
-
}
|
|
188
|
-
});
|
|
189
|
-
|
|
190
|
-
var classes = {
|
|
191
146
|
box: 'p-checkbox-box',
|
|
192
147
|
input: 'p-checkbox-input',
|
|
193
148
|
icon: 'p-checkbox-icon',
|
|
@@ -230,7 +185,7 @@ var CheckboxBase = componentbase.ComponentBase.extend({
|
|
|
230
185
|
children: undefined
|
|
231
186
|
},
|
|
232
187
|
css: {
|
|
233
|
-
classes: classes
|
|
188
|
+
classes: classes$1
|
|
234
189
|
}
|
|
235
190
|
});
|
|
236
191
|
|
|
@@ -395,6 +350,51 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
|
|
|
395
350
|
}));
|
|
396
351
|
Checkbox.displayName = 'Checkbox';
|
|
397
352
|
|
|
353
|
+
var classes = {
|
|
354
|
+
icon: function icon(_ref) {
|
|
355
|
+
var _icon = _ref.icon;
|
|
356
|
+
return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
|
|
357
|
+
},
|
|
358
|
+
root: function root(_ref2) {
|
|
359
|
+
var props = _ref2.props;
|
|
360
|
+
return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
|
|
361
|
+
}
|
|
362
|
+
};
|
|
363
|
+
var inlineStyles = {
|
|
364
|
+
checkbox: function checkbox(_ref3) {
|
|
365
|
+
var selectedOption = _ref3.selectedOption;
|
|
366
|
+
return selectedOption && selectedOption.style;
|
|
367
|
+
}
|
|
368
|
+
};
|
|
369
|
+
var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
|
|
370
|
+
defaultProps: {
|
|
371
|
+
__TYPE: 'MultiStateCheckbox',
|
|
372
|
+
autoFocus: false,
|
|
373
|
+
className: null,
|
|
374
|
+
dataKey: null,
|
|
375
|
+
disabled: false,
|
|
376
|
+
empty: true,
|
|
377
|
+
iconTemplate: null,
|
|
378
|
+
id: null,
|
|
379
|
+
onChange: null,
|
|
380
|
+
optionIcon: null,
|
|
381
|
+
optionLabel: null,
|
|
382
|
+
optionValue: null,
|
|
383
|
+
options: null,
|
|
384
|
+
readOnly: false,
|
|
385
|
+
style: null,
|
|
386
|
+
tabIndex: '0',
|
|
387
|
+
tooltip: null,
|
|
388
|
+
tooltipOptions: null,
|
|
389
|
+
value: null,
|
|
390
|
+
children: undefined
|
|
391
|
+
},
|
|
392
|
+
css: {
|
|
393
|
+
classes: classes,
|
|
394
|
+
inlineStyles: inlineStyles
|
|
395
|
+
}
|
|
396
|
+
});
|
|
397
|
+
|
|
398
398
|
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; }
|
|
399
399
|
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; }
|
|
400
400
|
var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/tooltip"),l=require("primereact/utils"),a=require("primereact/icons/check");function c(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 i=c(e);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 d(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function f(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 b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,a,c=[],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)&&(c.push(o.value),c.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}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 h(){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 O=n.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 l.classNames("p-checkbox-icon p-c",f({},"".concat(e.icon),!0))},root:function(e){return l.classNames("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}}),g=n.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 l.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 j(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){f(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=i.memo(i.forwardRef((function(e,c){var s=o.useMergeProps(),p=i.useContext(t.PrimeReactContext),d=g.getProps(e,p),f=g.setMetaData({props:d,context:{checked:d.checked===d.trueValue,disabled:d.disabled}}),b=f.ptm,m=f.cx;n.useHandleStyle(g.css.styles,f.isUnstyled,{name:"checkbox"});var y=i.useRef(null),v=i.useRef(d.inputRef),h=function(){return d.checked===d.trueValue},O=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t,n=h()?d.falseValue:d.trueValue;if(null==d||null===(t=d.onChange)||void 0===t||t.call(d,{originalEvent:e,value:d.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:d.name,id:d.id,value:d.value,checked:n}}),e.defaultPrevented)return;l.DomHandler.focus(v.current)}};i.useImperativeHandle(c,(function(){return{props:d,focus:function(){return l.DomHandler.focus(v.current)},getElement:function(){return y.current},getInput:function(){return v.current}}})),i.useEffect((function(){l.ObjectUtils.combinedRefs(v,d.inputRef)}),[v,d.inputRef]),o.useUpdateEffect((function(){v.current.checked=h()}),[d.checked,d.trueValue]),o.useMountEffect((function(){d.autoFocus&&l.DomHandler.focus(v.current,d.autoFocus)}));var x,P,k,E,D,S=h(),w=l.ObjectUtils.isNotEmpty(d.tooltip),N=g.getOtherProps(d),C=s({id:d.id,className:l.classNames(d.className,m("root",{checked:S})),style:d.style,"data-p-highlight":S,"data-p-disabled":d.disabled,onContextMenu:d.onContextMenu,onMouseDown:d.onMouseDown},N,b("root"));return i.createElement(i.Fragment,null,i.createElement("div",u({ref:y},C),(E=l.ObjectUtils.reduceKeys(N,l.DomHandler.ARIA_PROPS),D=s(j({id:d.inputId,type:"checkbox",className:m("input"),name:d.name,tabIndex:d.tabIndex,onFocus:function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d)},onBlur:function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d)},onChange:function(e){return O(e)},disabled:d.disabled,readOnly:d.readOnly,required:d.required,"aria-invalid":d.invalid,checked:S},E),b("input")),i.createElement("input",u({ref:v},D))),(x=s({className:m("icon")},b("icon")),P=s({className:m("box",{checked:S}),"data-p-highlight":S,"data-p-disabled":d.disabled},b("box")),k=l.IconUtils.getJSXIcon(S?d.icon||i.createElement(a.CheckIcon,x):null,j({},x),{props:d,checked:S}),i.createElement("div",P,k))),w&&i.createElement(r.Tooltip,u({target:y,content:d.tooltip,pt:b("tooltip")},d.tooltipOptions)))})));function k(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}P.displayName="Checkbox";var D=i.memo(i.forwardRef((function(e,a){var c,s,p=o.useMergeProps(),d=i.useContext(t.PrimeReactContext),y=O.getProps(e,d),g=i.useState(!1),x=(s=2,b(c=g)||m(c,s)||v(c,s)||h()),j=x[0],k=x[1],D=i.useRef(null),S=y.optionValue?null:y.dataKey,w=O.setMetaData({props:y,state:{focused:j}}),N=w.ptm,C=w.cx,I=w.sx;n.useHandleStyle(O.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var M=function(e){y.disabled||y.readOnly||U(e)},R=function(e){return y.optionValue?l.ObjectUtils.resolveFieldData(e,y.optionValue):e},U=function(e){if(y.onChange){var t=R(y.options?H===y.options.length-1?y.empty?null:y.options[0]:y.options[H+1]:null);y.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:y.name,id:y.id,value:t}})}};i.useImperativeHandle(a,(function(){return{props:y,focus:function(){return l.DomHandler.focusFirstElement(D.current)},getElement:function(){return D.current}}})),o.useMountEffect((function(){y.empty||null!==y.value||U(),y.autoFocus&&l.DomHandler.focusFirstElement(D.current)}));var F,V,q=(y.options&&(V=y.options.findIndex((function(e){return l.ObjectUtils.equals(y.value,R(e),S)})),F=y.options[V]),{option:F,index:V}),A=q.option,H=q.index,_=l.ObjectUtils.isNotEmpty(y.tooltip),T=O.getOtherProps(y),B=l.ObjectUtils.reduceKeys(T,l.DomHandler.ARIA_PROPS),K=function(){var e=A&&l.ObjectUtils.resolveFieldData(A,y.optionIcon||"icon")||"",t=l.classNames("p-checkbox-icon p-c",f({},"".concat(e),!0)),n=p({className:C("icon",{icon:e})},N("icon")),o=l.IconUtils.getJSXIcon(e,E({},n),{props:y});return y.iconTemplate?l.ObjectUtils.getJSXElement(y.iconTemplate,{option:A,className:t,element:o,props:y}):o}(),L=A?function(e){var t=y.optionLabel||y.optionValue;return t?l.ObjectUtils.resolveFieldData(e,t):e}(A):t.ariaLabel("nullLabel"),J=A?"true":"false",X=p({ref:D,id:y.id,className:l.classNames(y.className,C("root")),style:y.style,onClick:M},O.getOtherProps(y),N("root")),Y=p(E({className:l.classNames(y.className),style:I("checkbox",{selectedOption:A}),tabIndex:y.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:!!A,disabled:null==y?void 0:y.disabled,icon:K},B),N("checkbox")),z=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return i.createElement(i.Fragment,null,i.createElement("div",X,i.createElement(P,Y),j&&i.createElement("span",z,L)),_&&i.createElement(r.Tooltip,u({target:D,content:y.tooltip,pt:N("tooltip")},y.tooltipOptions)))})));D.displayName="MultiStateCheckbox",exports.MultiStateCheckbox=D;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/componentbase"),o=require("primereact/hooks"),r=require("primereact/icons/check"),l=require("primereact/tooltip"),a=require("primereact/utils");function c(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 i=c(e);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 d(e){var t=p(e,"string");return"symbol"===s(t)?t:String(t)}function f(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 b(e){if(Array.isArray(e))return e}function m(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,r,l,a,c=[],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)&&(c.push(o.value),c.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}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 h(){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 O=n.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 a.classNames("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});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 x(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){f(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 j=i.memo(i.forwardRef((function(e,c){var s=o.useMergeProps(),p=i.useContext(t.PrimeReactContext),d=O.getProps(e,p),f=O.setMetaData({props:d,context:{checked:d.checked===d.trueValue,disabled:d.disabled}}),b=f.ptm,m=f.cx;n.useHandleStyle(O.css.styles,f.isUnstyled,{name:"checkbox"});var y=i.useRef(null),v=i.useRef(d.inputRef),h=function(){return d.checked===d.trueValue},g=function(e){if(!d.disabled&&!d.readonly&&d.onChange){var t,n=h()?d.falseValue:d.trueValue;if(null==d||null===(t=d.onChange)||void 0===t||t.call(d,{originalEvent:e,value:d.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:d.name,id:d.id,value:d.value,checked:n}}),e.defaultPrevented)return;a.DomHandler.focus(v.current)}};i.useImperativeHandle(c,(function(){return{props:d,focus:function(){return a.DomHandler.focus(v.current)},getElement:function(){return y.current},getInput:function(){return v.current}}})),i.useEffect((function(){a.ObjectUtils.combinedRefs(v,d.inputRef)}),[v,d.inputRef]),o.useUpdateEffect((function(){v.current.checked=h()}),[d.checked,d.trueValue]),o.useMountEffect((function(){d.autoFocus&&a.DomHandler.focus(v.current,d.autoFocus)}));var j,P,k,E,D,S=h(),w=a.ObjectUtils.isNotEmpty(d.tooltip),N=O.getOtherProps(d),C=s({id:d.id,className:a.classNames(d.className,m("root",{checked:S})),style:d.style,"data-p-highlight":S,"data-p-disabled":d.disabled,onContextMenu:d.onContextMenu,onMouseDown:d.onMouseDown},N,b("root"));return i.createElement(i.Fragment,null,i.createElement("div",u({ref:y},C),(E=a.ObjectUtils.reduceKeys(N,a.DomHandler.ARIA_PROPS),D=s(x({id:d.inputId,type:"checkbox",className:m("input"),name:d.name,tabIndex:d.tabIndex,onFocus:function(e){var t;null==d||null===(t=d.onFocus)||void 0===t||t.call(d)},onBlur:function(e){var t;null==d||null===(t=d.onBlur)||void 0===t||t.call(d)},onChange:function(e){return g(e)},disabled:d.disabled,readOnly:d.readOnly,required:d.required,"aria-invalid":d.invalid,checked:S},E),b("input")),i.createElement("input",u({ref:v},D))),(j=s({className:m("icon")},b("icon")),P=s({className:m("box",{checked:S}),"data-p-highlight":S,"data-p-disabled":d.disabled},b("box")),k=a.IconUtils.getJSXIcon(S?d.icon||i.createElement(r.CheckIcon,j):null,x({},j),{props:d,checked:S}),i.createElement("div",P,k))),w&&i.createElement(l.Tooltip,u({target:y,content:d.tooltip,pt:b("tooltip")},d.tooltipOptions)))})));j.displayName="Checkbox";var P=n.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 a.classNames("p-checkbox-icon p-c",f({},"".concat(e.icon),!0))},root:function(e){return a.classNames("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}});function k(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 E(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){f(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=i.memo(i.forwardRef((function(e,r){var c,s,p=o.useMergeProps(),d=i.useContext(t.PrimeReactContext),y=P.getProps(e,d),O=i.useState(!1),g=(s=2,b(c=O)||m(c,s)||v(c,s)||h()),x=g[0],k=g[1],D=i.useRef(null),S=y.optionValue?null:y.dataKey,w=P.setMetaData({props:y,state:{focused:x}}),N=w.ptm,C=w.cx,I=w.sx;n.useHandleStyle(P.css.styles,w.isUnstyled,{name:"multistatecheckbox"});var M=function(e){y.disabled||y.readOnly||U(e)},R=function(e){return y.optionValue?a.ObjectUtils.resolveFieldData(e,y.optionValue):e},U=function(e){if(y.onChange){var t=R(y.options?H===y.options.length-1?y.empty?null:y.options[0]:y.options[H+1]:null);y.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:y.name,id:y.id,value:t}})}};i.useImperativeHandle(r,(function(){return{props:y,focus:function(){return a.DomHandler.focusFirstElement(D.current)},getElement:function(){return D.current}}})),o.useMountEffect((function(){y.empty||null!==y.value||U(),y.autoFocus&&a.DomHandler.focusFirstElement(D.current)}));var F,V,q=(y.options&&(V=y.options.findIndex((function(e){return a.ObjectUtils.equals(y.value,R(e),S)})),F=y.options[V]),{option:F,index:V}),A=q.option,H=q.index,_=a.ObjectUtils.isNotEmpty(y.tooltip),T=P.getOtherProps(y),B=a.ObjectUtils.reduceKeys(T,a.DomHandler.ARIA_PROPS),K=function(){var e=A&&a.ObjectUtils.resolveFieldData(A,y.optionIcon||"icon")||"",t=a.classNames("p-checkbox-icon p-c",f({},"".concat(e),!0)),n=p({className:C("icon",{icon:e})},N("icon")),o=a.IconUtils.getJSXIcon(e,E({},n),{props:y});return y.iconTemplate?a.ObjectUtils.getJSXElement(y.iconTemplate,{option:A,className:t,element:o,props:y}):o}(),L=A?function(e){var t=y.optionLabel||y.optionValue;return t?a.ObjectUtils.resolveFieldData(e,t):e}(A):t.ariaLabel("nullLabel"),J=A?"true":"false",X=p({ref:D,id:y.id,className:a.classNames(y.className,C("root")),style:y.style,onClick:M},P.getOtherProps(y),N("root")),Y=p(E({className:a.classNames(y.className),style:I("checkbox",{selectedOption:A}),tabIndex:y.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:!!A,disabled:null==y?void 0:y.disabled,icon:K},B),N("checkbox")),z=p({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},N("srOnlyAria"));return i.createElement(i.Fragment,null,i.createElement("div",X,i.createElement(j,Y),x&&i.createElement("span",z,L)),_&&i.createElement(l.Tooltip,u({target:D,content:y.tooltip,pt:N("tooltip")},y.tooltipOptions)))})));D.displayName="MultiStateCheckbox",exports.MultiStateCheckbox=D;
|
|
@@ -3,9 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
import { PrimeReactContext, ariaLabel } from 'primereact/api';
|
|
4
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
5
|
import { useMergeProps, useUpdateEffect, useMountEffect } from 'primereact/hooks';
|
|
6
|
+
import { CheckIcon } from 'primereact/icons/check';
|
|
6
7
|
import { Tooltip } from 'primereact/tooltip';
|
|
7
8
|
import { classNames, DomHandler, ObjectUtils, IconUtils } from 'primereact/utils';
|
|
8
|
-
import { CheckIcon } from 'primereact/icons/check';
|
|
9
9
|
|
|
10
10
|
function _extends() {
|
|
11
11
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -119,51 +119,6 @@ function _slicedToArray(arr, i) {
|
|
|
119
119
|
}
|
|
120
120
|
|
|
121
121
|
var classes$1 = {
|
|
122
|
-
icon: function icon(_ref) {
|
|
123
|
-
var _icon = _ref.icon;
|
|
124
|
-
return classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
|
|
125
|
-
},
|
|
126
|
-
root: function root(_ref2) {
|
|
127
|
-
var props = _ref2.props;
|
|
128
|
-
return classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
|
|
129
|
-
}
|
|
130
|
-
};
|
|
131
|
-
var inlineStyles = {
|
|
132
|
-
checkbox: function checkbox(_ref3) {
|
|
133
|
-
var selectedOption = _ref3.selectedOption;
|
|
134
|
-
return selectedOption && selectedOption.style;
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
var MultiStateCheckboxBase = ComponentBase.extend({
|
|
138
|
-
defaultProps: {
|
|
139
|
-
__TYPE: 'MultiStateCheckbox',
|
|
140
|
-
autoFocus: false,
|
|
141
|
-
className: null,
|
|
142
|
-
dataKey: null,
|
|
143
|
-
disabled: false,
|
|
144
|
-
empty: true,
|
|
145
|
-
iconTemplate: null,
|
|
146
|
-
id: null,
|
|
147
|
-
onChange: null,
|
|
148
|
-
optionIcon: null,
|
|
149
|
-
optionLabel: null,
|
|
150
|
-
optionValue: null,
|
|
151
|
-
options: null,
|
|
152
|
-
readOnly: false,
|
|
153
|
-
style: null,
|
|
154
|
-
tabIndex: '0',
|
|
155
|
-
tooltip: null,
|
|
156
|
-
tooltipOptions: null,
|
|
157
|
-
value: null,
|
|
158
|
-
children: undefined
|
|
159
|
-
},
|
|
160
|
-
css: {
|
|
161
|
-
classes: classes$1,
|
|
162
|
-
inlineStyles: inlineStyles
|
|
163
|
-
}
|
|
164
|
-
});
|
|
165
|
-
|
|
166
|
-
var classes = {
|
|
167
122
|
box: 'p-checkbox-box',
|
|
168
123
|
input: 'p-checkbox-input',
|
|
169
124
|
icon: 'p-checkbox-icon',
|
|
@@ -206,7 +161,7 @@ var CheckboxBase = ComponentBase.extend({
|
|
|
206
161
|
children: undefined
|
|
207
162
|
},
|
|
208
163
|
css: {
|
|
209
|
-
classes: classes
|
|
164
|
+
classes: classes$1
|
|
210
165
|
}
|
|
211
166
|
});
|
|
212
167
|
|
|
@@ -371,6 +326,51 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
|
|
|
371
326
|
}));
|
|
372
327
|
Checkbox.displayName = 'Checkbox';
|
|
373
328
|
|
|
329
|
+
var classes = {
|
|
330
|
+
icon: function icon(_ref) {
|
|
331
|
+
var _icon = _ref.icon;
|
|
332
|
+
return classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
|
|
333
|
+
},
|
|
334
|
+
root: function root(_ref2) {
|
|
335
|
+
var props = _ref2.props;
|
|
336
|
+
return classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
|
|
337
|
+
}
|
|
338
|
+
};
|
|
339
|
+
var inlineStyles = {
|
|
340
|
+
checkbox: function checkbox(_ref3) {
|
|
341
|
+
var selectedOption = _ref3.selectedOption;
|
|
342
|
+
return selectedOption && selectedOption.style;
|
|
343
|
+
}
|
|
344
|
+
};
|
|
345
|
+
var MultiStateCheckboxBase = ComponentBase.extend({
|
|
346
|
+
defaultProps: {
|
|
347
|
+
__TYPE: 'MultiStateCheckbox',
|
|
348
|
+
autoFocus: false,
|
|
349
|
+
className: null,
|
|
350
|
+
dataKey: null,
|
|
351
|
+
disabled: false,
|
|
352
|
+
empty: true,
|
|
353
|
+
iconTemplate: null,
|
|
354
|
+
id: null,
|
|
355
|
+
onChange: null,
|
|
356
|
+
optionIcon: null,
|
|
357
|
+
optionLabel: null,
|
|
358
|
+
optionValue: null,
|
|
359
|
+
options: null,
|
|
360
|
+
readOnly: false,
|
|
361
|
+
style: null,
|
|
362
|
+
tabIndex: '0',
|
|
363
|
+
tooltip: null,
|
|
364
|
+
tooltipOptions: null,
|
|
365
|
+
value: null,
|
|
366
|
+
children: undefined
|
|
367
|
+
},
|
|
368
|
+
css: {
|
|
369
|
+
classes: classes,
|
|
370
|
+
inlineStyles: inlineStyles
|
|
371
|
+
}
|
|
372
|
+
});
|
|
373
|
+
|
|
374
374
|
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; }
|
|
375
375
|
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; }
|
|
376
376
|
var MultiStateCheckbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as l,useUpdateEffect as i,useMountEffect as a}from"primereact/hooks";import{
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t,ariaLabel as n}from"primereact/api";import{ComponentBase as o,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as l,useUpdateEffect as i,useMountEffect as a}from"primereact/hooks";import{CheckIcon as c}from"primereact/icons/check";import{Tooltip as u}from"primereact/tooltip";import{classNames as s,DomHandler as p,ObjectUtils as f,IconUtils as d}from"primereact/utils";function m(){return m=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},m.apply(this,arguments)}function b(e){return b="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},b(e)}function y(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==b(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function v(e){var t=y(e,"string");return"symbol"===b(t)?t:String(t)}function h(e,t,n){return(t=v(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function O(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 x(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 k(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function P(){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 j=o.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 s("p-checkbox p-component",{"p-highlight":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid,"p-variant-filled":"filled"===t.variant})}}}});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 w(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){h(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}var S=e.memo(e.forwardRef((function(n,o){var b=l(),y=e.useContext(t),v=j.getProps(n,y),h=j.setMetaData({props:v,context:{checked:v.checked===v.trueValue,disabled:v.disabled}}),g=h.ptm,O=h.cx;r(j.css.styles,h.isUnstyled,{name:"checkbox"});var x=e.useRef(null),k=e.useRef(v.inputRef),P=function(){return v.checked===v.trueValue},E=function(e){if(!v.disabled&&!v.readonly&&v.onChange){var t,n=P()?v.falseValue:v.trueValue;if(null==v||null===(t=v.onChange)||void 0===t||t.call(v,{originalEvent:e,value:v.value,checked:n,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{type:"checkbox",name:v.name,id:v.id,value:v.value,checked:n}}),e.defaultPrevented)return;p.focus(k.current)}};e.useImperativeHandle(o,(function(){return{props:v,focus:function(){return p.focus(k.current)},getElement:function(){return x.current},getInput:function(){return k.current}}})),e.useEffect((function(){f.combinedRefs(k,v.inputRef)}),[k,v.inputRef]),i((function(){k.current.checked=P()}),[v.checked,v.trueValue]),a((function(){v.autoFocus&&p.focus(k.current,v.autoFocus)}));var S,D,I,C,N,F=P(),R=f.isNotEmpty(v.tooltip),V=j.getOtherProps(v),A=b({id:v.id,className:s(v.className,O("root",{checked:F})),style:v.style,"data-p-highlight":F,"data-p-disabled":v.disabled,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown},V,g("root"));return e.createElement(e.Fragment,null,e.createElement("div",m({ref:x},A),(C=f.reduceKeys(V,p.ARIA_PROPS),N=b(w({id:v.inputId,type:"checkbox",className:O("input"),name:v.name,tabIndex:v.tabIndex,onFocus:function(e){var t;null==v||null===(t=v.onFocus)||void 0===t||t.call(v)},onBlur:function(e){var t;null==v||null===(t=v.onBlur)||void 0===t||t.call(v)},onChange:function(e){return E(e)},disabled:v.disabled,readOnly:v.readOnly,required:v.required,"aria-invalid":v.invalid,checked:F},C),g("input")),e.createElement("input",m({ref:k},N))),(S=b({className:O("icon")},g("icon")),D=b({className:O("box",{checked:F}),"data-p-highlight":F,"data-p-disabled":v.disabled},g("box")),I=d.getJSXIcon(F?v.icon||e.createElement(c,S):null,w({},S),{props:v,checked:F}),e.createElement("div",D,I))),R&&e.createElement(u,m({target:x,content:v.tooltip,pt:g("tooltip")},v.tooltipOptions)))})));S.displayName="Checkbox";var D=o.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 s("p-checkbox-icon p-c",h({},"".concat(e.icon),!0))},root:function(e){return s("p-multistatecheckbox p-checkbox p-component",e.props.classNames)}},inlineStyles:{checkbox:function(e){var t=e.selectedOption;return t&&t.style}}}});function I(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 C(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var N=e.memo(e.forwardRef((function(o,i){var c,b,y=l(),v=e.useContext(t),x=D.getProps(o,v),j=e.useState(!1),E=(b=2,g(c=j)||O(c,b)||k(c,b)||P()),w=E[0],I=E[1],N=e.useRef(null),F=x.optionValue?null:x.dataKey,R=D.setMetaData({props:x,state:{focused:w}}),V=R.ptm,A=R.cx,M=R.sx;r(D.css.styles,R.isUnstyled,{name:"multistatecheckbox"});var T=function(e){x.disabled||x.readOnly||K(e)},_=function(e){return x.optionValue?f.resolveFieldData(e,x.optionValue):e},K=function(e){if(x.onChange){var t=_(x.options?U===x.options.length-1?x.empty?null:x.options[0]:x.options[U+1]:null);x.onChange({originalEvent:e,value:t,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:x.name,id:x.id,value:t}})}};e.useImperativeHandle(i,(function(){return{props:x,focus:function(){return p.focusFirstElement(N.current)},getElement:function(){return N.current}}})),a((function(){x.empty||null!==x.value||K(),x.autoFocus&&p.focusFirstElement(N.current)}));var q,B,J=(x.options&&(B=x.options.findIndex((function(e){return f.equals(x.value,_(e),F)})),q=x.options[B]),{option:q,index:B}),L=J.option,U=J.index,X=f.isNotEmpty(x.tooltip),H=D.getOtherProps(x),Y=f.reduceKeys(H,p.ARIA_PROPS),$=function(){var e=L&&f.resolveFieldData(L,x.optionIcon||"icon")||"",t=s("p-checkbox-icon p-c",h({},"".concat(e),!0)),n=y({className:A("icon",{icon:e})},V("icon")),o=d.getJSXIcon(e,C({},n),{props:x});return x.iconTemplate?f.getJSXElement(x.iconTemplate,{option:L,className:t,element:o,props:x}):o}(),z=L?function(e){var t=x.optionLabel||x.optionValue;return t?f.resolveFieldData(e,t):e}(L):n("nullLabel"),G=L?"true":"false",Q=y({ref:N,id:x.id,className:s(x.className,A("root")),style:x.style,onClick:T},D.getOtherProps(x),V("root")),W=y(C({className:s(x.className),style:M("checkbox",{selectedOption:L}),tabIndex:x.tabIndex,onFocus:function(){I(!0)},onBlur:function(){I(!1)},onKeyDown:function(e){32===e.keyCode&&(K(e),e.preventDefault())},role:"checkbox","aria-checked":G,onChange:T,checked:!!L,disabled:null==x?void 0:x.disabled,icon:$},Y),V("checkbox")),Z=y({className:"p-sr-only p-hidden-accessible","aria-live":"polite"},V("srOnlyAria"));return e.createElement(e.Fragment,null,e.createElement("div",Q,e.createElement(S,W),w&&e.createElement("span",Z,z)),X&&e.createElement(u,m({target:N,content:x.tooltip,pt:V("tooltip")},x.tooltipOptions)))})));N.displayName="MultiStateCheckbox";export{N as MultiStateCheckbox};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
this.primereact = this.primereact || {};
|
|
2
|
-
this.primereact.multistatecheckbox = (function (exports, React, api, componentbase, hooks, tooltip, utils
|
|
2
|
+
this.primereact.multistatecheckbox = (function (exports, React, api, componentbase, hooks, check, tooltip, utils) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
5
|
function _interopNamespace(e) {
|
|
@@ -134,51 +134,6 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
|
|
|
134
134
|
}
|
|
135
135
|
|
|
136
136
|
var classes$1 = {
|
|
137
|
-
icon: function icon(_ref) {
|
|
138
|
-
var _icon = _ref.icon;
|
|
139
|
-
return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
|
|
140
|
-
},
|
|
141
|
-
root: function root(_ref2) {
|
|
142
|
-
var props = _ref2.props;
|
|
143
|
-
return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
|
|
144
|
-
}
|
|
145
|
-
};
|
|
146
|
-
var inlineStyles = {
|
|
147
|
-
checkbox: function checkbox(_ref3) {
|
|
148
|
-
var selectedOption = _ref3.selectedOption;
|
|
149
|
-
return selectedOption && selectedOption.style;
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
|
|
153
|
-
defaultProps: {
|
|
154
|
-
__TYPE: 'MultiStateCheckbox',
|
|
155
|
-
autoFocus: false,
|
|
156
|
-
className: null,
|
|
157
|
-
dataKey: null,
|
|
158
|
-
disabled: false,
|
|
159
|
-
empty: true,
|
|
160
|
-
iconTemplate: null,
|
|
161
|
-
id: null,
|
|
162
|
-
onChange: null,
|
|
163
|
-
optionIcon: null,
|
|
164
|
-
optionLabel: null,
|
|
165
|
-
optionValue: null,
|
|
166
|
-
options: null,
|
|
167
|
-
readOnly: false,
|
|
168
|
-
style: null,
|
|
169
|
-
tabIndex: '0',
|
|
170
|
-
tooltip: null,
|
|
171
|
-
tooltipOptions: null,
|
|
172
|
-
value: null,
|
|
173
|
-
children: undefined
|
|
174
|
-
},
|
|
175
|
-
css: {
|
|
176
|
-
classes: classes$1,
|
|
177
|
-
inlineStyles: inlineStyles
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
|
-
|
|
181
|
-
var classes = {
|
|
182
137
|
box: 'p-checkbox-box',
|
|
183
138
|
input: 'p-checkbox-input',
|
|
184
139
|
icon: 'p-checkbox-icon',
|
|
@@ -221,7 +176,7 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
|
|
|
221
176
|
children: undefined
|
|
222
177
|
},
|
|
223
178
|
css: {
|
|
224
|
-
classes: classes
|
|
179
|
+
classes: classes$1
|
|
225
180
|
}
|
|
226
181
|
});
|
|
227
182
|
|
|
@@ -386,6 +341,51 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
|
|
|
386
341
|
}));
|
|
387
342
|
Checkbox.displayName = 'Checkbox';
|
|
388
343
|
|
|
344
|
+
var classes = {
|
|
345
|
+
icon: function icon(_ref) {
|
|
346
|
+
var _icon = _ref.icon;
|
|
347
|
+
return utils.classNames('p-checkbox-icon p-c', _defineProperty({}, "".concat(_icon), true));
|
|
348
|
+
},
|
|
349
|
+
root: function root(_ref2) {
|
|
350
|
+
var props = _ref2.props;
|
|
351
|
+
return utils.classNames('p-multistatecheckbox p-checkbox p-component', props.classNames);
|
|
352
|
+
}
|
|
353
|
+
};
|
|
354
|
+
var inlineStyles = {
|
|
355
|
+
checkbox: function checkbox(_ref3) {
|
|
356
|
+
var selectedOption = _ref3.selectedOption;
|
|
357
|
+
return selectedOption && selectedOption.style;
|
|
358
|
+
}
|
|
359
|
+
};
|
|
360
|
+
var MultiStateCheckboxBase = componentbase.ComponentBase.extend({
|
|
361
|
+
defaultProps: {
|
|
362
|
+
__TYPE: 'MultiStateCheckbox',
|
|
363
|
+
autoFocus: false,
|
|
364
|
+
className: null,
|
|
365
|
+
dataKey: null,
|
|
366
|
+
disabled: false,
|
|
367
|
+
empty: true,
|
|
368
|
+
iconTemplate: null,
|
|
369
|
+
id: null,
|
|
370
|
+
onChange: null,
|
|
371
|
+
optionIcon: null,
|
|
372
|
+
optionLabel: null,
|
|
373
|
+
optionValue: null,
|
|
374
|
+
options: null,
|
|
375
|
+
readOnly: false,
|
|
376
|
+
style: null,
|
|
377
|
+
tabIndex: '0',
|
|
378
|
+
tooltip: null,
|
|
379
|
+
tooltipOptions: null,
|
|
380
|
+
value: null,
|
|
381
|
+
children: undefined
|
|
382
|
+
},
|
|
383
|
+
css: {
|
|
384
|
+
classes: classes,
|
|
385
|
+
inlineStyles: inlineStyles
|
|
386
|
+
}
|
|
387
|
+
});
|
|
388
|
+
|
|
389
389
|
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; }
|
|
390
390
|
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; }
|
|
391
391
|
var MultiStateCheckbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
|
|
@@ -569,4 +569,4 @@ this.primereact.multistatecheckbox = (function (exports, React, api, componentba
|
|
|
569
569
|
|
|
570
570
|
return exports;
|
|
571
571
|
|
|
572
|
-
})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.
|
|
572
|
+
})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.check, primereact.tooltip, primereact.utils);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
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);
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.multistatecheckbox=function(e,t,n,o,r,l,a,c){"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,a,c=[],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)&&(c.push(o.value),c.length!==t);i=!0);}catch(e){u=!0,r=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw r}}return c}}function v(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 h(e,t){if(e){if("string"==typeof e)return v(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)?v(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:"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 j(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 x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){b(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var k=u.memo(u.forwardRef((function(e,t){var i=r.useMergeProps(),p=u.useContext(n.PrimeReactContext),f=g.getProps(e,p),d=g.setMetaData({props:f,context:{checked:f.checked===f.trueValue,disabled:f.disabled}}),b=d.ptm,m=d.cx;o.useHandleStyle(g.css.styles,d.isUnstyled,{name:"checkbox"});var y=u.useRef(null),v=u.useRef(f.inputRef),h=function(){return f.checked===f.trueValue},O=function(e){if(!f.disabled&&!f.readonly&&f.onChange){var t,n=h()?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(v.current)}};u.useImperativeHandle(t,(function(){return{props:f,focus:function(){return c.DomHandler.focus(v.current)},getElement:function(){return y.current},getInput:function(){return v.current}}})),u.useEffect((function(){c.ObjectUtils.combinedRefs(v,f.inputRef)}),[v,f.inputRef]),r.useUpdateEffect((function(){v.current.checked=h()}),[f.checked,f.trueValue]),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focus(v.current,f.autoFocus)}));var j,k,P,E,D,S=h(),w=c.ObjectUtils.isNotEmpty(f.tooltip),N=g.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(x({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:v},D))),(j=i({className:m("icon")},b("icon")),k=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(l.CheckIcon,j):null,x({},j),{props:f,checked:S}),u.createElement("div",k,P))),w&&u.createElement(a.Tooltip,s({target:y,content:f.tooltip,pt:b("tooltip")},f.tooltipOptions)))})));k.displayName="Checkbox";var P=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}}}});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}var S=u.memo(u.forwardRef((function(e,t){var l,i,p=r.useMergeProps(),f=u.useContext(n.PrimeReactContext),d=P.getProps(e,f),v=u.useState(!1),g=(i=2,m(l=v)||y(l,i)||h(l,i)||O()),j=g[0],x=g[1],E=u.useRef(null),S=d.optionValue?null:d.dataKey,w=P.setMetaData({props:d,state:{focused:j}}),N=w.ptm,C=w.cx,I=w.sx;o.useHandleStyle(P.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=P.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},P.getOtherProps(d),N("root")),Y=p(D({className:c.classNames(d.className),style:I("checkbox",{selectedOption:H}),tabIndex:d.tabIndex,onFocus:function(){x(!0)},onBlur:function(){x(!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(k,Y),j&&u.createElement("span",z,L)),T&&u.createElement(a.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.icons.check,primereact.tooltip,primereact.utils);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "primereact",
|
|
3
|
-
"version": "10.6.
|
|
3
|
+
"version": "10.6.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "PrimeTek Informatics",
|
|
6
6
|
"description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",
|