doui-react 1.0.0

package/lib/api/component/sort.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortBy = sortBy;
+exports.sorter = sorter;
+var _lodash = _interopRequireDefault(require("lodash"));
+function sorter(a, b) {
+  if (_lodash.default.isNumber(a)) {
+    return a - b;
+  }
+  if (_lodash.default.isNil(a) && _lodash.default.isNil(b)) {
+    return 0;
+  }
+  if (_lodash.default.isNil(a)) {
+    return -1;
+  }
+  return a.localeCompare(b);
+}
+function sortBy() {
+  var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var key = arguments.length > 1 ? arguments[1] : undefined;
+  return data.sort(function (a, b) {
+    return sorter(a[key], b[key]);
+  });
+}

package/lib/api/component/style.d.ts

@@ -0,0 +1,4 @@
+export declare function transformValueWithStyleUnit(value?: string | number, defaultValue?: any): any;
+export declare function transformValueToFlex(value?: string | number, defaultValue?: any): any;
+export declare function transformValueToGap(value?: number | [number, number], defaultValue?: any): any;
+export declare function hideBodyScroll(hide?: boolean): void;

package/lib/api/component/style.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hideBodyScroll = hideBodyScroll;
+exports.transformValueToFlex = transformValueToFlex;
+exports.transformValueToGap = transformValueToGap;
+exports.transformValueWithStyleUnit = transformValueWithStyleUnit;
+var _lodash = _interopRequireDefault(require("lodash"));
+var regularUnitsRegx = /(auto|unset|inherit|initial|%|px|vh|vw|em)$/i;
+function transformValueWithStyleUnit(value, defaultValue) {
+  if (_lodash.default.isNil(value)) {
+    return defaultValue;
+  }
+  if (_lodash.default.isNumber(value)) {
+    return "".concat(value, "px");
+  }
+  if (regularUnitsRegx.test(value)) {
+    return value;
+  }
+  return "".concat(value, "px");
+}
+function transformValueToFlex(value, defaultValue) {
+  if (_lodash.default.isNil(value)) {
+    return defaultValue;
+  }
+  return _lodash.default.isString(value) ? value : "".concat(value, " 0 0");
+}
+function transformValueToGap(value, defaultValue) {
+  if (_lodash.default.isNil(value)) {
+    return defaultValue;
+  }
+  var gap = _lodash.default.isArray(value) ? value : [value, value];
+  return gap.reverse().map(function (item) {
+    return "".concat(item, "px");
+  }).join(' ');
+}
+function hideBodyScroll() {
+  var hide = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  hide ? document.body.classList.add('do-hide-scroll') : document.body.classList.remove('do-hide-scroll');
+}

package/lib/api/component/url.d.ts

@@ -0,0 +1,33 @@
+import queryString, { ParseOptions, StringifyOptions } from 'query-string';
+/**
+ * Query 相关方法
+ */
+declare class Query {
+    [key: string]: any;
+    constructor(query: Record<string, any>);
+    toString(options?: StringifyOptions): string;
+}
+declare function parseQuery(url?: string, options?: ParseOptions): Record<string, any>;
+declare function updateQuery(query?: Record<string, any>, url?: string): Query;
+declare function removeQuery(key?: string | string[], url?: string): Query;
+declare function stringifyQuery(query?: Record<string, any>, options?: StringifyOptions): string;
+declare function parseParams(url?: string): Partial<Record<string, string | string[]>>;
+declare function stringifyUrl(query?: Record<string, any>, url?: string, options?: StringifyOptions & ParseOptions): string;
+declare function replaceUrl(query?: Record<string, any>, url?: string, options?: StringifyOptions & ParseOptions): string;
+declare function parse(url?: string, options?: ParseOptions): {
+    params: Partial<Record<string, string | string[]>>;
+    url: string;
+    query: queryString.ParsedQuery<string>;
+    fragmentIdentifier?: string | undefined;
+};
+export declare const url: {
+    parse: typeof parse;
+    parseQuery: typeof parseQuery;
+    updateQuery: typeof updateQuery;
+    removeQuery: typeof removeQuery;
+    stringifyQuery: typeof stringifyQuery;
+    parseParams: typeof parseParams;
+    stringifyUrl: typeof stringifyUrl;
+    replaceUrl: typeof replaceUrl;
+};
+export {};

