@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es5/button/Button.js

@@ -1,106 +1,188 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Button", {
+    enumerable: true,
+    get: function() {
+        return Button;
+    }
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 var buttonSize = {
     accent: 12,
     normal: 10,
-    minor: 8,
+    minor: 8
 };
 var buttonRadius = {
     accent: 24,
     normal: 20,
-    minor: 16,
+    minor: 16
 };
 var contextPaddingX = {
     accent: 8,
     normal: 6,
-    minor: 4,
+    minor: 4
 };
 var iconSize = {
     accent: 6,
     normal: 6,
-    minor: 5,
+    minor: 5
 };
 var iconMargin = {
     accent: 3,
     normal: 1.5,
-    minor: 1,
+    minor: 1
 };
 var textSize = {
     accent: 4,
     normal: 3.5,
-    minor: 3.5,
+    minor: 3.5
 };
 var textHeight = {
     accent: 5,
     normal: 4,
-    minor: 4,
+    minor: 4
 };
 var stubHeight = {
     accent: 3,
     normal: 2,
-    minor: 2,
+    minor: 2
 };
 var stubWidth = {
     accent: 23,
     normal: 21,
-    minor: 19,
+    minor: 19
 };
-var Button = function (props) {
-    var _a;
-    var theme = (0, pijma_core_1.useTheme)();
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Card, { width: !props.icon || props.text ? 1 : buttonSize[props.size], height: buttonSize[props.size], bg: theme.button.bg.kind.simple, b: theme.button.border.kind.simple, r: (_a = props.radius) !== null && _a !== void 0 ? _a : buttonRadius[props.size] },
-        react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, px: props.icon && !props.text ? 0 : contextPaddingX[props.size] },
-            react_1.default.createElement(react_1.Fragment, null,
-                props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, mr: props.text ? iconMargin[props.size] : 0, width: iconSize[props.size], height: iconSize[props.size] },
-                    react_1.default.createElement(pijma_core_1.Stub, { top: 0.5, right: 0.5, bottom: 0.5, left: 0.5, width: iconSize[props.size] - 1, height: iconSize[props.size] - 1, r: (iconSize[props.size] - 1) * 2 }))) : null,
-                props.text || !props.icon ? (react_1.default.createElement(pijma_core_1.Stub, { width: stubWidth[props.size] - (props.icon ? 9 : 0), height: stubHeight[props.size] })) : null)))) : (react_1.default.createElement(pijma_core_1.ButtonControl, { onClick: props.onClick, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) {
-            var _a;
-            return (react_1.default.createElement(pijma_core_1.Btn, { disabled: props.disabled, type: props.type, width: !props.icon || props.text ? 1 : buttonSize[props.size], height: buttonSize[props.size], bg: props.disabled
-                    ? '#e6e6e6'
-                    : renderProps.hover || renderProps.focus
-                        ? theme.button.bg.hover[props.kind]
-                        : theme.button.bg.kind[props.kind], b: props.disabled
-                    ? 'none'
-                    : renderProps.hover || renderProps.focus
-                        ? theme.button.border.hover[props.kind]
-                        : theme.button.border.kind[props.kind], r: (_a = props.radius) !== null && _a !== void 0 ? _a : buttonRadius[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", onClick: renderProps.onClick, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, children: react_1.default.createElement(pijma_core_1.Pos, { type: "relative", width: 1, height: 1, cursor: props.disabled ? 'not-allowed' : 'pointer', children: react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, px: props.icon && !props.text ? 0 : contextPaddingX[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: react_1.default.createElement(react_1.Fragment, null,
-                            react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", top: 0, right: 0, bottom: 0, left: 0, opacity: props.loading
-                                    ? renderProps.hover ||
-                                        renderProps.active ||
-                                        renderProps.focus
-                                        ? 0.9
-                                        : 1
-                                    : 0, transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: react_1.default.createElement(pijma_core_1.Flex, { align: "center", justify: "center", width: 1, height: 1, children: react_1.default.createElement(pijma_core_1.Spinner, { paused: !props.loading, width: iconSize[props.size], height: iconSize[props.size], color: props.disabled
-                                            ? '#666'
-                                            : theme.button.text.color[props.kind] }) }) }),
-                            props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { shrink: 0, opacity: props.loading
-                                    ? 0
-                                    : renderProps.hover ||
-                                        renderProps.active ||
-                                        renderProps.focus
-                                        ? 0.9
-                                        : 1, mr: props.text ? iconMargin[props.size] : 0, width: iconSize[props.size], height: iconSize[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: react_1.default.cloneElement(props.icon, {
-                                    color: props.disabled
-                                        ? '#666'
-                                        : props.kind === 'brand'
-                                            ? '#fff'
-                                            : '#000',
-                                    size: 1,
-                                }) })) : null,
-                            props.text || !props.icon ? (react_1.default.createElement(pijma_core_1.FlexItem, { opacity: props.loading
-                                    ? 0
-                                    : renderProps.hover ||
-                                        renderProps.active ||
-                                        renderProps.focus
-                                        ? 0.9
-                                        : 1, overflow: "hidden", transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: react_1.default.createElement(pijma_core_1.Typo, { nowrap: true, display: "block", weight: 500, color: props.disabled
-                                        ? '#666'
-                                        : theme.button.text.color[props.kind], size: textSize[props.size], height: textHeight[props.size], transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)", children: props.text }) })) : null) }) }) }));
-        } }));
+var Button = function(props) {
+    var theme = (0, _pijmaCore.useTheme)();
+    var _radius, _radius1;
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Card, {
+        width: !props.icon || props.text ? 1 : buttonSize[props.size],
+        height: buttonSize[props.size],
+        bg: theme.button.bg.kind.simple,
+        b: theme.button.border.kind.simple,
+        r: (_radius = props.radius) != null ? _radius : buttonRadius[props.size],
+        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+            align: "center",
+            justify: "center",
+            width: 1,
+            height: 1,
+            px: props.icon && !props.text ? 0 : contextPaddingX[props.size],
+            children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
+                children: [
+                    props.icon ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                        shrink: 0,
+                        mr: props.text ? iconMargin[props.size] : 0,
+                        width: iconSize[props.size],
+                        height: iconSize[props.size],
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                            top: 0.5,
+                            right: 0.5,
+                            bottom: 0.5,
+                            left: 0.5,
+                            width: iconSize[props.size] - 1,
+                            height: iconSize[props.size] - 1,
+                            r: (iconSize[props.size] - 1) * 2
+                        })
+                    }) : null,
+                    props.text || !props.icon ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                        width: stubWidth[props.size] - (props.icon ? 9 : 0),
+                        height: stubHeight[props.size]
+                    }) : null
+                ]
+            })
+        })
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.ButtonControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Btn, {
+                disabled: props.disabled,
+                type: props.type,
+                width: !props.icon || props.text ? 1 : buttonSize[props.size],
+                height: buttonSize[props.size],
+                bg: props.disabled ? "#e6e6e6" : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind],
+                b: props.disabled ? "none" : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
+                r: (_radius1 = props.radius) != null ? _radius1 : buttonRadius[props.size],
+                transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                    type: "relative",
+                    width: 1,
+                    height: 1,
+                    cursor: props.disabled ? "not-allowed" : "pointer",
+                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+                        align: "center",
+                        justify: "center",
+                        width: 1,
+                        height: 1,
+                        px: props.icon && !props.text ? 0 : contextPaddingX[props.size],
+                        transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                                    type: "absolute",
+                                    top: 0,
+                                    right: 0,
+                                    bottom: 0,
+                                    left: 0,
+                                    opacity: props.loading ? renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1 : 0,
+                                    transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+                                        align: "center",
+                                        justify: "center",
+                                        width: 1,
+                                        height: 1,
+                                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Spinner, {
+                                            paused: !props.loading,
+                                            width: iconSize[props.size],
+                                            height: iconSize[props.size],
+                                            color: props.disabled ? "#666" : theme.button.text.color[props.kind]
+                                        })
+                                    })
+                                }),
+                                props.icon ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                    shrink: 0,
+                                    opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1,
+                                    mr: props.text ? iconMargin[props.size] : 0,
+                                    width: iconSize[props.size],
+                                    height: iconSize[props.size],
+                                    transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    children: /*#__PURE__*/ _react.default.cloneElement(props.icon, {
+                                        color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
+                                        size: 1
+                                    })
+                                }) : null,
+                                props.text || !props.icon ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                    opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1,
+                                    overflow: "hidden",
+                                    transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Typo, {
+                                        nowrap: true,
+                                        display: "block",
+                                        weight: 500,
+                                        color: props.disabled ? "#666" : theme.button.text.color[props.kind],
+                                        size: textSize[props.size],
+                                        height: textHeight[props.size],
+                                        transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                        children: props.text
+                                    })
+                                }) : null
+                            ]
+                        })
+                    })
+                })
+            });
+        }
+    });
 };
