react-jupiter 5.12.0 → 6.0.0-beta.1

package/dist/components/file-item/index.js

@@ -0,0 +1,101 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = require("styled-components");
+var _globalStyle = _interopRequireDefault(require("../globalStyle"));
+var _utils = _interopRequireDefault(require("./utils"));
+var _typography = require("../typography");
+var _theme = _interopRequireDefault(require("./theme"));
+var _fileImgIcon = _interopRequireDefault(require("./fileImgIcon"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}
+
+
+
+
+
+
+
+
+
+
+
+
+const FileItem = (_ref) =>
+
+
+
+
+
+
+{let { type = 'zip', title = 'فایل دانلودی', description = '', price, fileSize = '', onClick = () => null } = _ref;
+  const [isActive, setActivateValue] = (0, _react.useState)(false);
+
+  function startHover() {
+    setActivateValue(true);
+  }
+
+  function endHover() {
+    setActivateValue(false);
+  }
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_styledComponents.ThemeProvider, { theme: _theme.default }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null), /*#__PURE__*/
+    _react.default.createElement(_index.Wrapper, {
+      "data-test": "file-item",
+      isActive: isActive,
+      onMouseEnter: startHover,
+      onMouseLeave: endHover,
+      onClick: onClick }, /*#__PURE__*/
+
+    _react.default.createElement(_fileImgIcon.default, {
+      iconFileName: (0, _utils.default)(type, !isActive) }
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_index.InfoWrapper, null, /*#__PURE__*/
+    _react.default.createElement(_typography.Text, {
+      size: 14,
+      bold: true,
+      "data-test": "file-item-title" },
+
+    title
+    ),
+
+    description ? /*#__PURE__*/
+    _react.default.createElement(_typography.Text, {
+      size: 10,
+      "data-test": "file-item-desc",
+      bold: true },
+
+    description
+    ) : /*#__PURE__*/
+
+    _react.default.createElement("br", null), /*#__PURE__*/
+
+
+    _react.default.createElement("div", null,
+    fileSize && /*#__PURE__*/
+    _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/
+    _react.default.createElement(_typography.Text, {
+      size: 10,
+      "data-test": "file-item-size" },
+
+    fileSize
+    ), /*#__PURE__*/
+    _react.default.createElement(_index.VerticalDivider, null)
+    ), /*#__PURE__*/
+
+
+    _react.default.createElement(_typography.Text, {
+      size: 10,
+      "data-test": "file-item-price" },
+
+    price
+    )
+    )
+
+    )
+    )
+    ));
+
+};var _default = exports.default =
+
+FileItem;

package/dist/components/file-item/index.stories.js