package/lib/api/component/url.js

@@ -0,0 +1,133 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.url = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _lodash = _interopRequireDefault(require("lodash"));
+var _matchPathParser = require("match-path-parser");
+var _queryString = _interopRequireDefault(require("query-string"));
+function getUrl(url) {
+  return new URL(url !== null && url !== void 0 ? url : location.href, location.origin);
+}
+
+/**
+ * Query 相关方法
+ */
+var Query = /*#__PURE__*/function () {
+  function Query(query) {
+    (0, _classCallCheck2.default)(this, Query);
+    Object.assign(this, query);
+  }
+  (0, _createClass2.default)(Query, [{
+    key: "toString",
+    value: function toString(options) {
+      return stringifyQuery(this, options);
+    }
+  }]);
+  return Query;
+}();
+function parseQuery(url, options) {
+  var _getUrl = getUrl(url),
+    search = _getUrl.search;
+  return _queryString.default.parse(search, (0, _objectSpread2.default)({
+    parseNumbers: true,
+    parseBooleans: true
+  }, options));
+}
+function updateQuery(query, url) {
+  var parsedQuery = parseQuery(url);
+  var mergedQuery = _lodash.default.assign(parsedQuery, query);
+  return new Query(mergedQuery);
+}
+function removeQuery() {
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var url = arguments.length > 1 ? arguments[1] : undefined;
+  var keys = _lodash.default.isArray(key) ? key : [key];
+  var query = _lodash.default.omit(parseQuery(url), keys);
+  return new Query(query);
+}
+function stringifyQuery() {
+  var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var options = arguments.length > 1 ? arguments[1] : undefined;
+  return _queryString.default.stringify(query, (0, _objectSpread2.default)({
+    skipEmptyString: true,
+    skipNull: true
+  }, options));
+}
+
+/**
+ * Url 相关方法
+ */
+function getUrlMatch(pathname) {
+  // ESB
+  if (_lodash.default.startsWith(pathname, '/project/')) {
+    return (0, _matchPathParser.match)('/project/:projectId{/dashboard/:dashboardId}', {
+      end: false
+    });
+  }
+
+  // Data Process
+  if (_lodash.default.startsWith(pathname, '/dp/') || _lodash.default.startsWith(pathname, '/projects/')) {
+    return (0, _matchPathParser.match)('{/dp}/projects/:projectId{/flows/:flowId}', {
+      end: false
+    });
+  }
+
+  // EyeVia
+  if (_lodash.default.startsWith(pathname, '/v/')) {
+    return (0, _matchPathParser.match)('/v/:projectId{/d/:dashboardId/s/:screenId}', {
+      end: false
+    });
+  }
+  if (_lodash.default.startsWith(pathname, '/p/')) {
+    return (0, _matchPathParser.match)('/p/:projectId', {
+      end: false
+    });
+  }
+}
+function parseParams(url) {
+  var _getUrl2 = getUrl(url),
+    pathname = _getUrl2.pathname;
+  var fn = getUrlMatch(pathname);
+  var res = fn === null || fn === void 0 ? void 0 : fn(pathname);
+  return res ? res.params : {};
+}
+function stringifyUrl(query, url, options) {
+  var parsedUrl = parse(url, options);
+  _lodash.default.assign(parsedUrl.query, query);
+  return _queryString.default.stringifyUrl(parsedUrl, (0, _objectSpread2.default)({
+    skipEmptyString: true,
+    skipNull: true
+  }, options));
+}
+function replaceUrl(query, url, options) {
+  var newUrl = stringifyUrl(query, url, options);
+  history.replaceState({}, '', newUrl);
+  return newUrl;
+}
+function parse(url, options) {
+  var _getUrl3 = getUrl(url),
+    href = _getUrl3.href;
+  var parsedUrl = _queryString.default.parseUrl(href, (0, _objectSpread2.default)({
+    parseNumbers: true,
+    parseBooleans: true
+  }, options));
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, parsedUrl), {}, {
+    params: parseParams(url)
+  });
+}
+var url = exports.url = {
+  parse: parse,
+  parseQuery: parseQuery,
+  updateQuery: updateQuery,
+  removeQuery: removeQuery,
+  stringifyQuery: stringifyQuery,
+  parseParams: parseParams,
+  stringifyUrl: stringifyUrl,
+  replaceUrl: replaceUrl
+};

