react-jupiter 5.12.0 → 6.0.0-beta.2

package/dist/components/form-v7/form/index.stories.js

@@ -0,0 +1,276 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _reactHookForm = require("react-hook-form");
+var _addonActions = require("@storybook/addon-actions");
+var _dropdown = require("../dropdown");
+var _fileInput = _interopRequireDefault(require("../file-input"));
+var _radioOption = _interopRequireDefault(require("../radio/radio-option"));
+var _radio = _interopRequireDefault(require("../radio/radio"));
+var _textInput = _interopRequireDefault(require("../text-input"));
+var _textarea = _interopRequireDefault(require("../textarea"));
+var _checkbox = _interopRequireDefault(require("../checkbox/checkbox"));
+var _checkboxOption = _interopRequireDefault(require("../checkbox/checkbox-option"));
+var _captcha = _interopRequireDefault(require("../captcha"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Form-V7/Sample Form',
+  component: 'form',
+
+  argTypes: {
+    fileInputLabel: {
+      control: 'text',
+      defaultValue: 'این لیبل است'
+    },
+    fileInputPlaceholder: {
+      control: 'text',
+      defaultValue: 'متن پیشفرض'
+    },
+    fileInputDisabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    fileInputErrorMessage: {
+      control: 'text',
+      defaultValue: 'ارور زیبا'
+    },
+    radioLabel: {
+      control: 'text',
+      defaultValue: 'زیر دیپلم'
+    },
+    radioValue: {
+      control: 'text',
+      defaultValue: '100'
+    },
+    radioDisabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    textInputLabel: {
+      control: 'text',
+      defaultValue: 'این لیبل است'
+    },
+    textInputPlaceholder: {
+      control: 'text',
+      defaultValue: 'متن پیشفرض'
+    },
+    textInputDisabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    textInputErrorMessage: {
+      control: 'text',
+      defaultValue: 'ارور زیبا'
+    },
+    textInputType: {
+      control: 'select',
+      options: ['text', 'password'],
+      defaultValue: 'text'
+    },
+    textareaLabel: {
+      control: 'text',
+      defaultValue: 'توضیجات'
+    },
+    textareaHtmlElementName: {
+      control: 'text',
+      defaultValue: 'textarea-box'
+    },
+    textareaPlaceholder: {
+      control: 'text',
+      defaultValue: 'این پلیس هولدر است'
+    },
+    textareaMinHeight: {
+      control: 'text',
+      defaultValue: '120'
+    },
+    checkboxLabel: {
+      control: 'text',
+      defaultValue: 'ورزشی'
+    },
+    checkboxValue: {
+      control: 'text',
+      defaultValue: '100'
+    },
+    checkboxDisabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    checkboxChecked: {
+      control: 'boolean',
+      defaultValue: false
+    }
+  }
+};
+
+const Template = (args) => {
+  const {
+    register,
+    handleSubmit,
+    control,
+    setValue,
+    setError
+  } = (0, _reactHookForm.useForm)();
+
+  const onSubmit = (data) => {
+    setError({
+      message: 'کپچا معتبر نیست .',
+      errors: { captcha: ['کپچا معتبر نیست .'] },
+      status_code: 422
+    });
+  };
+
+  const options = [
+  'question 1',
+  'question 2',
+  'question 3'];
+
+
+  return (/*#__PURE__*/
+    _react.default.createElement("form", { onSubmit: handleSubmit(onSubmit) }, /*#__PURE__*/
+    _react.default.createElement(_dropdown.Select, {
+      htmlElementName: "select",
+      placeholder: "\u06CC\u06A9 \u06AF\u0632\u06CC\u0646\u0647 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
+      register: register,
+      control: control,
+      defaultValue: 0,
+      label: "select box",
+      number: 1,
+      required: false },
+
+    !!options && options.map((option, key) => /*#__PURE__*/
+    _react.default.createElement(_dropdown.SelectOption, { key: key, value: option, label: option })
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_fileInput.default, {
+      htmlElementName: "file-input",
+      register: register,
+      control: control,
+      label: args.fileInputLabel,
+      description: "\u062D\u062C\u0645 \u0641\u0627\u06CC\u0644 \u0627\u0631\u0633\u0627\u0644\u06CC \u0628\u0627\u06CC\u062F \u06A9\u0645\u062A\u0631 \u0627\u0632 \u06F4 \u0645\u06AF\u0627\u0628\u0627\u06CC\u062A \u0628\u0627\u0634\u062F",
+      number: 2,
+      placeholder: args.fileInputPlaceholder,
+      disabled: args.fileInputDisabled,
+      errorMessage: args.fileInputErrorMessage,
+      required: false }
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_radio.default, {
+      groupName: "radio",
+      label: "radio input",
+      number: 3,
+      register: register,
+      control: control,
+      required: false }, /*#__PURE__*/
+
+    _react.default.createElement(_radioOption.default, {
+      label: args.radioLabel,
+      value: args.radioValue,
+      isDisabled: args.radioDisabled }
+    ), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "200", label: "\u062F\u06CC\u067E\u0644\u0645" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "300", label: "\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "400", label: "\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "500", label: "\u062F\u06A9\u062A\u0631\u0627" })
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_textInput.default, {
+      htmlElementName: "text-input",
+      required: false,
+      label: args.textInputLabel,
+      number: 23,
+      register: register,
+      control: control,
+      placeholder: args.textInputPlaceholder,
+      disabled: args.textInputDisabled,
+      errorMessage: args.textInputErrorMessage,
+      type: args.textInputType,
+      rtl: true }
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_textInput.default, {
+      htmlElementName: "text-input",
+      type: "password",
+      required: false,
+      label: args.textInputLabel,
+      number: 23,
+      register: register,
+      control: control,
+      placeholder: args.textInputPlaceholder,
+      disabled: args.textInputDisabled,
+      errorMessage: args.textInputErrorMessage,
+      rtl: true }
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_textarea.default, {
+      register: register,
+      control: control,
+      label: args.textareaLabel,
+      htmlElementName: args.textareaHtmlElementName,
+      placeholder: args.textareaPlaceholder,
+      minHeight: args.textareaMinHeight,
+      isDisabled: false,
+      required: false,
+      resize: "both",
+      handleChange: (0, _addonActions.action)('trigger what you want to do in onChange function'),
+      defaultValue: "\u0627\u06CC\u0646 \u06CC\u06A9 \u0628\u0627\u06A9\u0633 \u0645\u062A\u0646\u06CC \u0645\u06CC\u200C\u0628\u0627\u0634\u062F" }
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_checkbox.default, {
+      groupName: "checkbox",
+      required: false,
+      label: "\u062F\u0631 \u06A9\u062F\u0627\u0645 \u0645\u0648\u0636\u0648\u0639 \u0647\u0627 \u062A\u0648\u0627\u0646\u0627\u06CC\u06CC \u062F\u0627\u0631\u06CC\u062F",
+      register: register,
+      control: control }, /*#__PURE__*/
+
+    _react.default.createElement(_checkboxOption.default, {
+      label: args.checkboxLabel,
+      value: args.checkboxValue,
+      isDisabled: args.checkboxDisabled,
+      isChecked: args.checkboxChecked,
+      register: register }
+    ), /*#__PURE__*/
+    _react.default.createElement(_checkboxOption.default, { value: "200", label: "\u0639\u0644\u0645\u06CC" }), /*#__PURE__*/
+    _react.default.createElement(_checkboxOption.default, { value: "300", label: "\u0645\u0630\u0647\u0628\u06CC" }), /*#__PURE__*/
+    _react.default.createElement(_checkboxOption.default, { value: "400", label: "\u0641\u0631\u0647\u0646\u06AF\u06CC" }), /*#__PURE__*/
+    _react.default.createElement(_checkboxOption.default, { value: "500", label: "\u0647\u0646\u0631\u06CC" })
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_captcha.default, {
+      register: register,
+      control: control,
+      label: "\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
+      htmlElementName: "captcha",
+      imageUrl: "https://static.evand.net/captcha/0bb5a9832be7b86a2a0a646ae2fd1649.jpg",
+      handleChange: (0, _addonActions.action)('trigger what you want to do in onChange function'),
+      fetchData: () => console.log('fetching'),
+      setValue: setValue }
+    ), /*#__PURE__*/
+
+    _react.default.createElement("button", { type: "submit" }, "submit")
+    ));
+
+};
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  fileInputLabel: 'این لیبل است',
+  fileInputPlaceholder: 'متن پیشفرض',
+  fileInputDisabled: false,
+  fileInputErrorMessage: 'ارور زیبا',
+  radioLabel: 'زیر دیپلم',
+  radioValue: '100',
+  radioDisabled: false,
+  textInputLabel: 'این لیبل است',
+  textInputPlaceholder: 'متن پیشفرض',
+  textInputDisabled: false,
+  textInputErrorMessage: 'ارور زیبا',
+  textInputType: 'text',
+  textareaLabel: 'توضیجات',
+  textareaHtmlElementName: 'textarea-box',
+  textareaPlaceholder: 'این پلیس هولدر است',
+  textareaMinHeight: '120',
+  checkboxLabel: 'ورزشی',
+  checkboxValue: '100',
+  checkboxDisabled: false,
+  checkboxChecked: false
+};

