primereact 10.6.3 → 10.6.5
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/accordion/accordion.cjs.js +14 -16
- package/accordion/accordion.cjs.min.js +1 -1
- package/accordion/accordion.d.ts +4 -0
- package/accordion/accordion.esm.js +14 -16
- package/accordion/accordion.esm.min.js +1 -1
- package/accordion/accordion.js +14 -16
- package/accordion/accordion.min.js +1 -1
- package/api/api.cjs.js +109 -38
- package/api/api.cjs.min.js +1 -1
- package/api/api.d.ts +5 -0
- package/api/api.esm.js +109 -38
- package/api/api.esm.min.js +1 -1
- package/api/api.js +109 -38
- package/api/api.min.js +1 -1
- package/autocomplete/autocomplete.cjs.js +8 -8
- package/autocomplete/autocomplete.cjs.min.js +1 -1
- package/autocomplete/autocomplete.esm.js +8 -8
- package/autocomplete/autocomplete.esm.min.js +1 -1
- package/autocomplete/autocomplete.js +8 -8
- package/autocomplete/autocomplete.min.js +1 -1
- package/breadcrumb/breadcrumb.cjs.js +2 -2
- package/breadcrumb/breadcrumb.cjs.min.js +1 -1
- package/breadcrumb/breadcrumb.esm.js +2 -2
- package/breadcrumb/breadcrumb.esm.min.js +1 -1
- package/breadcrumb/breadcrumb.js +2 -2
- package/breadcrumb/breadcrumb.min.js +1 -1
- package/buttongroup/buttongroup.d.ts +1 -6
- package/calendar/calendar.cjs.js +25 -8
- package/calendar/calendar.cjs.min.js +1 -1
- package/calendar/calendar.esm.js +25 -8
- package/calendar/calendar.esm.min.js +1 -1
- package/calendar/calendar.js +25 -8
- package/calendar/calendar.min.js +1 -1
- package/carousel/carousel.cjs.js +6 -2
- package/carousel/carousel.cjs.min.js +1 -1
- package/carousel/carousel.esm.js +7 -3
- package/carousel/carousel.esm.min.js +1 -1
- package/carousel/carousel.js +6 -2
- package/carousel/carousel.min.js +1 -1
- package/checkbox/checkbox.d.ts +6 -1
- package/chips/chips.cjs.js +13 -13
- package/chips/chips.cjs.min.js +1 -1
- package/chips/chips.esm.js +13 -13
- package/chips/chips.esm.min.js +1 -1
- package/chips/chips.js +13 -13
- package/chips/chips.min.js +1 -1
- package/core/core.js +313 -174
- package/core/core.min.js +7 -7
- package/datatable/datatable.cjs.js +29 -6
- package/datatable/datatable.cjs.min.js +1 -1
- package/datatable/datatable.d.ts +49 -27
- package/datatable/datatable.esm.js +29 -6
- package/datatable/datatable.esm.min.js +1 -1
- package/datatable/datatable.js +29 -6
- package/datatable/datatable.min.js +1 -1
- package/dialog/dialog.cjs.js +143 -92
- package/dialog/dialog.cjs.min.js +1 -1
- package/dialog/dialog.esm.js +144 -93
- package/dialog/dialog.esm.min.js +1 -1
- package/dialog/dialog.js +144 -93
- package/dialog/dialog.min.js +1 -1
- package/dropdown/dropdown.cjs.js +39 -40
- package/dropdown/dropdown.cjs.min.js +1 -1
- package/dropdown/dropdown.d.ts +17 -17
- package/dropdown/dropdown.esm.js +39 -40
- package/dropdown/dropdown.esm.min.js +1 -1
- package/dropdown/dropdown.js +39 -40
- package/dropdown/dropdown.min.js +1 -1
- package/editor/editor.cjs.js +2 -2
- package/editor/editor.cjs.min.js +1 -1
- package/editor/editor.esm.js +2 -2
- package/editor/editor.esm.min.js +1 -1
- package/editor/editor.js +2 -2
- package/editor/editor.min.js +1 -1
- package/fileupload/fileupload.d.ts +4 -0
- package/floatlabel/floatlabel.d.ts +5 -0
- package/galleria/galleria.cjs.js +9 -3
- package/galleria/galleria.cjs.min.js +1 -1
- package/galleria/galleria.esm.js +10 -4
- package/galleria/galleria.esm.min.js +1 -1
- package/galleria/galleria.js +9 -3
- package/galleria/galleria.min.js +1 -1
- package/inputnumber/inputnumber.cjs.js +11 -1
- package/inputnumber/inputnumber.cjs.min.js +1 -1
- package/inputnumber/inputnumber.esm.js +11 -1
- package/inputnumber/inputnumber.esm.min.js +1 -1
- package/inputnumber/inputnumber.js +11 -1
- package/inputnumber/inputnumber.min.js +1 -1
- package/inputotp/inputotp.cjs.js +13 -9
- package/inputotp/inputotp.cjs.min.js +1 -1
- package/inputotp/inputotp.esm.js +13 -9
- package/inputotp/inputotp.esm.min.js +1 -1
- package/inputotp/inputotp.js +13 -9
- package/inputotp/inputotp.min.js +1 -1
- package/inputotp/package.json +1 -1
- package/keyfilter/keyfilter.cjs.js +3 -1
- package/keyfilter/keyfilter.cjs.min.js +1 -1
- package/keyfilter/keyfilter.esm.js +3 -1
- package/keyfilter/keyfilter.esm.min.js +1 -1
- package/keyfilter/keyfilter.js +3 -1
- package/keyfilter/keyfilter.min.js +1 -1
- package/listbox/listbox.cjs.js +2 -6
- package/listbox/listbox.cjs.min.js +1 -1
- package/listbox/listbox.esm.js +2 -6
- package/listbox/listbox.esm.min.js +1 -1
- package/listbox/listbox.js +2 -6
- package/listbox/listbox.min.js +1 -1
- package/megamenu/megamenu.cjs.js +10 -6
- package/megamenu/megamenu.cjs.min.js +1 -1
- package/megamenu/megamenu.esm.js +10 -6
- package/megamenu/megamenu.esm.min.js +1 -1
- package/megamenu/megamenu.js +10 -6
- package/megamenu/megamenu.min.js +1 -1
- package/menu/menu.cjs.js +23 -5
- package/menu/menu.cjs.min.js +1 -1
- package/menu/menu.d.ts +19 -0
- package/menu/menu.esm.js +23 -5
- package/menu/menu.esm.min.js +1 -1
- package/menu/menu.js +23 -5
- package/menu/menu.min.js +1 -1
- package/menubar/menubar.d.ts +4 -0
- package/messages/messages.cjs.js +1 -1
- package/messages/messages.cjs.min.js +1 -1
- package/messages/messages.esm.js +1 -1
- package/messages/messages.esm.min.js +1 -1
- package/messages/messages.js +1 -1
- package/messages/messages.min.js +1 -1
- package/metergroup/metergroup.cjs.js +34 -13
- package/metergroup/metergroup.cjs.min.js +1 -1
- package/metergroup/metergroup.esm.js +7 -6
- package/metergroup/metergroup.esm.min.js +1 -1
- package/metergroup/metergroup.js +33 -12
- package/metergroup/metergroup.min.js +1 -1
- package/multiselect/multiselect.cjs.js +19 -4
- package/multiselect/multiselect.cjs.min.js +1 -1
- package/multiselect/multiselect.d.ts +17 -17
- package/multiselect/multiselect.esm.js +19 -4
- package/multiselect/multiselect.esm.min.js +1 -1
- package/multiselect/multiselect.js +19 -4
- package/multiselect/multiselect.min.js +1 -1
- package/overlaypanel/overlaypanel.cjs.js +3 -0
- package/overlaypanel/overlaypanel.cjs.min.js +1 -1
- package/overlaypanel/overlaypanel.d.ts +5 -0
- package/overlaypanel/overlaypanel.esm.js +3 -0
- package/overlaypanel/overlaypanel.esm.min.js +1 -1
- package/overlaypanel/overlaypanel.js +3 -0
- package/overlaypanel/overlaypanel.min.js +1 -1
- package/package.json +1 -1
- package/paginator/paginator.cjs.js +6 -0
- package/paginator/paginator.cjs.min.js +1 -1
- package/paginator/paginator.esm.js +6 -0
- package/paginator/paginator.esm.min.js +1 -1
- package/paginator/paginator.js +6 -0
- package/paginator/paginator.min.js +1 -1
- package/panelmenu/panelmenu.cjs.js +1 -2
- package/panelmenu/panelmenu.cjs.min.js +1 -1
- package/panelmenu/panelmenu.d.ts +4 -0
- package/panelmenu/panelmenu.esm.js +1 -2
- package/panelmenu/panelmenu.esm.min.js +1 -1
- package/panelmenu/panelmenu.js +1 -2
- package/panelmenu/panelmenu.min.js +1 -1
- package/passthrough/tailwind/index.cjs.js +14 -4
- package/passthrough/tailwind/index.cjs.min.js +1 -1
- package/passthrough/tailwind/index.esm.js +14 -4
- package/passthrough/tailwind/index.esm.min.js +1 -1
- package/passthrough/tailwind/index.js +14 -4
- package/passthrough/tailwind/index.min.js +1 -1
- package/password/password.cjs.js +110 -15
- package/password/password.cjs.min.js +1 -1
- package/password/password.d.ts +14 -10
- package/password/password.esm.js +110 -15
- package/password/password.esm.min.js +1 -1
- package/password/password.js +111 -16
- package/password/password.min.js +1 -1
- package/picklist/picklist.cjs.js +6 -0
- package/picklist/picklist.cjs.min.js +1 -1
- package/picklist/picklist.esm.js +6 -0
- package/picklist/picklist.esm.min.js +1 -1
- package/picklist/picklist.js +6 -0
- package/picklist/picklist.min.js +1 -1
- package/primereact.all.cjs.js +1145 -926
- package/primereact.all.cjs.min.js +1 -1
- package/primereact.all.esm.js +1145 -926
- package/primereact.all.esm.min.js +1 -1
- package/primereact.all.js +1145 -926
- package/primereact.all.min.js +1 -1
- package/ripple/ripple.d.ts +32 -0
- package/splitter/splitter.cjs.js +6 -1
- package/splitter/splitter.cjs.min.js +1 -1
- package/splitter/splitter.esm.js +6 -1
- package/splitter/splitter.esm.min.js +1 -1
- package/splitter/splitter.js +6 -1
- package/splitter/splitter.min.js +1 -1
- package/stepper/stepper.cjs.js +14 -4
- package/stepper/stepper.cjs.min.js +1 -1
- package/stepper/stepper.d.ts +14 -2
- package/stepper/stepper.esm.js +14 -4
- package/stepper/stepper.esm.min.js +1 -1
- package/stepper/stepper.js +14 -4
- package/stepper/stepper.min.js +1 -1
- package/stepperpanel/stepperpanel.cjs.js +0 -5
- package/stepperpanel/stepperpanel.cjs.min.js +1 -1
- package/stepperpanel/stepperpanel.d.ts +1 -1
- package/stepperpanel/stepperpanel.esm.js +0 -5
- package/stepperpanel/stepperpanel.esm.min.js +1 -1
- package/stepperpanel/stepperpanel.js +2 -6
- package/stepperpanel/stepperpanel.min.js +1 -1
- package/tabview/tabview.cjs.js +1 -1
- package/tabview/tabview.cjs.min.js +1 -1
- package/tabview/tabview.d.ts +4 -0
- package/tabview/tabview.esm.js +1 -1
- package/tabview/tabview.esm.min.js +1 -1
- package/tabview/tabview.js +1 -1
- package/tabview/tabview.min.js +1 -1
- package/toast/toast.cjs.js +7 -1
- package/toast/toast.cjs.min.js +1 -1
- package/toast/toast.esm.js +7 -1
- package/toast/toast.esm.min.js +1 -1
- package/toast/toast.js +7 -1
- package/toast/toast.min.js +1 -1
- package/treeselect/treeselect.cjs.js +12 -2
- package/treeselect/treeselect.cjs.min.js +1 -1
- package/treeselect/treeselect.esm.js +12 -2
- package/treeselect/treeselect.esm.min.js +1 -1
- package/treeselect/treeselect.js +12 -2
- package/treeselect/treeselect.min.js +1 -1
- package/treetable/treetable.cjs.js +8 -0
- package/treetable/treetable.cjs.min.js +1 -1
- package/treetable/treetable.esm.js +8 -0
- package/treetable/treetable.esm.min.js +1 -1
- package/treetable/treetable.js +8 -0
- package/treetable/treetable.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
- package/tristatecheckbox/tristatecheckbox.cjs.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
- package/tristatecheckbox/tristatecheckbox.esm.min.js +1 -1
- package/tristatecheckbox/tristatecheckbox.js +1 -1
- package/tristatecheckbox/tristatecheckbox.min.js +1 -1
- package/virtualscroller/virtualscroller.d.ts +3 -3
- package/web-types.json +62 -6
|
@@ -3,11 +3,31 @@
|
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
var hooks = require('primereact/hooks');
|
|
6
|
+
var React = require('react');
|
|
8
7
|
var api = require('primereact/api');
|
|
9
|
-
var utils = require('primereact/utils');
|
|
10
8
|
var componentbase = require('primereact/componentbase');
|
|
9
|
+
var hooks = require('primereact/hooks');
|
|
10
|
+
var utils = require('primereact/utils');
|
|
11
|
+
|
|
12
|
+
function _interopNamespace(e) {
|
|
13
|
+
if (e && e.__esModule) return e;
|
|
14
|
+
var n = Object.create(null);
|
|
15
|
+
if (e) {
|
|
16
|
+
Object.keys(e).forEach(function (k) {
|
|
17
|
+
if (k !== 'default') {
|
|
18
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
19
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return e[k]; }
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
n["default"] = e;
|
|
27
|
+
return Object.freeze(n);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
11
31
|
|
|
12
32
|
function _extends() {
|
|
13
33
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -116,7 +136,7 @@ var MeterGroupBase = componentbase.ComponentBase.extend({
|
|
|
116
136
|
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; }
|
|
117
137
|
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; }
|
|
118
138
|
var MeterGroup = function MeterGroup(inProps) {
|
|
119
|
-
var context =
|
|
139
|
+
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
120
140
|
var props = MeterGroupBase.getProps(inProps, context);
|
|
121
141
|
var values = props.values,
|
|
122
142
|
min = props.min,
|
|
@@ -139,7 +159,7 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
139
159
|
cx = _MeterGroupBase$setMe.cx,
|
|
140
160
|
isUnstyled = _MeterGroupBase$setMe.isUnstyled;
|
|
141
161
|
componentbase.useHandleStyle(MeterGroupBase.css.styles, isUnstyled, {
|
|
142
|
-
name: '
|
|
162
|
+
name: 'metergroup'
|
|
143
163
|
});
|
|
144
164
|
var totalPercent = 0;
|
|
145
165
|
var precentages = [];
|
|
@@ -178,14 +198,14 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
178
198
|
index: index
|
|
179
199
|
}), meterTemplateProps);
|
|
180
200
|
}
|
|
181
|
-
return /*#__PURE__*/
|
|
201
|
+
return /*#__PURE__*/React__namespace.createElement("span", _extends({
|
|
182
202
|
key: index
|
|
183
203
|
}, meterProps));
|
|
184
204
|
});
|
|
185
205
|
var meterContainerProps = mergeProps({
|
|
186
206
|
className: cx('metercontainer')
|
|
187
207
|
}, ptm('metercontainer'));
|
|
188
|
-
return /*#__PURE__*/
|
|
208
|
+
return /*#__PURE__*/React__namespace.createElement("div", meterContainerProps, meters);
|
|
189
209
|
};
|
|
190
210
|
var createLabelList = function createLabelList() {
|
|
191
211
|
var labelListProps = mergeProps({
|
|
@@ -197,7 +217,7 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
197
217
|
var labelProps = mergeProps({
|
|
198
218
|
className: cx('label')
|
|
199
219
|
}, ptm('label'));
|
|
200
|
-
return /*#__PURE__*/
|
|
220
|
+
return /*#__PURE__*/React__namespace.createElement("ol", labelListProps, values.map(function (item, index) {
|
|
201
221
|
var labelIconProps = mergeProps({
|
|
202
222
|
className: utils.classNames(cx('labelicon'), item.icon),
|
|
203
223
|
style: {
|
|
@@ -210,10 +230,10 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
210
230
|
backgroundColor: item.color
|
|
211
231
|
}
|
|
212
232
|
}, ptm('labellisttype'));
|
|
213
|
-
var labelIcon = item.icon ? /*#__PURE__*/
|
|
214
|
-
return /*#__PURE__*/
|
|
233
|
+
var labelIcon = item.icon ? /*#__PURE__*/React__namespace.createElement("i", labelIconProps) : /*#__PURE__*/React__namespace.createElement("span", labelListIconProps);
|
|
234
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({
|
|
215
235
|
key: index
|
|
216
|
-
}, labelItemProps), labelIcon, /*#__PURE__*/
|
|
236
|
+
}, labelItemProps), labelIcon, /*#__PURE__*/React__namespace.createElement("span", labelProps, item === null || item === void 0 ? void 0 : item.label, " ", (item === null || item === void 0 ? void 0 : item.value) && "(".concat(item === null || item === void 0 ? void 0 : item.value, "%)")));
|
|
217
237
|
}));
|
|
218
238
|
};
|
|
219
239
|
var templateProps = {
|
|
@@ -221,11 +241,12 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
221
241
|
precentages: precentages,
|
|
222
242
|
values: values
|
|
223
243
|
};
|
|
224
|
-
var
|
|
244
|
+
var labelListContent = labelList || createLabelList();
|
|
245
|
+
var labelElement = utils.ObjectUtils.getJSXElement(labelListContent, {
|
|
225
246
|
values: values,
|
|
226
247
|
totalPercent: totalPercent
|
|
227
248
|
});
|
|
228
|
-
return /*#__PURE__*/
|
|
249
|
+
return /*#__PURE__*/React__namespace.createElement("div", _extends({}, rootProps, {
|
|
229
250
|
role: "meter",
|
|
230
251
|
"aria-valuemin": min,
|
|
231
252
|
"aria-valuemax": max,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),r=require("primereact/componentbase"),n=require("primereact/hooks"),l=require("primereact/utils");function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.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 c(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function p(e){var t=c(e,"string");return"symbol"===s(t)?t:String(t)}var u=r.ComponentBase.extend({defaultProps:{__TYPE:"MeterGroup",__parentMetadata:null,children:void 0,className:null,values:null,min:0,max:100,orientation:"horizontal",labelPosition:"end",labelOrientation:"horizontal",start:null,end:null,meter:null,labelList:null},css:{classes:{root:function(e){var t=e.props;return[l.classNames("p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation})]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return l.classNames("p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation})},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"},styles:"\n@layer primereact {\n .p-metergroup {\n position: relative;\n overflow: hidden;\n }\n\n .p-metergroup-vertical.p-metergroup {\n display: flex;\n }\n\n .p-metergroup-vertical .p-metergroup-meter-container {\n flex-direction: column;\n }\n\n .p-metergroup-meter-container {\n display: flex;\n }\n\n .p-metergroup-label-list {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n\n .p-metergroup-vertical .p-metergroup-label-list {\n align-items: start;\n }\n\n .p-metergroup-label-list-vertical {\n flex-direction: column;\n }\n\n .p-metergroup-label-list-horizontal {\n flex-direction: row;\n }\n\n .p-metergroup-label-list-item {\n display: inline-flex;\n align-items: center;\n }\n\n .p-metergroup-label-type {\n display: inline-block;\n }\n}\n"}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=p(l=t))in n?Object.defineProperty(n,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[l]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}exports.MeterGroup=function(e){var a=o.useContext(t.PrimeReactContext),s=u.getProps(e,a),c=s.values,p=s.min,m=s.max,g=s.orientation,f=s.labelPosition,v=s.start,y=s.end,d=s.meter,O=s.labelList,h=n.useMergeProps(),j=u.setMetaData(b(b({props:s},s.__parentMetadata),{},{context:{disabled:s.disabled}})),P=j.ptm,x=j.cx;r.useHandleStyle(u.css.styles,j.isUnstyled,{name:"metergroup"});var E=0,N=[];c.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var w,S,M,_,z,k=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-p)/(m-p)*100)))},D=h({className:l.classNames(s.className,x("root",{orientation:g}))},u.getOtherProps(s),P("root")),q={totalPercent:E,precentages:N,values:c},C=O||(w=h({className:x("labellist")},P("labellist")),S=h({className:x("labellistitem")},P("labellistitem")),M=h({className:x("label")},P("label")),o.createElement("ol",w,c.map((function(e,t){var r=h({className:l.classNames(x("labelicon"),e.icon),style:{color:e.color}},P("labelicon")),n=h({className:x("labellisttype"),style:{backgroundColor:e.color}},P("labellisttype")),a=e.icon?o.createElement("i",r):o.createElement("span",n);return o.createElement("li",i({key:t},S),a,o.createElement("span",M,null==e?void 0:e.label," ",(null==e?void 0:e.value)&&"(".concat(null==e?void 0:e.value,"%)")))})))),U=l.ObjectUtils.getJSXElement(C,{values:c,totalPercent:E});return o.createElement("div",i({},D,{role:"meter","aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":E}),"start"===f&&U,v&&l.ObjectUtils.getJSXElement(v,q),(_=c.map((function(e,t){var r=k(e.value),n={backgroundColor:e.color,width:"horizontal"===g?r+"%":"auto",height:"vertical"===g?r+"%":"auto"},a=h({className:x("meter"),style:n},P("meter"));if(d||e.meterTemplate){var s=h({className:x("meter")},P("meter"));return l.ObjectUtils.getJSXElement(e.meterTemplate||d,b(b({},e),{},{percentage:r,index:t}),s)}return o.createElement("span",i({key:t},a))})),z=h({className:x("metercontainer")},P("metercontainer")),o.createElement("div",z,_)),y&&l.ObjectUtils.getJSXElement(y,q),"end"===f&&U)};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import
|
|
3
|
-
import { useMergeProps } from 'primereact/hooks';
|
|
2
|
+
import * as React from 'react';
|
|
4
3
|
import { PrimeReactContext } from 'primereact/api';
|
|
5
|
-
import { classNames, ObjectUtils } from 'primereact/utils';
|
|
6
4
|
import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
|
|
5
|
+
import { useMergeProps } from 'primereact/hooks';
|
|
6
|
+
import { classNames, ObjectUtils } from 'primereact/utils';
|
|
7
7
|
|
|
8
8
|
function _extends() {
|
|
9
9
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
@@ -112,7 +112,7 @@ var MeterGroupBase = ComponentBase.extend({
|
|
|
112
112
|
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; }
|
|
113
113
|
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; }
|
|
114
114
|
var MeterGroup = function MeterGroup(inProps) {
|
|
115
|
-
var context = useContext(PrimeReactContext);
|
|
115
|
+
var context = React.useContext(PrimeReactContext);
|
|
116
116
|
var props = MeterGroupBase.getProps(inProps, context);
|
|
117
117
|
var values = props.values,
|
|
118
118
|
min = props.min,
|
|
@@ -135,7 +135,7 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
135
135
|
cx = _MeterGroupBase$setMe.cx,
|
|
136
136
|
isUnstyled = _MeterGroupBase$setMe.isUnstyled;
|
|
137
137
|
useHandleStyle(MeterGroupBase.css.styles, isUnstyled, {
|
|
138
|
-
name: '
|
|
138
|
+
name: 'metergroup'
|
|
139
139
|
});
|
|
140
140
|
var totalPercent = 0;
|
|
141
141
|
var precentages = [];
|
|
@@ -217,7 +217,8 @@ var MeterGroup = function MeterGroup(inProps) {
|
|
|
217
217
|
precentages: precentages,
|
|
218
218
|
values: values
|
|
219
219
|
};
|
|
220
|
-
var
|
|
220
|
+
var labelListContent = labelList || createLabelList();
|
|
221
|
+
var labelElement = ObjectUtils.getJSXElement(labelListContent, {
|
|
221
222
|
values: values,
|
|
222
223
|
totalPercent: totalPercent
|
|
223
224
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as n}from"primereact/componentbase";import{useMergeProps as l}from"primereact/hooks";import{classNames as a,ObjectUtils as o}from"primereact/utils";function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.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 m(e,t){if("object"!==p(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=m(e,"string");return"symbol"===p(t)?t:String(t)}var c=r.extend({defaultProps:{__TYPE:"MeterGroup",__parentMetadata:null,children:void 0,className:null,values:null,min:0,max:100,orientation:"horizontal",labelPosition:"end",labelOrientation:"horizontal",start:null,end:null,meter:null,labelList:null},css:{classes:{root:function(e){var t=e.props;return[a("p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation})]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return a("p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation})},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"},styles:"\n@layer primereact {\n .p-metergroup {\n position: relative;\n overflow: hidden;\n }\n\n .p-metergroup-vertical.p-metergroup {\n display: flex;\n }\n\n .p-metergroup-vertical .p-metergroup-meter-container {\n flex-direction: column;\n }\n\n .p-metergroup-meter-container {\n display: flex;\n }\n\n .p-metergroup-label-list {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n\n .p-metergroup-vertical .p-metergroup-label-list {\n align-items: start;\n }\n\n .p-metergroup-label-list-vertical {\n flex-direction: column;\n }\n\n .p-metergroup-label-list-horizontal {\n flex-direction: row;\n }\n\n .p-metergroup-label-list-item {\n display: inline-flex;\n align-items: center;\n }\n\n .p-metergroup-label-type {\n display: inline-block;\n }\n}\n"}});function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=s(l=t))in n?Object.defineProperty(n,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[l]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(r){var p=e.useContext(t),m=c.getProps(r,p),s=m.values,u=m.min,g=m.max,v=m.orientation,f=m.labelPosition,y=m.start,d=m.end,h=m.meter,O=m.labelList,P=l(),j=c.setMetaData(b(b({props:m},m.__parentMetadata),{},{context:{disabled:m.disabled}})),x=j.ptm,E=j.cx;n(c.css.styles,j.isUnstyled,{name:"metergroup"});var w=0,S=[];s.map((function(e){w+=e.value,S.push(Math.round(e.value/w*100))}));var N,z,M,k,_,D=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-u)/(g-u)*100)))},J=P({className:a(m.className,E("root",{orientation:v}))},c.getOtherProps(m),x("root")),T={totalPercent:w,precentages:S,values:s},X=O||(N=P({className:E("labellist")},x("labellist")),z=P({className:E("labellistitem")},x("labellistitem")),M=P({className:E("label")},x("label")),e.createElement("ol",N,s.map((function(t,r){var n=P({className:a(E("labelicon"),t.icon),style:{color:t.color}},x("labelicon")),l=P({className:E("labellisttype"),style:{backgroundColor:t.color}},x("labellisttype")),o=t.icon?e.createElement("i",n):e.createElement("span",l);return e.createElement("li",i({key:r},z),o,e.createElement("span",M,null==t?void 0:t.label," ",(null==t?void 0:t.value)&&"(".concat(null==t?void 0:t.value,"%)")))})))),C=o.getJSXElement(X,{values:s,totalPercent:w});return e.createElement("div",i({},J,{role:"meter","aria-valuemin":u,"aria-valuemax":g,"aria-valuenow":w}),"start"===f&&C,y&&o.getJSXElement(y,T),(k=s.map((function(t,r){var n=D(t.value),l={backgroundColor:t.color,width:"horizontal"===v?n+"%":"auto",height:"vertical"===v?n+"%":"auto"},a=P({className:E("meter"),style:l},x("meter"));if(h||t.meterTemplate){var p=P({className:E("meter")},x("meter"));return o.getJSXElement(t.meterTemplate||h,b(b({},t),{},{percentage:n,index:r}),p)}return e.createElement("span",i({key:r},a))})),_=P({className:E("metercontainer")},x("metercontainer")),e.createElement("div",_,k)),d&&o.getJSXElement(d,T),"end"===f&&C)};export{g as MeterGroup};
|
package/metergroup/metergroup.js
CHANGED
|
@@ -1,7 +1,27 @@
|
|
|
1
1
|
this.primereact = this.primereact || {};
|
|
2
|
-
this.primereact.metergroup = (function (exports,
|
|
2
|
+
this.primereact.metergroup = (function (exports, React, api, componentbase, hooks, utils) {
|
|
3
3
|
'use strict';
|
|
4
4
|
|
|
5
|
+
function _interopNamespace(e) {
|
|
6
|
+
if (e && e.__esModule) return e;
|
|
7
|
+
var n = Object.create(null);
|
|
8
|
+
if (e) {
|
|
9
|
+
Object.keys(e).forEach(function (k) {
|
|
10
|
+
if (k !== 'default') {
|
|
11
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return e[k]; }
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
n["default"] = e;
|
|
20
|
+
return Object.freeze(n);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
24
|
+
|
|
5
25
|
function _extends() {
|
|
6
26
|
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
7
27
|
for (var i = 1; i < arguments.length; i++) {
|
|
@@ -109,7 +129,7 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
109
129
|
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; }
|
|
110
130
|
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; }
|
|
111
131
|
var MeterGroup = function MeterGroup(inProps) {
|
|
112
|
-
var context =
|
|
132
|
+
var context = React__namespace.useContext(api.PrimeReactContext);
|
|
113
133
|
var props = MeterGroupBase.getProps(inProps, context);
|
|
114
134
|
var values = props.values,
|
|
115
135
|
min = props.min,
|
|
@@ -132,7 +152,7 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
132
152
|
cx = _MeterGroupBase$setMe.cx,
|
|
133
153
|
isUnstyled = _MeterGroupBase$setMe.isUnstyled;
|
|
134
154
|
componentbase.useHandleStyle(MeterGroupBase.css.styles, isUnstyled, {
|
|
135
|
-
name: '
|
|
155
|
+
name: 'metergroup'
|
|
136
156
|
});
|
|
137
157
|
var totalPercent = 0;
|
|
138
158
|
var precentages = [];
|
|
@@ -171,14 +191,14 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
171
191
|
index: index
|
|
172
192
|
}), meterTemplateProps);
|
|
173
193
|
}
|
|
174
|
-
return /*#__PURE__*/
|
|
194
|
+
return /*#__PURE__*/React__namespace.createElement("span", _extends({
|
|
175
195
|
key: index
|
|
176
196
|
}, meterProps));
|
|
177
197
|
});
|
|
178
198
|
var meterContainerProps = mergeProps({
|
|
179
199
|
className: cx('metercontainer')
|
|
180
200
|
}, ptm('metercontainer'));
|
|
181
|
-
return /*#__PURE__*/
|
|
201
|
+
return /*#__PURE__*/React__namespace.createElement("div", meterContainerProps, meters);
|
|
182
202
|
};
|
|
183
203
|
var createLabelList = function createLabelList() {
|
|
184
204
|
var labelListProps = mergeProps({
|
|
@@ -190,7 +210,7 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
190
210
|
var labelProps = mergeProps({
|
|
191
211
|
className: cx('label')
|
|
192
212
|
}, ptm('label'));
|
|
193
|
-
return /*#__PURE__*/
|
|
213
|
+
return /*#__PURE__*/React__namespace.createElement("ol", labelListProps, values.map(function (item, index) {
|
|
194
214
|
var labelIconProps = mergeProps({
|
|
195
215
|
className: utils.classNames(cx('labelicon'), item.icon),
|
|
196
216
|
style: {
|
|
@@ -203,10 +223,10 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
203
223
|
backgroundColor: item.color
|
|
204
224
|
}
|
|
205
225
|
}, ptm('labellisttype'));
|
|
206
|
-
var labelIcon = item.icon ? /*#__PURE__*/
|
|
207
|
-
return /*#__PURE__*/
|
|
226
|
+
var labelIcon = item.icon ? /*#__PURE__*/React__namespace.createElement("i", labelIconProps) : /*#__PURE__*/React__namespace.createElement("span", labelListIconProps);
|
|
227
|
+
return /*#__PURE__*/React__namespace.createElement("li", _extends({
|
|
208
228
|
key: index
|
|
209
|
-
}, labelItemProps), labelIcon, /*#__PURE__*/
|
|
229
|
+
}, labelItemProps), labelIcon, /*#__PURE__*/React__namespace.createElement("span", labelProps, item === null || item === void 0 ? void 0 : item.label, " ", (item === null || item === void 0 ? void 0 : item.value) && "(".concat(item === null || item === void 0 ? void 0 : item.value, "%)")));
|
|
210
230
|
}));
|
|
211
231
|
};
|
|
212
232
|
var templateProps = {
|
|
@@ -214,11 +234,12 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
214
234
|
precentages: precentages,
|
|
215
235
|
values: values
|
|
216
236
|
};
|
|
217
|
-
var
|
|
237
|
+
var labelListContent = labelList || createLabelList();
|
|
238
|
+
var labelElement = utils.ObjectUtils.getJSXElement(labelListContent, {
|
|
218
239
|
values: values,
|
|
219
240
|
totalPercent: totalPercent
|
|
220
241
|
});
|
|
221
|
-
return /*#__PURE__*/
|
|
242
|
+
return /*#__PURE__*/React__namespace.createElement("div", _extends({}, rootProps, {
|
|
222
243
|
role: "meter",
|
|
223
244
|
"aria-valuemin": min,
|
|
224
245
|
"aria-valuemax": max,
|
|
@@ -232,4 +253,4 @@ this.primereact.metergroup = (function (exports, react, hooks, api, utils, compo
|
|
|
232
253
|
|
|
233
254
|
return exports;
|
|
234
255
|
|
|
235
|
-
})({}, React, primereact.
|
|
256
|
+
})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
this.primereact=this.primereact||{},this.primereact.metergroup=function(e,t,r,n,l,a){"use strict";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},
|
|
1
|
+
this.primereact=this.primereact||{},this.primereact.metergroup=function(e,t,r,n,l,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(t);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function c(e){return c="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},c(e)}function p(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=p(e,"string");return"symbol"===c(t)?t:String(t)}var m=n.ComponentBase.extend({defaultProps:{__TYPE:"MeterGroup",__parentMetadata:null,children:void 0,className:null,values:null,min:0,max:100,orientation:"horizontal",labelPosition:"end",labelOrientation:"horizontal",start:null,end:null,meter:null,labelList:null},css:{classes:{root:function(e){var t=e.props;return[a.classNames("p-metergroup p-component",{"p-metergroup-horizontal":"horizontal"===t.orientation,"p-metergroup-vertical":"vertical"===t.orientation})]},metercontainer:"p-metergroup-meter-container",meter:"p-metergroup-meter",labellist:function(e){var t=e.props;return a.classNames("p-metergroup-label-list",{"p-metergroup-label-list-start":"start"===t.labelPosition,"p-metergroup-label-list-end":"end"===t.labelPosition,"p-metergroup-label-list-vertical":"vertical"===t.labelOrientation,"p-metergroup-label-list-horizontal":"horizontal"===t.labelOrientation})},labellistitem:"p-metergroup-label-list-item",labelicon:"p-metergroup-label-icon",labellisttype:"p-metergroup-label-type",label:"p-metergroup-label"},styles:"\n@layer primereact {\n .p-metergroup {\n position: relative;\n overflow: hidden;\n }\n\n .p-metergroup-vertical.p-metergroup {\n display: flex;\n }\n\n .p-metergroup-vertical .p-metergroup-meter-container {\n flex-direction: column;\n }\n\n .p-metergroup-meter-container {\n display: flex;\n }\n\n .p-metergroup-label-list {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n\n .p-metergroup-vertical .p-metergroup-label-list {\n align-items: start;\n }\n\n .p-metergroup-label-list-vertical {\n flex-direction: column;\n }\n\n .p-metergroup-label-list-horizontal {\n flex-direction: row;\n }\n\n .p-metergroup-label-list-item {\n display: inline-flex;\n align-items: center;\n }\n\n .p-metergroup-label-type {\n display: inline-block;\n }\n}\n"}});function b(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?b(Object(r),!0).forEach((function(t){var n,l,a;n=e,a=r[t],(l=u(l=t))in n?Object.defineProperty(n,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):n[l]=a})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):b(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}return e.MeterGroup=function(e){var t=i.useContext(r.PrimeReactContext),o=m.getProps(e,t),c=o.values,p=o.min,u=o.max,b=o.orientation,f=o.labelPosition,v=o.start,y=o.end,d=o.meter,O=o.labelList,h=l.useMergeProps(),j=m.setMetaData(g(g({props:o},o.__parentMetadata),{},{context:{disabled:o.disabled}})),P=j.ptm,x=j.cx;n.useHandleStyle(m.css.styles,j.isUnstyled,{name:"metergroup"});var E=0,N=[];c.map((function(e){E+=e.value,N.push(Math.round(e.value/E*100))}));var w,S,M,_,z,k=function(){return Math.round(Math.max(0,Math.min(100,((arguments.length>0&&void 0!==arguments[0]?arguments[0]:0)-p)/(u-p)*100)))},D=h({className:a.classNames(o.className,x("root",{orientation:b}))},m.getOtherProps(o),P("root")),C={totalPercent:E,precentages:N,values:c},U=O||(w=h({className:x("labellist")},P("labellist")),S=h({className:x("labellistitem")},P("labellistitem")),M=h({className:x("label")},P("label")),i.createElement("ol",w,c.map((function(e,t){var r=h({className:a.classNames(x("labelicon"),e.icon),style:{color:e.color}},P("labelicon")),n=h({className:x("labellisttype"),style:{backgroundColor:e.color}},P("labellisttype")),l=e.icon?i.createElement("i",r):i.createElement("span",n);return i.createElement("li",s({key:t},S),l,i.createElement("span",M,null==e?void 0:e.label," ",(null==e?void 0:e.value)&&"(".concat(null==e?void 0:e.value,"%)")))})))),J=a.ObjectUtils.getJSXElement(U,{values:c,totalPercent:E});return i.createElement("div",s({},D,{role:"meter","aria-valuemin":p,"aria-valuemax":u,"aria-valuenow":E}),"start"===f&&J,v&&a.ObjectUtils.getJSXElement(v,C),(_=c.map((function(e,t){var r=k(e.value),n={backgroundColor:e.color,width:"horizontal"===b?r+"%":"auto",height:"vertical"===b?r+"%":"auto"},l=h({className:x("meter"),style:n},P("meter"));if(d||e.meterTemplate){var o=h({className:x("meter")},P("meter"));return a.ObjectUtils.getJSXElement(e.meterTemplate||d,g(g({},e),{},{percentage:r,index:t}),o)}return i.createElement("span",s({key:t},l))})),z=h({className:x("metercontainer")},P("metercontainer")),i.createElement("div",z,_)),y&&a.ObjectUtils.getJSXElement(y,C),"end"===f&&J)},Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);
|
|
@@ -244,7 +244,7 @@ var classes$1 = {
|
|
|
244
244
|
'p-focus': props.focusedOptionIndex === props.index
|
|
245
245
|
});
|
|
246
246
|
},
|
|
247
|
-
checkboxContainer: 'p-checkbox
|
|
247
|
+
checkboxContainer: 'p-multiselect-checkbox',
|
|
248
248
|
checkboxIcon: 'p-checkbox-icon p-c',
|
|
249
249
|
transition: 'p-connected-overlay'
|
|
250
250
|
};
|
|
@@ -1471,6 +1471,11 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1471
1471
|
});
|
|
1472
1472
|
}
|
|
1473
1473
|
}
|
|
1474
|
+
|
|
1475
|
+
// make sure not to exceed the selection limit
|
|
1476
|
+
if (props.selectionLimit && value && value.length) {
|
|
1477
|
+
value = value.slice(0, props.selectionLimit);
|
|
1478
|
+
}
|
|
1474
1479
|
updateModel(event.originalEvent, value, value);
|
|
1475
1480
|
}
|
|
1476
1481
|
};
|
|
@@ -1721,10 +1726,20 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
|
|
|
1721
1726
|
return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupChildren);
|
|
1722
1727
|
};
|
|
1723
1728
|
var isOptionDisabled = function isOptionDisabled(option) {
|
|
1724
|
-
|
|
1725
|
-
|
|
1729
|
+
var _option$disabled;
|
|
1730
|
+
// disable if we have hit our selection limit
|
|
1731
|
+
if (!allowOptionSelect() && !isSelected(option)) {
|
|
1732
|
+
return true;
|
|
1726
1733
|
}
|
|
1727
|
-
|
|
1734
|
+
|
|
1735
|
+
// check if custom optionDisabled function is being used
|
|
1736
|
+
var optionDisabled = props.optionDisabled;
|
|
1737
|
+
if (optionDisabled) {
|
|
1738
|
+
return utils.ObjectUtils.isFunction(optionDisabled) ? optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, optionDisabled);
|
|
1739
|
+
}
|
|
1740
|
+
|
|
1741
|
+
// fallback to the option itself disabled value
|
|
1742
|
+
return option && ((_option$disabled = option.disabled) !== null && _option$disabled !== void 0 ? _option$disabled : false);
|
|
1728
1743
|
};
|
|
1729
1744
|
var isOptionValueUsed = function isOptionValueUsed(option) {
|
|
1730
1745
|
return !props.useOptionAsValue && props.optionValue || option && option.value !== undefined;
|