package/lib/api/component/validate-input.d.ts

@@ -0,0 +1,8 @@
+export declare const inputValueReg: RegExp;
+export declare const scriptReg: RegExp;
+export declare function validateScript(value: string): boolean;
+/**
+ * validate data of general String type
+ *  letters, numbers, spot, underlines and Spaces
+ */
+export declare function validateString(value: string): boolean;

package/lib/api/component/validate-input.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scriptReg = exports.inputValueReg = void 0;
+exports.validateScript = validateScript;
+exports.validateString = validateString;
+var inputValueReg = exports.inputValueReg = /^[a-zA-Z0-9_\-\s/.:*{}€,()%$|+#@=><']*$/i;
+var scriptReg = exports.scriptReg = /<[/]*[^/<]*\s*script[\s+]*[^/>]*[/]*>/i;
+function validateScript(value) {
+  return !value.match(scriptReg);
+}
+
+/**
+ * validate data of general String type
+ *  letters, numbers, spot, underlines and Spaces
+ */
+function validateString(value) {
+  if (!inputValueReg.test(value)) {
+    return false;
+  }
+  return validateScript(value);
+}

package/lib/api/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/api/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/api/type/common.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties, MutableRefObject } from 'react';
+export type Refs = MutableRefObject<any>;
+export interface BaseComponentProps {
+    className?: string;
+    style?: CSSProperties;
+    refs?: Refs;
+}
+export interface BaseFlexProps {
+    /**
+     * @description 是否垂直排列
+     * @default false
+     */
+    vertical?: boolean;
+    /**
+     * @description 间距，如果是数组，第一个为水平间距，第二个为垂直间距
+     * @default 8
+     */
+    gap?: number | [number, number];
+    /**
+     * @description 是否自动换行
+     * @default true
+     */
+    wrap?: boolean;
+}

package/lib/api/type/common.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/api/type/index.d.ts

@@ -0,0 +1,5 @@
+export * from './common';
+export type FunctionReturn<T> = Promise<T> | T;
+export type FunctionType = (...args: any[]) => any;
+export type MapValues<T> = T[keyof T];
+export type Records<T = any> = Record<string, T>;

package/lib/api/type/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _common = require("./common");
+Object.keys(_common).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _common[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _common[key];
+    }
+  });
+});

