magneto365.ui 2.48.3 → 2.48.5

package/dist/esm/index.js

@@ -6801,7 +6801,7 @@ var getDefaulSelected = function (selected) {
     return selected.map(function (select) { return select.value; }).join(', ');
 };
 var Component$a = function (_a) {
-    var onChange = _a.onChange, value = _a.value, className = _a.className, onClick = _a.onClick, _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.actionIcon, actionIcon = _c === void 0 ? ArrowDown2 : _c, selected = _a.selected, _d = _a.getLabel, getLabel = _d === void 0 ? getDefaulSelected : _d, readOnly = _a.readOnly, disabled = _a.disabled, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled"]);
+    var _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, _c = _a.value, value = _c === void 0 ? '' : _c, className = _a.className, _d = _a.onClick, onClick = _d === void 0 ? stubUndefined : _d, _e = _a.open, open = _e === void 0 ? false : _e, _f = _a.actionIcon, actionIcon = _f === void 0 ? ArrowDown2 : _f, _g = _a.selected, selected = _g === void 0 ? [] : _g, _h = _a.getLabel, getLabel = _h === void 0 ? getDefaulSelected : _h, readOnly = _a.readOnly, disabled = _a.disabled, _j = _a.placeholder, placeholder = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, rest = __rest(_a, ["onChange", "value", "className", "onClick", "open", "actionIcon", "selected", "getLabel", "readOnly", "disabled", "placeholder", "type"]);
     var ref = useRef({ onChange: onChange, id: generateID() });
     useEffect(function () {
         ref.current.onChange = onChange;
@@ -6817,17 +6817,17 @@ var Component$a = function (_a) {
     if (!readOnly) {
         return (React.createElement("div", { className: cx$5('select-input', className, {
                 'select-input--with-icon': actionIcon !== undefined,
-                'select-input--no-placeholder': rest.placeholder.length === 0,
+                'select-input--no-placeholder': placeholder.length === 0,
                 'select-input--disabled': disabled
             }), onClick: function () { return (disabled ? null : onClick()); }, "data-name": "select-input", "data-selected": selected.length > 0, "data-is-open": open },
-            React.createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon }, rest))));
+            React.createElement(Input, __assign({ name: ref.current.id, disabled: disabled, value: open ? value : getLabel(selected), onChange: onChange, actionIcon: actionIcon, placeholder: placeholder, type: type }, rest))));
     }
-    return (React.createElement("button", { className: cx$5('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open },
+    return (React.createElement("button", { className: cx$5('select-button', { 'select-button--disabled': disabled }, className), disabled: disabled, onClick: onClick, "data-name": "select-button", "data-selected": selected.length > 0, "data-is-open": open, type: "button" },
         React.createElement("div", { className: cx$5('select-button__input') },
-            rest.placeholder.length > 0 ? (React.createElement("span", { className: cx$5('select-button__placeholder', {
+            placeholder.length > 0 ? (React.createElement("span", { className: cx$5('select-button__placeholder', {
                     'select-button__placeholder--open': open,
                     'select-button__placeholder--selected': selected.length > 0
-                }) }, rest.placeholder)) : null,
+                }) }, placeholder)) : null,
             selected.length > 0 ? (React.createElement("span", { className: cx$5('select-button__value', {
                     'select-button__placeholder--open': open
                 }) }, getLabel(selected))) : null),
@@ -6859,7 +6859,7 @@ var SelectClickout = function (_a) {
 };
 var SelectClickout$1 = withClickOut(SelectClickout);
 
-var styles$a = {"select-drawer":"mg_select_drawer_select-drawer_1d398"};
+var styles$a = {"select-drawer":"mg_select_drawer_select-drawer_tv0qc"};
 
 var cx$3 = classNames.bind(styles$a);
 var SelectDrawer = function (_a) {
@@ -6868,15 +6868,22 @@ var SelectDrawer = function (_a) {
     return (React.createElement(MobileDrawer, { className: cx$3('select-drawer', className), isOpen: open, onClose: function () { return onSwitch(false); }, blockBackgroundClose: true }, children));
 };
 
-var styles$9 = {"checkbox":"mg_checkbox_checkbox_1fdbz","checkbox--inline":"mg_checkbox_checkbox--inline_1fdbz","checkbox--block":"mg_checkbox_checkbox--block_1fdbz","checkbox--checked":"mg_checkbox_checkbox--checked_1fdbz","checkbox--background":"mg_checkbox_checkbox--background_1fdbz","custom-checked":"mg_checkbox_custom-checked_1fdbz"};
+var styles$9 = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
 
 var cx$2 = classNames.bind(styles$9);
+var defaultCheck = function (_a) {
+    var type = _a.type, checked = _a.checked;
+    if (type === 'background')
+        return;
+    return (React.createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$2('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React.createElement(React.Fragment, null, "\u2713") : null));
+};
 var Component$9 = function (_a) {
-    var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display"]);
+    var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
     return (React.createElement("label", { className: cx$2('checkbox', "checkbox--".concat(display), className, {
             'checkbox--checked': checked,
             'checkbox--background': type === 'background'
         }), "data-name": "checkbox-container", htmlFor: id },
+        renderCheck({ checked: checked, type: type }),
         React.createElement("input", __assign({ "data-name": "checkbox", checked: checked, onChange: function (_a) {
                 var target = _a.target;
                 return onChange(target.checked);