@popsure/dirty-swan 0.39.0 → 0.39.1
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/dist/cjs/index.js +20 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/input/checkbox/index.d.ts +3 -3
- package/dist/cjs/lib/components/input/radio/index.d.ts +4 -4
- package/dist/cjs/lib/components/input/radio/index.stories.d.ts +1 -1
- package/dist/cjs/lib/components/input/toggle/index.d.ts +3 -2
- package/dist/cjs/lib/components/input/toggle/index.stories.d.ts +6 -2
- package/dist/esm/components/input/checkbox/index.js +10 -8
- package/dist/esm/components/input/checkbox/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.test.js +14 -5
- package/dist/esm/components/input/checkbox/index.test.js.map +1 -1
- package/dist/esm/components/input/radio/index.js +8 -5
- package/dist/esm/components/input/radio/index.js.map +1 -1
- package/dist/esm/components/input/radio/index.test.js +13 -4
- package/dist/esm/components/input/radio/index.test.js.map +1 -1
- package/dist/esm/components/input/toggle/index.js +2 -2
- package/dist/esm/components/input/toggle/index.js.map +1 -1
- package/dist/esm/components/input/toggle/index.stories.js +6 -2
- package/dist/esm/components/input/toggle/index.stories.js.map +1 -1
- package/dist/esm/lib/components/input/checkbox/index.d.ts +3 -3
- package/dist/esm/lib/components/input/radio/index.d.ts +4 -4
- package/dist/esm/lib/components/input/radio/index.stories.d.ts +1 -1
- package/dist/esm/lib/components/input/toggle/index.d.ts +3 -2
- package/dist/esm/lib/components/input/toggle/index.stories.d.ts +6 -2
- package/package.json +1 -1
- package/src/lib/components/input/checkbox/index.test.tsx +56 -37
- package/src/lib/components/input/checkbox/index.tsx +38 -36
- package/src/lib/components/input/radio/index.test.tsx +51 -35
- package/src/lib/components/input/radio/index.tsx +37 -33
- package/src/lib/components/input/toggle/index.stories.tsx +6 -0
- package/src/lib/components/input/toggle/index.tsx +4 -1
package/dist/cjs/index.js
CHANGED
|
@@ -8390,11 +8390,13 @@ var Checkbox = function (_a) {
|
|
|
8390
8390
|
onChange(newValues_1);
|
|
8391
8391
|
return;
|
|
8392
8392
|
}
|
|
8393
|
-
var newValues = value
|
|
8394
|
-
? __spreadArray$1(__spreadArray$1([], value), [newValue]) : [newValue];
|
|
8393
|
+
var newValues = value ? __spreadArray$1(__spreadArray$1([], value), [newValue]) : [newValue];
|
|
8395
8394
|
onChange(newValues);
|
|
8396
8395
|
};
|
|
8397
8396
|
var entries = Object.entries(options);
|
|
8397
|
+
var isCheckboxLabelObject = function (label) {
|
|
8398
|
+
return label.title !== undefined;
|
|
8399
|
+
};
|
|
8398
8400
|
return (jsxRuntime.jsx("div", __assign({ className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.container, styles$m.container, 'd-flex gap8', (_b = {},
|
|
8399
8401
|
_b[styles$m.narrow] = !wide,
|
|
8400
8402
|
_b['fd-row'] = inlineLayout,
|
|
@@ -8405,16 +8407,16 @@ var Checkbox = function (_a) {
|
|
|
8405
8407
|
var currentValue = _a[0], label = _a[1];
|
|
8406
8408
|
var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
|
|
8407
8409
|
var customIcon = (_b = label) === null || _b === void 0 ? void 0 : _b.icon;
|
|
8408
|
-
return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames(
|
|
8409
|
-
'p-checkbox--no-icon': customIcon
|
|
8410
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames('p-checkbox', {
|
|
8411
|
+
'p-checkbox--no-icon': customIcon,
|
|
8410
8412
|
}), id: currentValue, type: "checkbox", value: currentValue, onChange: function () { return handleOnChange(currentValue); }, checked: checked, "data-testid": "checkbox-input-" + currentValue }, void 0),
|
|
8411
8413
|
jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16', {
|
|
8412
8414
|
'p-label--bordered': bordered,
|
|
8413
8415
|
'jc-center': customIcon,
|
|
8414
|
-
'fd-column': customIcon
|
|
8415
|
-
}), "data-cy": "checkbox-" + currentValue, "data-testid": "checkbox-" + currentValue }, { children: [customIcon &&
|
|
8416
|
-
|
|
8417
|
-
jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0))] }), void 0)] }), currentValue));
|
|
8416
|
+
'fd-column': customIcon,
|
|
8417
|
+
}), "data-cy": "checkbox-" + currentValue, "data-testid": "checkbox-" + currentValue }, { children: [customIcon && jsxRuntime.jsx("div", __assign({ className: "mt8" }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0),
|
|
8418
|
+
isCheckboxLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
|
|
8419
|
+
jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0)) : (label)] }), void 0)] }), currentValue));
|
|
8418
8420
|
}) }), void 0));
|
|
8419
8421
|
};
|
|
8420
8422
|
|
|
@@ -8438,17 +8440,20 @@ var Radio = function (_a) {
|
|
|
8438
8440
|
var checked = value === currentValue;
|
|
8439
8441
|
var customIcon = (_b = label) === null || _b === void 0 ? void 0 : _b.icon;
|
|
8440
8442
|
var hideIcon = (_c = label) === null || _c === void 0 ? void 0 : _c.hideBox;
|
|
8441
|
-
|
|
8443
|
+
var isRadioLabelObject = function (label) {
|
|
8444
|
+
return label.title !== undefined;
|
|
8445
|
+
};
|
|
8446
|
+
return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames('p-radio', {
|
|
8442
8447
|
'p-radio--no-icon': customIcon || hideIcon,
|
|
8443
8448
|
'p-radio--centered': !label,
|
|
8444
8449
|
}), id: currentValue, type: "radio", value: currentValue, onChange: function () { return onChange(currentValue); }, checked: checked, "data-testid": "radio-input-" + currentValue }, void 0),
|
|
8445
8450
|
jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames(classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label', {
|
|
8446
8451
|
'jc-center': customIcon,
|
|
8447
8452
|
'fd-column': customIcon,
|
|
8448
|
-
'p-label--bordered': bordered
|
|
8449
|
-
}), "data-cy": "radio-" + currentValue, "data-testid": "radio-" + currentValue }, { children: [customIcon &&
|
|
8450
|
-
|
|
8451
|
-
jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0))] }), void 0)] }), currentValue));
|
|
8453
|
+
'p-label--bordered': bordered,
|
|
8454
|
+
}), "data-cy": "radio-" + currentValue, "data-testid": "radio-" + currentValue }, { children: [customIcon && jsxRuntime.jsx("div", __assign({ className: "mt8" }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0),
|
|
8455
|
+
isRadioLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
|
|
8456
|
+
jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0)) : (label)] }), void 0)] }), currentValue));
|
|
8452
8457
|
}) }), void 0));
|
|
8453
8458
|
};
|
|
8454
8459
|
|
|
@@ -35956,7 +35961,7 @@ var styles = {"container":"styles-module_container__F0d5Q","toggleContainer":"st
|
|
|
35956
35961
|
styleInject(css_248z);
|
|
35957
35962
|
|
|
35958
35963
|
var Toggle = function (_a) {
|
|
35959
|
-
var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.inlineLayout, inlineLayout = _c === void 0 ? false : _c, _d = _a.bordered, bordered = _d === void 0 ? true : _d, classNamesObj = _a.classNames;
|
|
35964
|
+
var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.inlineLayout, inlineLayout = _c === void 0 ? false : _c, _d = _a.bordered, bordered = _d === void 0 ? true : _d, classNamesObj = _a.classNames, disabled = _a.disabled;
|
|
35960
35965
|
var hasNoneValue = Object.keys(options).includes('NONE');
|
|
35961
35966
|
var isToggleLabelObject = function (label) {
|
|
35962
35967
|
return label.title !== undefined;
|
|
@@ -35991,7 +35996,7 @@ var Toggle = function (_a) {
|
|
|
35991
35996
|
var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
|
|
35992
35997
|
return (jsxRuntime.jsx("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: jsxRuntime.jsxs("label", __assign({ className: classNames(styles.label, classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.label, 'p-label pr16 gap16', {
|
|
35993
35998
|
'p-label--bordered': bordered,
|
|
35994
|
-
}), "data-cy": "toggle-" + currentValue, "data-testid": "toggle-" + currentValue }, { children: [jsxRuntime.jsxs("span", __assign({ className: classNames(styles.toggleContainer, 'd-inline-block') }, { children: [jsxRuntime.jsx("input", { checked: checked, className: styles.input, "data-testid": "toggle-input-" + currentValue, onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue }, void 0),
|
|
35999
|
+
}), "data-cy": "toggle-" + currentValue, "data-testid": "toggle-" + currentValue }, { children: [jsxRuntime.jsxs("span", __assign({ className: classNames(styles.toggleContainer, 'd-inline-block') }, { children: [jsxRuntime.jsx("input", { checked: checked, className: styles.input, "data-testid": "toggle-input-" + currentValue, onChange: function () { return handleOnChange(currentValue); }, type: "checkbox", value: currentValue, disabled: disabled }, void 0),
|
|
35995
36000
|
jsxRuntime.jsx("span", { className: styles.toggle }, void 0)] }), void 0),
|
|
35996
36001
|
isToggleLabelObject(label) ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
|
|
35997
36002
|
jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0)) : label] }), void 0) }), currentValue));
|