package/lib/button/component/index.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../type';
+export declare function Button({ portalTo, ...props }: ButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/button/component/index.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = Button;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _api = require("../../api");
+var _hooks = require("../../hooks");
+var _portal = require("../../portal");
+var _text = require("../../text");
+var _tooltip = require("../../tooltip");
+var _antd = require("antd");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _excluded = ["tooltip", "placement", "trigger", "align"],
+  _excluded2 = ["show", "confirm", "onClick", "confirmMessage", "okText", "cancelText"],
+  _excluded3 = ["portalTo"];
+function useButton(props) {
+  var _props$loading;
+  var _useLoading = (0, _hooks.useLoading)(props.onClick),
+    _useLoading2 = (0, _slicedToArray2.default)(_useLoading, 2),
+    loading = _useLoading2[0],
+    onClick = _useLoading2[1];
+  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    loading: (_props$loading = props.loading) !== null && _props$loading !== void 0 ? _props$loading : loading,
+    onClick: onClick
+  });
+}
+function BaseButton(_ref) {
+  var tooltip = _ref.tooltip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    trigger = _ref.trigger,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? {
+      offset: [0, 2]
+    } : _ref$align,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var params = useButton(props);
+  if (_lodash.default.isNil(tooltip)) {
+    return (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)({}, params));
+  }
+  var tooltipProps = (0, _objectSpread2.default)({
+    trigger: trigger,
+    placement: placement,
+    align: align
+  }, (0, _text.generateTooltip)(tooltip));
+  return (0, _jsxRuntime.jsx)(_tooltip.Tooltip, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tooltipProps), {}, {
+    children: (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)({}, params))
+  }));
+}
+function ButtonWrapper(_ref2) {
+  var _ref2$show = _ref2.show,
+    show = _ref2$show === void 0 ? true : _ref2$show,
+    confirm = _ref2.confirm,
+    onClick = _ref2.onClick,
+    confirmMessage = _ref2.confirmMessage,
+    okText = _ref2.okText,
+    cancelText = _ref2.cancelText,
+    props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  if (!show) {
+    return null;
+  }
+  if (confirm) {
+    return (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
+      title: confirmMessage || 'Are you sure?',
+      onConfirm: onClick,
+      okText: okText || 'OK',
+      cancelText: cancelText,
+      placement: props.placement,
+      arrowPointAtCenter: props.arrowPointAtCenter,
+      getPopupContainer: _api.getPopupContainer,
+      children: (0, _jsxRuntime.jsx)(BaseButton, (0, _objectSpread2.default)({}, props))
+    });
+  }
+  return (0, _jsxRuntime.jsx)(BaseButton, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    onClick: onClick
+  }));
+}
+function Button(_ref3) {
+  var portalTo = _ref3.portalTo,
+    props = (0, _objectWithoutProperties2.default)(_ref3, _excluded3);
+  if (portalTo) {
+    return (0, _jsxRuntime.jsx)(_portal.Portal, {
+      container: portalTo,
+      children: (0, _jsxRuntime.jsx)(ButtonWrapper, (0, _objectSpread2.default)({}, props))
+    });
+  }
+  return (0, _jsxRuntime.jsx)(ButtonWrapper, (0, _objectSpread2.default)({}, props));
+}

package/lib/button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './component';
+export * from './type';

package/lib/button/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _component = require("./component");
+Object.keys(_component).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _component[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _component[key];
+    }
+  });
+});
+var _type = require("./type");
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _type[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _type[key];
+    }
+  });
+});

package/lib/button/type/index.d.ts

@@ -0,0 +1,31 @@
+import { FunctionReturn } from "../../api";
+import { PortalProps } from "../../portal";
+import { ButtonProps as AntdButtonProps, PopconfirmProps } from 'antd';
+import { EllipsisConfig } from 'antd/lib/typography/Base';
+import { MouseEvent, ReactNode } from 'react';
+export interface ButtonProps extends AntdButtonProps, Omit<PopconfirmProps, 'title'> {
+    /**
+     * @description 提示信息
+     * @link TooltipProps: https://4x.ant.design/components/tooltip-cn/#API
+     */
+    tooltip?: EllipsisConfig['tooltip'];
+    /**
+     * @description 是否需要确认
+     * @default false
+     */
+    confirm?: boolean;
+    /**
+     * @description 确认信息
+     */
+    confirmMessage?: ReactNode;
+    /**
+     * @description 是否显示
+     * @default true
+     */
+    show?: boolean;
+    portalTo?: PortalProps['container'];
+    /**
+     * @description 点击按钮的回调
+     */
+    onClick?(event?: MouseEvent): FunctionReturn<void>;
+}