-exports.Button = Button;
-exports.Button.displayName = "Button"
+Button.displayName = "Button";

package/lib/es5/button/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./Button.js"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Button.js"), exports);

package/lib/es5/checkbox/Checkbox.js

@@ -1,12 +1,50 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var Checkbox = function (props) { return (react_1.default.createElement(pijma_core_1.SwitchControl, { disabled: props.disabled, checked: props.checked, onChange: props.onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.OptionField, { tabIndex: props.tabIndex, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onKeyDown: renderProps.onKeyDown, children: react_1.default.createElement(pijma_core_1.OptionFieldItem, { disabled: props.disabled, label: props.label, description: props.description, icon: react_1.default.createElement(pijma_core_1.Box, { width: 6 },
-                react_1.default.createElement(pijma_core_1.Check, { disabled: props.disabled, checked: props.checked, focused: renderProps.focused })), onClick: renderProps.onClick, onMouseEnter: renderProps.onMouseEnter, onMouseLeave: renderProps.onMouseLeave }) })); } })); };
-Checkbox.displayName = "Checkbox"
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var Checkbox = function(props) {
+    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SwitchControl, {
+        disabled: props.disabled,
+        checked: props.checked,
+        onChange: props.onChange,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionField, {
+                tabIndex: props.tabIndex,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onKeyDown: renderProps.onKeyDown,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionFieldItem, {
+                    disabled: props.disabled,
+                    label: props.label,
+                    description: props.description,
+                    icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                        width: 6,
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Check, {
+                            disabled: props.disabled,
+                            checked: props.checked,
+                            focused: renderProps.focused
+                        })
+                    }),
+                    onClick: renderProps.onClick,
+                    onMouseEnter: renderProps.onMouseEnter,
+                    onMouseLeave: renderProps.onMouseLeave
+                })
+            });
+        }
+    });
+};
+Checkbox.displayName = "Checkbox";
 Checkbox.defaultProps = {
-    tabIndex: 0,
+    tabIndex: 0
 };
