@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.
Files changed (31) hide show
  1. package/dist/cjs/index.js +20 -15
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/lib/components/input/checkbox/index.d.ts +3 -3
  4. package/dist/cjs/lib/components/input/radio/index.d.ts +4 -4
  5. package/dist/cjs/lib/components/input/radio/index.stories.d.ts +1 -1
  6. package/dist/cjs/lib/components/input/toggle/index.d.ts +3 -2
  7. package/dist/cjs/lib/components/input/toggle/index.stories.d.ts +6 -2
  8. package/dist/esm/components/input/checkbox/index.js +10 -8
  9. package/dist/esm/components/input/checkbox/index.js.map +1 -1
  10. package/dist/esm/components/input/checkbox/index.test.js +14 -5
  11. package/dist/esm/components/input/checkbox/index.test.js.map +1 -1
  12. package/dist/esm/components/input/radio/index.js +8 -5
  13. package/dist/esm/components/input/radio/index.js.map +1 -1
  14. package/dist/esm/components/input/radio/index.test.js +13 -4
  15. package/dist/esm/components/input/radio/index.test.js.map +1 -1
  16. package/dist/esm/components/input/toggle/index.js +2 -2
  17. package/dist/esm/components/input/toggle/index.js.map +1 -1
  18. package/dist/esm/components/input/toggle/index.stories.js +6 -2
  19. package/dist/esm/components/input/toggle/index.stories.js.map +1 -1
  20. package/dist/esm/lib/components/input/checkbox/index.d.ts +3 -3
  21. package/dist/esm/lib/components/input/radio/index.d.ts +4 -4
  22. package/dist/esm/lib/components/input/radio/index.stories.d.ts +1 -1
  23. package/dist/esm/lib/components/input/toggle/index.d.ts +3 -2
  24. package/dist/esm/lib/components/input/toggle/index.stories.d.ts +6 -2
  25. package/package.json +1 -1
  26. package/src/lib/components/input/checkbox/index.test.tsx +56 -37
  27. package/src/lib/components/input/checkbox/index.tsx +38 -36
  28. package/src/lib/components/input/radio/index.test.tsx +51 -35
  29. package/src/lib/components/input/radio/index.tsx +37 -33
  30. package/src/lib/components/input/toggle/index.stories.tsx +6 -0
  31. 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("p-checkbox", {
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 && (jsxRuntime.jsx("div", __assign({ className: "mt8" }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0)),
8416
- typeof label === 'string' ? label : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
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
- return (jsxRuntime.jsxs("div", __assign({ className: classNamesObj === null || classNamesObj === void 0 ? void 0 : classNamesObj.option }, { children: [jsxRuntime.jsx("input", { className: classNames("p-radio", {
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 && (jsxRuntime.jsx("div", __assign({ className: "mt8" }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0)),
8450
- typeof label === 'string' ? label : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
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));