@@ -0,0 +1,71 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.PDFFile = exports.ImageFile = exports.DocumentFile = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _addonActions = require("@storybook/addon-actions");
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'FileItem',
+  component: _index.default,
+
+  argTypes: {
+    type: {
+      control: 'select',
+      options: ['zip', 'doc', 'rar', 'pdf', 'jpg', 'png', 'mp3', 'mp4', 'pptx', 'xlsx'],
+      defaultValue: 'zip'
+    },
+    title: {
+      control: 'text',
+      defaultValue: 'فایل جلسه اول ما'
+    },
+    description: {
+      control: 'text',
+      defaultValue: 'متن توضیحات'
+    },
+    price: {
+      control: 'text',
+      defaultValue: '۶۰۰۰ تومن'
+    },
+    fileSize: {
+      control: 'text',
+      defaultValue: '۵ مگابایت'
+    },
+    onClick: {
+      action: 'onClick'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  type: 'zip',
+  title: 'فایل جلسه اول ما',
+  description: 'متن توضیحات',
+  price: '۶۰۰۰ تومن',
+  fileSize: '۵ مگابایت',
+  onClick: (0, _addonActions.action)('trigger what you want to do in onClick function')
+};
+
+const PDFFile = exports.PDFFile = Template.bind({});
+PDFFile.args = {
+  ...Default.args,
+  type: 'pdf',
+  title: 'فایل PDF'
+};
+
+const ImageFile = exports.ImageFile = Template.bind({});
+ImageFile.args = {
+  ...Default.args,
+  type: 'jpg',
+  title: 'تصویر',
+  fileSize: '۲ مگابایت'
+};
+
+const DocumentFile = exports.DocumentFile = Template.bind({});
+DocumentFile.args = {
+  ...Default.args,
+  type: 'doc',
+  title: 'سند',
+  description: 'فایل ورد'
+};

package/dist/components/file-item/index.style.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.Wrapper = exports.VerticalDivider = exports.StyledImgIcon = exports.InfoWrapper = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const StyledImgIcon = exports.StyledImgIcon = _styledComponents.default.span`
+  font-size: 67px;
+`;
+
+const Wrapper = exports.Wrapper = _styledComponents.default.div`
+  cursor: pointer;
+  border: 1px solid ${(_ref) => {let { theme, isActive } = _ref;return isActive ? theme.colors.riverBedDark : 'transparent';}};
+  border-radius: ${(_ref2) => {let { theme } = _ref2;return `${theme.borderRadius}px`;}};
+  padding: ${(_ref3) => {let { theme } = _ref3;return theme.spacing[5];}} ${(_ref4) => {let { theme } = _ref4;return theme.spacing[6];}};
+  box-sizing: border-box;
+  display: flex;
+`;
+
+const InfoWrapper = exports.InfoWrapper = _styledComponents.default.div`
+  width: calc(100% - 52px);
+  padding-right: ${(_ref5) => {let { theme } = _ref5;return theme.spacing[4];}};
+
+  & > span {
+    display: block;
+  }
+`;
+
+const VerticalDivider = exports.VerticalDivider = _styledComponents.default.span`
+  display: inline-block;
+  width: 1px;
+  height: 8px;
+  margin: 0 ${(_ref6) => {let { theme } = _ref6;return theme.spacing[4];}};
+  background: ${(_ref7) => {let { theme } = _ref7;return theme.colors.riverBed;}};
+`;

package/dist/components/file-item/index.test.js

@@ -0,0 +1,106 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _test = _interopRequireDefault(require("../utils/test"));
+var _index = _interopRequireDefault(require("./index"));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 setupShallow = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { price: '۵۰۰۰ تومن' };return (
+    (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, _extends({ data: props.data }, props))));};
+
+
+const setupMount = function () {let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { price: '۵۰۰۰ تومن' };return (
+    (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_index.default, _extends({ data: props.data }, props))));};
+
+
+describe('file-item test', () => {
+  it('file item existance', () => {
+    const component = setupShallow();
+    const TheFileItem = (0, _test.default)(component, 'file-item');
+
+    expect(TheFileItem.length).toBe(1);
+  });
+
+  it('file item should have related image', () => {
+    const component = setupMount({ type: 'doc' });
+    const TheDocFileImage = component.find(".icon-doc-light[data-test='file-image']");
+    const TheZipFileImage = component.find(".icon-zip-light[data-test='file-image']");
+
+    expect(TheDocFileImage.length).not.toBe(0);
+    expect(TheZipFileImage.length).toBe(0);
+  });
+
+  it('file item should have title with spesefic size and bold', () => {
+    const component = setupShallow();
+    const Title = (0, _test.default)(component, 'file-item-title');
+
+    expect(Title.length).toBe(1);
+    expect(Title.props().size).toBe(14);
+    expect(Title.props().bold).toBe(true);
+  });
+
+  it('file item should have title as the same of what we passed', () => {
+    const component = setupShallow({ title: 'فایل های کاربردی' });
+    const Title = (0, _test.default)(component, 'file-item-title');
+
+    expect(Title.props().children).toBe('فایل های کاربردی');
+  });
+
+  it('file item could have description with spesefic size and bold', () => {
+    const component = setupShallow({ description: 'این توضیحات فرضی' });
+    const Desc = (0, _test.default)(component, 'file-item-desc');
+
+    expect(Desc.length).toBe(1);
+    expect(Desc.props().size).toBe(10);
+    expect(Desc.props().bold).toBe(true);
+  });
+
+  it('file item should disply only if it has the description prop and initial with that value', () => {
+    const componentWithoutDesc = setupShallow();
+    const componentWithDesc = setupShallow({ description: 'این توضیحات فرضی' });
+    const DescInComp01 = (0, _test.default)(componentWithoutDesc, 'file-item-desc');
+    const DescInComp02 = (0, _test.default)(componentWithDesc, 'file-item-desc');
+
+    expect(DescInComp01.length).toBe(0);
+    expect(DescInComp02.length).toBe(1);
+    expect(DescInComp02.props().children).toBe('این توضیحات فرضی');
+  });
+
+  it('file item must have price with spesefic size and initial with that value', () => {
+    const component = setupShallow({ price: '۶۰۰۰ تومن' });
+    const Price = (0, _test.default)(component, 'file-item-price');
+
+    expect(Price.length).toBe(1);
+    expect(Price.props().children).toBe('۶۰۰۰ تومن');
+    expect(Price.props().size).toBe(10);
+  });
+
+  it('file item could have fileSize with spesefic size and bold', () => {
+    const component = setupShallow({ fileSize: '۷ مگابایت' });
+    const FileSize = (0, _test.default)(component, 'file-item-size');
+
+    expect(FileSize.length).toBe(1);
+    expect(FileSize.props().size).toBe(10);
+  });
+
+  it('file item should disply fileSize only if it has the prop and initial with that value', () => {
+    const componentWithoutFileSize = setupShallow();
+    const componentWithFileSize = setupShallow({ fileSize: '۷ مگابایت' });
+    const FileSizeInComp01 = (0, _test.default)(componentWithoutFileSize, 'file-item-size');
+    const FileSizeInComp02 = (0, _test.default)(componentWithFileSize, 'file-item-size');
+
+    expect(FileSizeInComp01.length).toBe(0);
+    expect(FileSizeInComp02.length).toBe(1);
+    expect(FileSizeInComp02.props().children).toBe('۷ مگابایت');
+  });
+
+  it('file item must response to onClick function', () => {
+    let flag = false;
+    function clickSample() {
+      flag = true;
+    }
+    const component = setupMount({ onClick: clickSample });
+
+    expect(flag).toBe(false);
+    component.simulate('click');
+    expect(flag).toBe(true);
+  });
+});