-exports.default = Checkbox;
+var _default = Checkbox;

package/lib/es5/checkbox/CheckboxProps.js

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

package/lib/es5/checkbox/index.js

@@ -1,6 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-var tslib_1 = require("tslib");
-var Checkbox_1 = (0, tslib_1.__importDefault)(require("./Checkbox.js"));
-exports.Checkbox = Checkbox_1.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Checkbox", {
+    enumerable: true,
+    get: function() {
+        return _checkbox.default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _checkbox = /*#__PURE__*/ _interopRequireDefault(require("./Checkbox.js"));

package/lib/es5/checkbox-field/CheckboxField.js

@@ -1,16 +1,106 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var CheckboxField = function (props) {
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Box, { maxWidth: 1 },
-        react_1.default.createElement(pijma_core_1.Stub, { width: 24, height: 3, top: 2, bottom: 4 }),
-        react_1.default.createElement(pijma_core_1.Spacer, { size: "s" }, [33, 38, 30].map(function (width, id) { return (react_1.default.createElement(pijma_core_1.Flex, { key: id, align: "center" },
-            react_1.default.createElement(pijma_core_1.Stub, { width: 5, height: 5, right: 3, left: 0.5 }),
-            react_1.default.createElement(pijma_core_1.Box, { width: width, maxWidth: 1 },
-                react_1.default.createElement(pijma_core_1.Stub, { width: 1, height: 2, top: 2, bottom: 2 })))); })))) : (react_1.default.createElement(pijma_core_1.CheckboxControl, { tabIndex: props.tabIndex, options: props.options, values: props.values, equals: props.equals, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.OptionField, { title: props.title, hint: props.hint, help: props.help, tabIndex: renderProps.tabIndex, autoFocus: props.autoFocus, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onKeyDown: renderProps.onKeyDown, children: renderProps.options.map(function (option, index) { return (react_1.default.createElement(pijma_core_1.OptionControl, { key: index, disabled: option.disabled, value: option.value, onClick: option.onClick, onMouseEnter: option.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, children: function (renderOptionProps) { return (react_1.default.createElement(pijma_core_1.OptionFieldItem, { disabled: option.disabled, icon: react_1.default.createElement(pijma_core_1.Box, { width: 6 },
-                        react_1.default.createElement(pijma_core_1.Check, { disabled: option.disabled, checked: option.checked, focused: option.focused })), label: option.label, description: option.description, onClick: renderOptionProps.onClick, onMouseEnter: renderOptionProps.onMouseEnter, onMouseLeave: renderOptionProps.onMouseLeave })); } })); }) })); } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var CheckboxField = function(props) {
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Box, {
+        maxWidth: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                width: 24,
+                height: 3,
+                top: 2,
+                bottom: 4
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Spacer, {
+                size: "s",
+                children: [
+                    33,
+                    38,
+                    30
+                ].map(function(width, id) {
+                    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Flex, {
+                        align: "center",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                                width: 5,
+                                height: 5,
+                                right: 3,
+                                left: 0.5
+                            }),
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                width: width,
+                                maxWidth: 1,
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                                    width: 1,
+                                    height: 2,
+                                    top: 2,
+                                    bottom: 2
+                                })
+                            })
+                        ]
+                    }, id);
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.CheckboxControl, {
+        tabIndex: props.tabIndex,
+        options: props.options,
+        values: props.values,
+        equals: props.equals,
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionField, {
+                title: props.title,
+                hint: props.hint,
+                help: props.help,
+                tabIndex: renderProps.tabIndex,
+                autoFocus: props.autoFocus,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onKeyDown: renderProps.onKeyDown,
+                children: renderProps.options.map(function(option, index) {
+                    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionControl, {
+                        disabled: option.disabled,
+                        value: option.value,
+                        onClick: option.onClick,
+                        onMouseEnter: option.onMouseEnter,
+                        onMouseLeave: renderProps.onMouseLeave,
+                        children: function(renderOptionProps) {
+                            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionFieldItem, {
+                                disabled: option.disabled,
+                                icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                    width: 6,
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Check, {
+                                        disabled: option.disabled,
+                                        checked: option.checked,
+                                        focused: option.focused
+                                    })
+                                }),
+                                label: option.label,
+                                description: option.description,
+                                onClick: renderOptionProps.onClick,
+                                onMouseEnter: renderOptionProps.onMouseEnter,
+                                onMouseLeave: renderOptionProps.onMouseLeave
+                            });
+                        }
+                    }, index);
+                })
+            });
+        }
+    });
 };
-CheckboxField.displayName = "CheckboxField"
-exports.default = CheckboxField;
+CheckboxField.displayName = "CheckboxField";
+var _default = CheckboxField;

package/lib/es5/checkbox-field/CheckboxFieldOptionModel.js

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

package/lib/es5/checkbox-field/CheckboxFieldProps.js

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

package/lib/es5/checkbox-field/index.js

@@ -1,6 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = void 0;
-var tslib_1 = require("tslib");
-var CheckboxField_1 = (0, tslib_1.__importDefault)(require("./CheckboxField.js"));
-exports.CheckboxField = CheckboxField_1.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CheckboxField", {
+    enumerable: true,
+    get: function() {
+        return _checkboxField.default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _checkboxField = /*#__PURE__*/ _interopRequireDefault(require("./CheckboxField.js"));