package/dist/components/form-v7/index.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "Captcha", { enumerable: true, get: function () {return _captcha.default;} });Object.defineProperty(exports, "CheckboxInputGroup", { enumerable: true, get: function () {return _checkbox.default;} });Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () {return _dropdown.default;} });Object.defineProperty(exports, "FileInput", { enumerable: true, get: function () {return _fileInput.default;} });Object.defineProperty(exports, "RadioInputGroup", { enumerable: true, get: function () {return _radio.default;} });Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () {return _textInput.default;} });Object.defineProperty(exports, "Textarea", { enumerable: true, get: function () {return _textarea.default;} });exports.default = void 0;var _textInput = _interopRequireDefault(require("./text-input"));
+var _fileInput = _interopRequireDefault(require("./file-input"));
+var _dropdown = _interopRequireDefault(require("./dropdown"));
+var _radio = _interopRequireDefault(require("./radio"));
+var _textarea = _interopRequireDefault(require("./textarea"));
+var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _captcha = _interopRequireDefault(require("./captcha"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+
+
+
+
+
+
+
+
+{
+  TextInput: _textInput.default,
+  Dropdown: _dropdown.default,
+  RadioInputGroup: _radio.default,
+  Textarea: _textarea.default,
+  CheckboxInputGroup: _checkbox.default,
+  Captcha: _captcha.default,
+  FileInput: _fileInput.default
+};

package/dist/components/form-v7/index.style.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.Fieldset = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Fieldset = exports.Fieldset = _styledComponents.default.fieldset`
+  position: relative;
+  border: none;
+  padding: 0;
+  margin-bottom: 20px;
+  * {
+    box-sizing: content-box;
+  }
+`;

package/dist/components/form-v7/label/index.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _typography = require("../../typography");
+var _numbers = require("../../utils/numbers");
+var _index = _interopRequireDefault(require("./index.style"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+function Label(_ref)
+
+{let { label = null, number = null, required = false, htmlFor = null } = _ref;
+  return (/*#__PURE__*/
+    _react.default.createElement(_react.default.Fragment, null,
+    label && /*#__PURE__*/
+    _react.default.createElement(_index.default, { htmlFor: htmlFor }, /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { bold: true, size: 14 },
+    !!number && `${(0, _numbers.toPersianNumber)(number)}- `,
+    label,
+    !!required && /*#__PURE__*/_react.default.createElement("span", { className: "required" }, "*")
+    )
+    )
+
+    ));
+
+}var _default = exports.default =
+
+Label;

package/dist/components/form-v7/label/index.style.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Label = _styledComponents.default.label`
+    position: relative;
+    display: block;
+    margin-bottom: 5px;
+    & span.required {
+        color: ${(_ref) => {let { theme } = _ref;return theme.colors.red;}};
+        margin-right: 5px;
+    }
+`;var _default = exports.default =
+Label;

package/dist/components/form-v7/radio/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "Radio", { enumerable: true, get: function () {return _radio.default;} });Object.defineProperty(exports, "RadioOption", { enumerable: true, get: function () {return _radioOption.default;} });exports.default = void 0;var _radio = _interopRequireDefault(require("./radio"));
+var _radioOption = _interopRequireDefault(require("./radio-option"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+
+
+
+{
+  Radio: _radio.default,
+  RadioOption: _radioOption.default
+};

package/dist/components/form-v7/radio/index.stories.js

@@ -0,0 +1,117 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithError = exports.VerticalLayout = exports.Minimal = exports.FullOptions = exports.Disabled = exports.CustomOption = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _addonActions = require("@storybook/addon-actions");
+var _reactHookForm = require("react-hook-form");
+var _radio = _interopRequireDefault(require("./radio"));
+var _radioOption = _interopRequireDefault(require("./radio-option"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}var _default = exports.default =
+
+{
+  title: 'Form-V7/Radio',
+  component: _radio.default,
+
+  argTypes: {
+    groupName: {
+      control: 'text',
+      defaultValue: 'degree'
+    },
+    label: {
+      control: 'text',
+      defaultValue: 'آخرین مدرک تحصیلی خود را انتخاب کنید'
+    },
+    defaultCheckedValue: {
+      control: 'text',
+      defaultValue: '300'
+    },
+    isDisabled: {
+      control: 'boolean',
+      defaultValue: false
+    },
+    type: {
+      control: 'select',
+      options: ['horizontal', 'vertical'],
+      defaultValue: 'horizontal'
+    },
+    errorMessage: {
+      control: 'text',
+      defaultValue: 'ارور زیبا'
+    },
+    required: {
+      control: 'boolean',
+      defaultValue: true
+    },
+    number: {
+      control: 'number',
+      defaultValue: 1
+    }
+  }
+};
+
+const Template = (args) => {
+  const { register, control } = (0, _reactHookForm.useForm)();
+  return (/*#__PURE__*/
+    _react.default.createElement(_radio.default, _extends({}, args, { register: register, control: control }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "100", label: "\u0632\u06CC\u0631 \u062F\u06CC\u067E\u0644\u0645" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "234", label: "\u062F\u06CC\u067E\u0644\u0645" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "300", label: "\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "400", label: "\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "500", label: "\u062F\u06A9\u062A\u0631\u0627" })
+    ));
+
+};
+
+const Minimal = exports.Minimal = Template.bind({});
+Minimal.args = {
+  groupName: 'radio0',
+  label: 'انتخاب رادیو',
+  required: true
+};
+
+const FullOptions = exports.FullOptions = Template.bind({});
+FullOptions.args = {
+  groupName: 'degree',
+  label: 'آخرین مدرک تحصیلی خود را انتخاب کنید',
+  defaultCheckedValue: '300',
+  handleChange: (0, _addonActions.action)('trigger what you want to do in onChange function'),
+  isDisabled: false,
+  type: 'horizontal',
+  errorMessage: 'ارور زیبا',
+  required: true
+};
+
+const VerticalLayout = exports.VerticalLayout = Template.bind({});
+VerticalLayout.args = {
+  ...FullOptions.args,
+  type: 'vertical'
+};
+
+const Disabled = exports.Disabled = Template.bind({});
+Disabled.args = {
+  ...FullOptions.args,
+  isDisabled: true
+};
+
+const WithError = exports.WithError = Template.bind({});
+WithError.args = {
+  ...FullOptions.args,
+  errorMessage: 'لطفا یک گزینه را انتخاب کنید'
+};
+
+const RadioOptionTemplate = (args) => {
+  const { register } = (0, _reactHookForm.useForm)();
+  return (/*#__PURE__*/
+    _react.default.createElement(_radio.default, { groupName: "degree", label: "\u0622\u062E\u0631\u06CC\u0646 \u0645\u062F\u0631\u06A9 \u062A\u062D\u0635\u06CC\u0644\u06CC \u062E\u0648\u062F \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F", number: 1, register: register }, /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, args), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "200", label: "\u062F\u06CC\u067E\u0644\u0645" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "300", label: "\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "400", label: "\u06A9\u0627\u0631\u0634\u0646\u0627\u0633\u06CC \u0627\u0631\u0634\u062F" }), /*#__PURE__*/
+    _react.default.createElement(_radioOption.default, { value: "500", label: "\u062F\u06A9\u062A\u0631\u0627" })
+    ));
+
+};
+
+const CustomOption = exports.CustomOption = RadioOptionTemplate.bind({});
+CustomOption.args = {
+  label: 'زیر دیپلم',
+  value: '100',
+  isDisabled: false
+};

package/dist/components/form-v7/radio/index.style.js

@@ -0,0 +1,61 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.RadioWrapper = exports.Input = exports.Fieldset = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Fieldset = exports.Fieldset = _styledComponents.default.fieldset`
+  border: none;
+  padding: 0;
+  margin-bottom: 15px;
+  * {
+    box-sizing: content-box;
+  }
+`;
+
+const RadioWrapper = exports.RadioWrapper = _styledComponents.default.div`
+  display: flex;
+  justify-content: space-between;
+  ${(_ref) => {let { type } = _ref;return type === 'vertical' ? 'flex-direction: column;' : '';}}
+`;
+
+const Input = exports.Input = _styledComponents.default.input`
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  margin-right: 5px;
+  position: relative;
+  top: 4px;
+  
+  border: 1px solid ${(_ref2) => {let { disabled, theme } = _ref2;return disabled ? theme.disabled.color : theme.borderColor.normal;}};
+  cursor: ${(_ref3) => {let { disabled } = _ref3;return disabled ? 'not-allowed' : 'pointer';}};
+  transition: background 0.2s linear;
+
+  &:hover {
+    border: 1px solid ${(_ref4) => {let { disabled, theme } = _ref4;return disabled ? theme.disabled.color : theme.borderColor.hover;}};
+  }
+
+  &:checked {
+    border: 1px solid ${(_ref5) => {let { theme } = _ref5;return theme.borderColor.normal;}};
+    width: 16px;
+    height: 16px;
+    background: ${(_ref6) => {let { disabled, theme } = _ref6;return disabled ? theme.disabled.color : theme.borderColor.focus;}};
+
+    &:after {
+      background: ${(_ref7) => {let { disabled, theme } = _ref7;return disabled ? theme.disabled.color : theme.borderColor.focus;}};
+    }
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    background: ${(_ref8) => {let { disabled } = _ref8;return disabled ? 'white' : 'transparent';}};
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+    z-index: -1;
+    top: -6px;
+    right: -6px;
+  }
+`;

package/dist/components/form-v7/radio/radio-option.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactHookForm = require("react-hook-form");
+var _styledComponents = require("styled-components");
+var _typography = require("../../typography");
+var _index = require("./index.style");
+var _theme = _interopRequireDefault(require("../theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _extends() {return _extends = Object.assign ? Object.assign.bind() : function (n) {for (var e = 1; e < arguments.length; e++) {var t = arguments[e];for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);}return n;}, _extends.apply(null, arguments);}
+
+
+
+
+
+
+
+
+
+
+const RadioOption = (props) => {
+  const {
+    label, value, isDisabled = false, defaultCheckedValue = '', groupName, register
+  } = props;
+  const itemId = `${groupName}-${value}-${label.split(' ').join('')}`;
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement("label", { htmlFor: itemId }, /*#__PURE__*/
+    _react.default.createElement(_index.Input, _extends({
+      type: "radio",
+      id: itemId,
+      name: groupName,
+      defaultValue: value,
+      defaultChecked: defaultCheckedValue === value },
+    register(groupName, {
+      disabled: isDisabled
+    }))
+    ), /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { size: 14 },
+    label
+    )
+    )
+    ));
+
+};var _default = exports.default =
+
+RadioOption;

package/dist/components/form-v7/radio/radio.js

@@ -0,0 +1,75 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = require("styled-components");
+var _reactHookForm = require("react-hook-form");
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _errorMsg = _interopRequireDefault(require("../errorMsg"));
+var _index = require("./index.style");
+var _index2 = require("../index.style");
+var _label = _interopRequireDefault(require("../label"));
+var _theme = _interopRequireDefault(require("../theme"));
+var _typography = require("../../typography");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const Radio = (_ref) =>
+
+
+
+
+
+
+
+
+
+
+
+{let { groupName = 'radio-element', label = '', handleChange = () => {}, defaultCheckedValue = '', isDisabled = false, type = 'horizontal', required = false, number = null, control, register, children } = _ref;
+  const radioElements = _react.default.Children.toArray(children);
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_index2.Fieldset, { onChange: handleChange }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null), /*#__PURE__*/
+    _react.default.createElement(_label.default, { label: label, number: number, required: required }), /*#__PURE__*/
+    _react.default.createElement(_reactHookForm.Controller, {
+      name: groupName,
+      control: control,
+      rules: { required: required ? 'این فیلد اجباری است' : false },
+      render: (_ref2) => {let { fieldState } = _ref2;return (/*#__PURE__*/
+          _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+          _react.default.createElement(_index.RadioWrapper, { type: type },
+          radioElements.map(
+            (radioElement) =>
+            isDisabled ?
+            _react.default.cloneElement(radioElement, {
+              groupName, defaultCheckedValue, isDisabled, register
+            }) :
+
+            _react.default.cloneElement(radioElement, { groupName, defaultCheckedValue, register })
+
+
+          )
+          ), /*#__PURE__*/
+          _react.default.createElement(_errorMsg.default, { errorMessage: fieldState && fieldState.error?.message })
+          ));} }
+
+    )
+    )
+    ));
+
+};var _default = exports.default =
+
+Radio;