package/lib/button/type/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/checkbox/component/checkbox-group.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../type';
+export declare function CheckboxGroup({ refs, vertical, gap, wrap, className, style, ...props }: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/checkbox/component/checkbox-group.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxGroup = CheckboxGroup;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _api = require("../../api");
+var _css = require("@emotion/css");
+var _antd = require("antd");
+var _lodash = _interopRequireDefault(require("lodash"));
+var _style = _interopRequireDefault(require("../style"));
+var _checkbox = require("./checkbox");
+var _useCheckbox2 = require("./use-checkbox");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _react = require("@emotion/react");
+var _excluded = ["refs", "vertical", "gap", "wrap", "className", "style"],
+  _excluded2 = ["label", "originLabel"];
+var Group = _antd.Checkbox.Group;
+function CheckboxGroup(_ref) {
+  var refs = _ref.refs,
+    vertical = _ref.vertical,
+    gap = _ref.gap,
+    wrap = _ref.wrap,
+    className = _ref.className,
+    style = _ref.style,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useCheckbox = (0, _useCheckbox2.useCheckbox)(props),
+    options = _useCheckbox.options,
+    value = _useCheckbox.value,
+    indeterminate = _useCheckbox.indeterminate,
+    disabled = _useCheckbox.disabled,
+    checkAll = _useCheckbox.checkAll,
+    showAll = _useCheckbox.showAll,
+    _useCheckbox$allProps = _useCheckbox.allProps,
+    allProps = _useCheckbox$allProps === void 0 ? {} : _useCheckbox$allProps,
+    onChangeAll = _useCheckbox.onChangeAll,
+    onChange = _useCheckbox.onChange;
+  var classString = (0, _css.cx)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, (0, _api.getClassName)('checkbox-wrapper'), true), (0, _api.getClassName)('checkbox-vertical'), vertical), className);
+  return (0, _jsxRuntime.jsxs)("div", {
+    css: _style.default.wrapper({
+      vertical: vertical,
+      gap: gap,
+      wrap: wrap
+    }),
+    className: classString,
+    style: style,
+    children: [showAll && (0, _jsxRuntime.jsx)(_checkbox.InternalCheckbox, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, allProps), {}, {
+      refs: refs,
+      className: (0, _api.getClassName)('checkbox-all'),
+      value: checkAll,
+      onChange: onChangeAll,
+      indeterminate: indeterminate,
+      disabled: disabled
+    })), (0, _jsxRuntime.jsx)(Group, {
+      value: value,
+      onChange: onChange,
+      disabled: disabled,
+      children: _lodash.default.map(options, function (_ref2, index) {
+        var label = _ref2.label,
+          originLabel = _ref2.originLabel,
+          option = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+        return (0, _react.createElement)(_checkbox.InternalCheckbox, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, option), {}, {
+          inGroup: true,
+          key: index
+        }), label);
+      })
+    })]
+  });
+}

package/lib/checkbox/component/checkbox.d.ts

@@ -0,0 +1,2 @@
+import { BaseBoxProps } from "../../radio";
+export declare function InternalCheckbox(props: BaseBoxProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/checkbox/component/checkbox.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InternalCheckbox = InternalCheckbox;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _abstractBox = require("../../radio/component/abstract-box");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function InternalCheckbox(props) {
+  return (0, _jsxRuntime.jsx)(_abstractBox.AbstractBox, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+    boxType: "checkbox"
+  }));
+}

package/lib/checkbox/component/index.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from '../type';
+export declare function Checkbox(props: CheckboxProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/checkbox/component/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = Checkbox;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _checkbox = require("./checkbox");
+var _checkboxGroup = require("./checkbox-group");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function Checkbox(props) {
+  if (props.options) {
+    return (0, _jsxRuntime.jsx)(_checkboxGroup.CheckboxGroup, (0, _objectSpread2.default)({}, props));
+  }
+  return (0, _jsxRuntime.jsx)(_checkbox.InternalCheckbox, (0, _objectSpread2.default)({}, props));
+}