package/dist/components/file-item/theme.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _themes = _interopRequireDefault(require("../themes"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const theme = {
+  colors: {
+    riverBedDark: _themes.default.colors.riverBedDark,
+    riverBed: _themes.default.colors.riverBed
+  },
+  borderRadius: _themes.default.borderRadius.high,
+  spacing: _themes.default.spacing
+};var _default = exports.default =
+
+theme;

package/dist/components/file-item/utils.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = getIconFileName;function getIconFileName(type, isLightIcon) {
+  return `icon-${type}${isLightIcon ? '-light' : ''}`;
+}

package/dist/components/form/captcha/index.js

@@ -0,0 +1,86 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+var _textInput = _interopRequireDefault(require("../text-input"));
+var _button = _interopRequireDefault(require("../../button"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}function _getRequireWildcardCache(e) {if ("function" != typeof WeakMap) return null;var r = new WeakMap(),t = new WeakMap();return (_getRequireWildcardCache = function (e) {return e ? t : r;})(e);}function _interopRequireWildcard(e, r) {if (!r && e && e.__esModule) return e;if (null === e || "object" != typeof e && "function" != typeof e) return { default: e };var t = _getRequireWildcardCache(r);if (t && t.has(e)) return t.get(e);var n = { __proto__: null },a = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) {var i = a ? Object.getOwnPropertyDescriptor(e, u) : null;i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u];}return n.default = e, t && t.set(e, n), n;}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function Captcha(_ref)
+
+
+
+
+
+{let { src, errorMessage = '', inputRef = null, handleCaptchaError = () => {}, handleRetryCaptcha = null } = _ref;
+  const [imageLoadingStatus, setImageLoadingStatus] = (0, _react.useState)('loading');
+
+  function hanelImgLoading() {
+    setImageLoadingStatus('loaded');
+  }
+  function handleImgError() {
+    setImageLoadingStatus('failedToLoad');
+    handleCaptchaError();
+  }
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_index.CaptchaBoxContainer, { "data-test": "captcha-box" }, /*#__PURE__*/
+    _react.default.createElement(_index.InputConiatiner, null, /*#__PURE__*/
+    _react.default.createElement(_textInput.default, {
+      "data-test": "captcha-input",
+      htmlElementName: "captcha-input",
+      label: "\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC",
+      errorMessage: errorMessage,
+      type: "text",
+      inputRef: inputRef }
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(_index.Container, null,
+    imageLoadingStatus !== 'loaded' && /*#__PURE__*/
+    _react.default.createElement(_index.Loading, null), /*#__PURE__*/
+
+    _react.default.createElement("img", {
+      className: `${imageLoadingStatus === 'loaded' ? '' : 'hide'}`,
+      width: "120px",
+      height: "32px",
+      src: src,
+      alt: "captcha-img",
+      loading: "lazy",
+      onLoad: hanelImgLoading,
+      onError: handleImgError,
+      "data-test": "captcha-img" }
+    )
+    ),
+    handleRetryCaptcha && /*#__PURE__*/
+    _react.default.createElement(_index.Container, null, /*#__PURE__*/
+    _react.default.createElement(_button.default, {
+      "data-test": "captcha-retry",
+      htmlType: "button",
+      icon: "refresh",
+      isLoading: imageLoadingStatus === 'loading',
+      onClick: handleRetryCaptcha,
+      mainColor: "blue",
+      size: "sm",
+      styleType: imageLoadingStatus === 'failedToLoad' ? 'primary' : 'tertiary' },
+    "\u06A9\u062F \u062A\u0635\u0648\u06CC\u0631\u06CC \u062C\u062F\u06CC\u062F"
+
+    )
+    )
+
+    ));
+
+}var _default = exports.default =
+
+Captcha;

package/dist/components/form/captcha/index.stories.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = exports.WithError = exports.Default = void 0;var _react = _interopRequireDefault(require("react"));
+
+var _addonActions = require("@storybook/addon-actions");
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+{
+  title: 'Form/Captcha',
+  component: _index.default,
+
+  argTypes: {
+    errorMessage: {
+      control: 'text',
+      defaultValue: 'ارور زیبا'
+    },
+    src: {
+      control: 'text',
+      defaultValue: 'https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg'
+    },
+    handleCaptchaError: {
+      action: 'handleCaptchaError'
+    },
+    handleRetryCaptcha: {
+      action: 'handleRetryCaptcha'
+    }
+  }
+};
+
+const Template = (args) => /*#__PURE__*/_react.default.createElement(_index.default, args);
+
+const Default = exports.Default = Template.bind({});
+Default.args = {
+  errorMessage: 'ارور زیبا',
+  src: 'https://static.evand.net/captcha/12c178c8006cb0cea5253a83db6a96db.jpg',
+  handleCaptchaError: (0, _addonActions.action)('trigger what you want to do when captcha src has an err'),
+  handleRetryCaptcha: (0, _addonActions.action)('trigger what you want to do when click on retry button')
+};
+
+const WithError = exports.WithError = Template.bind({});
+WithError.args = {
+  ...Default.args,
+  errorMessage: 'لطفا کد امنیتی را وارد کنید'
+};

package/dist/components/form/captcha/index.style.js

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.Loading = exports.InputConiatiner = exports.Container = exports.CaptchaBoxContainer = void 0;var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _theme = _interopRequireDefault(require("../theme"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+const Container = exports.Container = _styledComponents.default.div`
+  flex-shrink: 0;
+  margin: 6px 6px 0 0;
+
+  & .hide {
+    display: none;
+  }
+`;
+
+const Loading = exports.Loading = _styledComponents.default.div`
+  height: 32px;
+  width: 120px;
+  background: ${_theme.default.disabled.color};
+  animation-name: sparkle;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+
+    @keyframes sparkle {
+      0% {opacity: 0;}
+      50% {opacity: 1;}
+      70% {opacity: 1;}
+      100% {opacity: 0;}
+    }
+  }
+`;
+
+const CaptchaBoxContainer = exports.CaptchaBoxContainer = _styledComponents.default.div`
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+`;
+
+const InputConiatiner = exports.InputConiatiner = _styledComponents.default.div`
+  flex-grow: 1;
+`;

package/dist/components/form/captcha/index.test.js

@@ -0,0 +1,31 @@
+"use strict";var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _test = _interopRequireDefault(require("../../utils/test"));
+var _index = _interopRequireDefault(require("./index"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+describe('captcha', () => {
+  it('render captcha box', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { src: "wrong-src", handleRetryCaptcha: () => {} }));
+    const chaptchaBox = (0, _test.default)(component, 'captcha-box');
+
+    expect(chaptchaBox.length).toBe(1);
+  });
+  it('render captcha input', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { src: "wrong-src", handleRetryCaptcha: () => {} }));
+    const chaptchaInput = (0, _test.default)(component, 'captcha-input');
+
+    expect(chaptchaInput.length).toBe(1);
+  });
+  it('render captcha img', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { src: "wrong-src", handleRetryCaptcha: () => {} }));
+    const chaptchaImg = (0, _test.default)(component, 'captcha-img');
+
+    expect(chaptchaImg.length).toBe(1);
+  });
+  it('render retry button', () => {
+    const component = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_index.default, { src: "wrong-src", handleRetryCaptcha: () => {} }));
+    const chaptchaRetry = (0, _test.default)(component, 'captcha-retry');
+
+    expect(chaptchaRetry.length).toBe(1);
+  });
+});

