@omniumretail/component-library 1.0.17 → 1.0.19
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/bundle.js
CHANGED
|
@@ -9291,7 +9291,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
9291
9291
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
9292
9292
|
|
|
9293
9293
|
"use strict";
|
|
9294
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"
|
|
9294
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Radio\": function() { return /* binding */ Radio; }\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var antd__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! antd */ \"./node_modules/antd/es/radio/index.js\");\n/* harmony import */ var _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./styles.module.scss */ \"./src/components/Radio/styles.module.scss\");\nvar __assign = (undefined && undefined.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nvar __rest = (undefined && undefined.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\n\n\n\nvar Radio = function (_a) {\n var description = _a.description, radioProps = __rest(_a, [\"description\"]);\n return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(antd__WEBPACK_IMPORTED_MODULE_2__[\"default\"], __assign({ className: _styles_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].radio }, radioProps, { children: [\" \", description, \" \"] })));\n};\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9SYWRpby9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9SYWRpby9pbmRleC50c3g/Yjg5MyJdLCJzb3VyY2VzQ29udGVudCI6WyJ2YXIgX19hc3NpZ24gPSAodGhpcyAmJiB0aGlzLl9fYXNzaWduKSB8fCBmdW5jdGlvbiAoKSB7XG4gICAgX19hc3NpZ24gPSBPYmplY3QuYXNzaWduIHx8IGZ1bmN0aW9uKHQpIHtcbiAgICAgICAgZm9yICh2YXIgcywgaSA9IDEsIG4gPSBhcmd1bWVudHMubGVuZ3RoOyBpIDwgbjsgaSsrKSB7XG4gICAgICAgICAgICBzID0gYXJndW1lbnRzW2ldO1xuICAgICAgICAgICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApKVxuICAgICAgICAgICAgICAgIHRbcF0gPSBzW3BdO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0O1xuICAgIH07XG4gICAgcmV0dXJuIF9fYXNzaWduLmFwcGx5KHRoaXMsIGFyZ3VtZW50cyk7XG59O1xudmFyIF9fcmVzdCA9ICh0aGlzICYmIHRoaXMuX19yZXN0KSB8fCBmdW5jdGlvbiAocywgZSkge1xuICAgIHZhciB0ID0ge307XG4gICAgZm9yICh2YXIgcCBpbiBzKSBpZiAoT2JqZWN0LnByb3RvdHlwZS5oYXNPd25Qcm9wZXJ0eS5jYWxsKHMsIHApICYmIGUuaW5kZXhPZihwKSA8IDApXG4gICAgICAgIHRbcF0gPSBzW3BdO1xuICAgIGlmIChzICE9IG51bGwgJiYgdHlwZW9mIE9iamVjdC5nZXRPd25Qcm9wZXJ0eVN5bWJvbHMgPT09IFwiZnVuY3Rpb25cIilcbiAgICAgICAgZm9yICh2YXIgaSA9IDAsIHAgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzKHMpOyBpIDwgcC5sZW5ndGg7IGkrKykge1xuICAgICAgICAgICAgaWYgKGUuaW5kZXhPZihwW2ldKSA8IDAgJiYgT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZS5jYWxsKHMsIHBbaV0pKVxuICAgICAgICAgICAgICAgIHRbcFtpXV0gPSBzW3BbaV1dO1xuICAgICAgICB9XG4gICAgcmV0dXJuIHQ7XG59O1xuaW1wb3J0IHsganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgUmFkaW8gYXMgUmFkaW9BbnRkIH0gZnJvbSAnYW50ZCc7XG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc3R5bGVzLm1vZHVsZS5zY3NzJztcbmV4cG9ydCB2YXIgUmFkaW8gPSBmdW5jdGlvbiAoX2EpIHtcbiAgICB2YXIgZGVzY3JpcHRpb24gPSBfYS5kZXNjcmlwdGlvbiwgcmFkaW9Qcm9wcyA9IF9fcmVzdChfYSwgW1wiZGVzY3JpcHRpb25cIl0pO1xuICAgIHJldHVybiAoX2pzeHMoUmFkaW9BbnRkLCBfX2Fzc2lnbih7IGNsYXNzTmFtZTogc3R5bGVzLnJhZGlvIH0sIHJhZGlvUHJvcHMsIHsgY2hpbGRyZW46IFtcIiBcIiwgZGVzY3JpcHRpb24sIFwiIFwiXSB9KSkpO1xufTtcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/Radio/index.tsx\n");
|
|
9295
9295
|
|
|
9296
9296
|
/***/ }),
|
|
9297
9297
|
|
|
@@ -9368,7 +9368,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
9368
9368
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
9369
9369
|
|
|
9370
9370
|
"use strict";
|
|
9371
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */ \"
|
|
9371
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _Button__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_10__.CustomDatePicker; },\n/* harmony export */ \"Footer\": function() { return /* reexport safe */ _Footer__WEBPACK_IMPORTED_MODULE_12__.Footer; },\n/* harmony export */ \"FormInputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.FormInputField; },\n/* harmony export */ \"InputCountryCode\": function() { return /* reexport safe */ _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__.InputCountryCode; },\n/* harmony export */ \"InputField\": function() { return /* reexport safe */ _Input__WEBPACK_IMPORTED_MODULE_2__.InputField; },\n/* harmony export */ \"Label\": function() { return /* reexport safe */ _Label__WEBPACK_IMPORTED_MODULE_4__.Label; },\n/* harmony export */ \"Link\": function() { return /* reexport safe */ _Link__WEBPACK_IMPORTED_MODULE_5__.Link; },\n/* harmony export */ \"ModalConfirmation\": function() { return /* reexport safe */ _ModalConfirmation__WEBPACK_IMPORTED_MODULE_13__.ModalConfirmation; },\n/* harmony export */ \"ModalWithTable\": function() { return /* reexport safe */ _ModalWithTable__WEBPACK_IMPORTED_MODULE_14__.ModalWithTable; },\n/* harmony export */ \"Navigation\": function() { return /* reexport safe */ _Navigation__WEBPACK_IMPORTED_MODULE_1__.Navigation; },\n/* harmony export */ \"Radio\": function() { return /* reexport safe */ _Radio__WEBPACK_IMPORTED_MODULE_11__.Radio; },\n/* harmony export */ \"Select\": function() { return /* reexport safe */ _Select__WEBPACK_IMPORTED_MODULE_6__.Select; },\n/* harmony export */ \"Separator\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Separator; },\n/* harmony export */ \"Sidebar\": function() { return /* reexport safe */ _Sidebar__WEBPACK_IMPORTED_MODULE_15__.Sidebar; },\n/* harmony export */ \"Spaces\": function() { return /* reexport safe */ _Separator__WEBPACK_IMPORTED_MODULE_7__.Spaces; },\n/* harmony export */ \"Switch\": function() { return /* reexport safe */ _Switch__WEBPACK_IMPORTED_MODULE_16__.Switch; },\n/* harmony export */ \"Table\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.Table; },\n/* harmony export */ \"TagField\": function() { return /* reexport safe */ _Tag__WEBPACK_IMPORTED_MODULE_9__.TagField; },\n/* harmony export */ \"sortBy\": function() { return /* reexport safe */ _Table__WEBPACK_IMPORTED_MODULE_8__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Button */ \"./src/components/Button/index.tsx\");\n/* harmony import */ var _Navigation__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Navigation */ \"./src/components/Navigation/index.tsx\");\n/* harmony import */ var _Input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Input */ \"./src/components/Input/index.tsx\");\n/* harmony import */ var _InputCountryCode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InputCountryCode */ \"./src/components/InputCountryCode/index.tsx\");\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Label */ \"./src/components/Label/index.tsx\");\n/* harmony import */ var _Link__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Link */ \"./src/components/Link/index.tsx\");\n/* harmony import */ var _Select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Select */ \"./src/components/Select/index.tsx\");\n/* harmony import */ var _Separator__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Separator */ \"./src/components/Separator/index.tsx\");\n/* harmony import */ var _Table__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Table */ \"./src/components/Table/index.tsx\");\n/* harmony import */ var _Tag__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Tag */ \"./src/components/Tag/index.tsx\");\n/* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./DatePicker */ \"./src/components/DatePicker/index.tsx\");\n/* harmony import */ var _Radio__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Radio */ \"./src/components/Radio/index.tsx\");\n/* harmony import */ var _Footer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./Footer */ \"./src/components/Footer/index.tsx\");\n/* harmony import */ var _ModalConfirmation__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./ModalConfirmation */ \"./src/components/ModalConfirmation/index.tsx\");\n/* harmony import */ var _ModalWithTable__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./ModalWithTable */ \"./src/components/ModalWithTable/index.tsx\");\n/* harmony import */ var _Sidebar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./Sidebar */ \"./src/components/Sidebar/index.tsx\");\n/* harmony import */ var _Switch__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Switch */ \"./src/components/Switch/index.tsx\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3guanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0EiLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9saWIvLi9zcmMvY29tcG9uZW50cy9pbmRleC50c3g/MThkYSJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL0J1dHRvbic7XG5leHBvcnQgKiBmcm9tICcuL05hdmlnYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9JbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL0lucHV0Q291bnRyeUNvZGUnO1xuZXhwb3J0ICogZnJvbSAnLi9MYWJlbCc7XG5leHBvcnQgKiBmcm9tICcuL0xpbmsnO1xuZXhwb3J0ICogZnJvbSAnLi9TZWxlY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9TZXBhcmF0b3InO1xuZXhwb3J0ICogZnJvbSAnLi9UYWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL1RhZyc7XG5leHBvcnQgKiBmcm9tICcuL0RhdGVQaWNrZXInO1xuZXhwb3J0ICogZnJvbSAnLi9SYWRpbyc7XG5leHBvcnQgKiBmcm9tICcuL0Zvb3Rlcic7XG5leHBvcnQgKiBmcm9tICcuL01vZGFsQ29uZmlybWF0aW9uJztcbmV4cG9ydCAqIGZyb20gJy4vTW9kYWxXaXRoVGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9TaWRlYmFyJztcbmV4cG9ydCAqIGZyb20gJy4vU3dpdGNoJztcbiJdLCJuYW1lcyI6W10sInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/components/index.tsx\n");
|
|
9372
9372
|
|
|
9373
9373
|
/***/ }),
|
|
9374
9374
|
|
|
@@ -9390,7 +9390,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
9390
9390
|
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
9391
9391
|
|
|
9392
9392
|
"use strict";
|
|
9393
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */ \"
|
|
9393
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Button\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Button; },\n/* harmony export */ \"CustomDatePicker\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.CustomDatePicker; },\n/* harmony export */ \"Footer\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Footer; },\n/* harmony export */ \"FormInputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.FormInputField; },\n/* harmony export */ \"InputCountryCode\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputCountryCode; },\n/* harmony export */ \"InputField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.InputField; },\n/* harmony export */ \"Label\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Label; },\n/* harmony export */ \"Link\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Link; },\n/* harmony export */ \"ModalConfirmation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ModalConfirmation; },\n/* harmony export */ \"ModalWithTable\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.ModalWithTable; },\n/* harmony export */ \"Navigation\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Navigation; },\n/* harmony export */ \"Radio\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Radio; },\n/* harmony export */ \"Select\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Select; },\n/* harmony export */ \"Separator\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Separator; },\n/* harmony export */ \"Sidebar\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Sidebar; },\n/* harmony export */ \"Spaces\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Spaces; },\n/* harmony export */ \"Switch\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Switch; },\n/* harmony export */ \"Table\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.Table; },\n/* harmony export */ \"TagField\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.TagField; },\n/* harmony export */ \"mergei18n\": function() { return /* reexport safe */ _constants_i18n__WEBPACK_IMPORTED_MODULE_1__.mergei18n; },\n/* harmony export */ \"sortBy\": function() { return /* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_0__.sortBy; }\n/* harmony export */ });\n/* harmony import */ var _components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./components */ \"./src/components/index.tsx\");\n/* harmony import */ var _constants_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./constants/i18n */ \"./src/constants/i18n.ts\");\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvaW5kZXgudHMuanMiLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vbGliLy4vc3JjL2luZGV4LnRzP2U5NGUiXSwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9jb21wb25lbnRzJztcbmV4cG9ydCAqIGZyb20gJy4vY29uc3RhbnRzL2kxOG4nO1xuIl0sIm5hbWVzIjpbXSwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/index.ts\n");
|
|
9394
9394
|
|
|
9395
9395
|
/***/ }),
|
|
9396
9396
|
|
|
@@ -2,4 +2,4 @@ import type { RadioProps } from 'antd';
|
|
|
2
2
|
export interface CustomRadioProps extends RadioProps {
|
|
3
3
|
description: string;
|
|
4
4
|
}
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const Radio: ({ description, ...radioProps }: CustomRadioProps) => JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
import { Meta, Story } from "@storybook/react";
|
|
2
|
-
import {
|
|
2
|
+
import { Radio as RadioAntd, RadioChangeEvent } from "antd";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { Radio, CustomRadioProps } from '.';
|
|
3
5
|
|
|
4
6
|
export default {
|
|
5
7
|
title: 'Radio',
|
|
6
|
-
component:
|
|
8
|
+
component: Radio,
|
|
7
9
|
} as Meta;
|
|
8
10
|
|
|
9
|
-
const Template: Story<CustomRadioProps> = (args) =>
|
|
11
|
+
const Template: Story<CustomRadioProps> = (args) => {
|
|
12
|
+
const [value, setValue] = useState();
|
|
13
|
+
|
|
14
|
+
const onChange = (e: RadioChangeEvent) => {
|
|
15
|
+
console.log('radio checked', e.target.value);
|
|
16
|
+
setValue(e.target.value);
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
return (
|
|
20
|
+
<RadioAntd.Group onChange={onChange} value={value} defaultValue={3}>
|
|
21
|
+
<Radio {...args} value={1}></Radio>
|
|
22
|
+
<Radio {...args} value={2}></Radio>
|
|
23
|
+
<Radio {...args} value={3}></Radio>
|
|
24
|
+
<Radio {...args} value={4}></Radio>
|
|
25
|
+
</RadioAntd.Group>
|
|
26
|
+
)
|
|
27
|
+
};
|
|
10
28
|
|
|
11
29
|
export const Primary = Template.bind({});
|
|
12
30
|
Primary.args = {
|
|
@@ -6,10 +6,9 @@ export interface CustomRadioProps extends RadioProps {
|
|
|
6
6
|
description: string;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
export const
|
|
10
|
-
const { description } = props;
|
|
9
|
+
export const Radio = ({description, ...radioProps}: CustomRadioProps) => {
|
|
11
10
|
|
|
12
11
|
return (
|
|
13
|
-
<RadioAntd className={ styles.radio } { ...
|
|
12
|
+
<RadioAntd className={ styles.radio } { ...radioProps }> { description } </RadioAntd>
|
|
14
13
|
)
|
|
15
14
|
};
|