package/dist/components/form/checkbox/checkbox-option.js

@@ -0,0 +1,41 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _styledComponents = require("styled-components");
+var _theme = _interopRequireDefault(require("../theme"));
+var _typography = require("../../typography");
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+const CheckboxOption = (props) => {
+  const {
+    label, value, isDisabled = false, isChecked = false, inputRef = null, groupName
+  } = 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, {
+      type: "checkbox",
+      id: itemId,
+      name: groupName,
+      value: value,
+      defaultChecked: isChecked,
+      disabled: isDisabled,
+      ref: inputRef }
+    ), /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { size: 14 },
+    label
+    )
+    )
+    ));
+
+};var _default = exports.default =
+
+CheckboxOption;

package/dist/components/form/checkbox/checkbox.js

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });exports.default = void 0;var _react = _interopRequireDefault(require("react"));
+var _globalStyle = _interopRequireDefault(require("../../globalStyle"));
+var _typography = require("../../typography");
+var _errorMsg = _interopRequireDefault(require("../errorMsg"));
+var _index = require("./index.style");function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}
+
+
+
+
+
+
+
+
+
+
+
+const Checkbox = (props) => {
+  const {
+    groupName = 'radio-element',
+    label = '',
+    handleChange = () => {},
+    isDisabled = false,
+    type = 'horizontal',
+    errorMessage = '',
+    children
+  } = props;
+  const radioElements = _react.default.Children.toArray(children);
+
+  return (/*#__PURE__*/
+    _react.default.createElement(_index.Fieldset, { onChange: handleChange }, /*#__PURE__*/
+    _react.default.createElement(_globalStyle.default, null),
+    label && /*#__PURE__*/
+    _react.default.createElement("legend", null, /*#__PURE__*/
+    _react.default.createElement(_typography.Text, { bold: true, size: 14 },
+    label
+    )
+    ), /*#__PURE__*/
+
+    _react.default.createElement(_index.CheckboxWrapper, { type: type },
+    radioElements.map(
+      (radioElement) =>
+      isDisabled ?
+      _react.default.cloneElement(radioElement, { groupName, isDisabled }) :
+
+      _react.default.cloneElement(radioElement, { groupName })
+
+
+    )
+    ), /*#__PURE__*/
+    _react.default.createElement(_errorMsg.default, { errorMessage: errorMessage })
+    ));
+
+};var _default = exports.default =
+Checkbox;

package/dist/components/form/checkbox/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports, "__esModule", { value: true });Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () {return _checkbox.default;} });Object.defineProperty(exports, "CheckboxOption", { enumerable: true, get: function () {return _checkboxOption.default;} });exports.default = void 0;var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _checkboxOption = _interopRequireDefault(require("./checkbox-option"));function _interopRequireDefault(e) {return e && e.__esModule ? e : { default: e };}var _default = exports.default =
+
+
+
+
+{
+  Checkbox: _checkbox.default,
+  CheckboxOption: _checkboxOption.default
+};