indicator-ui 0.0.14 → 0.0.16

package/dist/index.js

@@ -2990,6 +2990,38 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/CheckboxMark/styles/CheckboxMark.module.scss":
+/*!*************************************************************!*\
+  !*** ./src/ui/CheckboxMark/styles/CheckboxMark.module.scss ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"checkboxMark":"CheckboxMark-module__checkboxMark___QsRbu","checkbox":"CheckboxMark-module__checkbox___hYxxO","radio":"CheckboxMark-module__radio___rCtRc","checked":"CheckboxMark-module__checked___gV7SX","indeterminate":"CheckboxMark-module__indeterminate___ZR_YC","error":"CheckboxMark-module__error___NJKGd","disabled":"CheckboxMark-module__disabled___Ab4Hh","correct":"CheckboxMark-module__correct___MLR9N","incorrect":"CheckboxMark-module__incorrect___Y4rMI","hover":"CheckboxMark-module__hover___FWh19"});
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/styles/Checkbox.module.scss":
+/*!*****************************************************!*\
+  !*** ./src/ui/Checkbox/styles/Checkbox.module.scss ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+// extracted by mini-css-extract-plugin
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"checkbox":"Checkbox-module__checkbox___GSei6","textBlock":"Checkbox-module__textBlock___lgsN_","text":"Checkbox-module__text___bgxrk","indeterminate":"Checkbox-module__indeterminate___rVkUe","supportingText":"Checkbox-module__supportingText___BR8D6","disabled":"Checkbox-module__disabled___haSYz","error":"Checkbox-module__error___YOn5a"});
+
+/***/ }),
+
 /***/ "./src/ui/DatePicker/styles/CalendarDay.module.scss":
 /*!**********************************************************!*\
   !*** ./src/ui/DatePicker/styles/CalendarDay.module.scss ***!
@@ -6757,6 +6789,270 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/CheckboxMark/index.ts":
+/*!**************************************!*\
+  !*** ./src/ui/CheckboxMark/index.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckboxMark: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.CheckboxMark)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/CheckboxMark/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/CheckboxMark/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CheckboxMark/styles/index.ts":
+/*!*********************************************!*\
+  !*** ./src/ui/CheckboxMark/styles/index.ts ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckboxMarkStyle: () => (/* reexport safe */ _CheckboxMark_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _CheckboxMark_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CheckboxMark.module.scss */ "./src/ui/CheckboxMark/styles/CheckboxMark.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CheckboxMark/types/CheckboxMarkTypes.ts":
+/*!********************************************************!*\
+  !*** ./src/ui/CheckboxMark/types/CheckboxMarkTypes.ts ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CheckboxMark/types/index.ts":
+/*!********************************************!*\
+  !*** ./src/ui/CheckboxMark/types/index.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _CheckboxMarkTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CheckboxMarkTypes */ "./src/ui/CheckboxMark/types/CheckboxMarkTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/CheckboxMark/ui/CheckboxMark.tsx":
+/*!*************************************************!*\
+  !*** ./src/ui/CheckboxMark/ui/CheckboxMark.tsx ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckboxMark: () => (/* binding */ CheckboxMark)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/CheckboxMark/styles/index.ts");
+
+
+
+
+
+const CheckboxMark = (0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(({ type = "checkbox", indeterminate = false, checked = false, error = false, relation = false, disabled = false, isButton = true, hover = false, onClick, className = _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxMarkStyle }, ref) => {
+    const getClassName = () => {
+        return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.checkboxMark, {
+            [className?.checkbox]: type === 'checkbox',
+            [className?.radio]: type === 'radio',
+            [className?.checked]: checked,
+            [className?.disabled]: disabled,
+            [className?.error]: error,
+            [className?.correct]: relation === 'correct',
+            [className?.incorrect]: relation === 'incorrect',
+            [className?.indeterminate]: indeterminate,
+            [className?.hover]: hover,
+        });
+    };
+    const getIcon = () => {
+        if (indeterminate) {
+            if (typeof indeterminate === 'boolean') {
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.MinusSVG, {});
+            }
+            return indeterminate;
+        }
+        if (checked) {
+            if (relation === 'correct')
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.CheckSVG, {});
+            if (relation === 'incorrect')
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.XCloseSVG, {});
+            if (type === 'checkbox')
+                return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.CheckSVG, {});
+        }
+        return undefined;
+    };
+    const handleOnClick = () => {
+        if (onClick && !disabled) {
+            onClick();
+        }
+    };
+    const wrapperComponent = isButton ? (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", {}) : (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", {});
+    return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(wrapperComponent, {
+        ref: ref,
+        onClick: handleOnClick,
+        className: getClassName(),
+        children: getIcon(),
+    });
+});
+
+
+/***/ }),
+
+/***/ "./src/ui/CheckboxMark/ui/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/CheckboxMark/ui/index.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckboxMark: () => (/* reexport safe */ _CheckboxMark__WEBPACK_IMPORTED_MODULE_0__.CheckboxMark)
+/* harmony export */ });
+/* harmony import */ var _CheckboxMark__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CheckboxMark */ "./src/ui/CheckboxMark/ui/CheckboxMark.tsx");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/index.ts":
+/*!**********************************!*\
+  !*** ./src/ui/Checkbox/index.ts ***!
+  \**********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Checkbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Checkbox)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Checkbox/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/Checkbox/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/styles/index.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/Checkbox/styles/index.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   CheckboxStyle: () => (/* reexport safe */ _Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _Checkbox_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Checkbox.module.scss */ "./src/ui/Checkbox/styles/Checkbox.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/types/CheckboxTypes.ts":
+/*!************************************************!*\
+  !*** ./src/ui/Checkbox/types/CheckboxTypes.ts ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/types/index.ts":
+/*!****************************************!*\
+  !*** ./src/ui/Checkbox/types/index.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _CheckboxTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CheckboxTypes */ "./src/ui/Checkbox/types/CheckboxTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/ui/Checkbox.tsx":
+/*!*****************************************!*\
+  !*** ./src/ui/Checkbox/ui/Checkbox.tsx ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Checkbox: () => (/* binding */ Checkbox)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/Checkbox/styles/index.ts");
+
+
+
+
+
+function Checkbox({ checked = false, type = 'checkbox', error = false, subtype = false, disabled = false, text, supportingText, indeterminate = false, onClick, className = _styles__WEBPACK_IMPORTED_MODULE_4__.CheckboxStyle, }) {
+    const [isHover, setIsHover] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onClick: onClick, onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.checkbox, {
+            [className?.error]: error,
+            [className?.disabled]: disabled,
+        }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.CheckboxMark, { type: type, indeterminate: indeterminate, disabled: disabled, error: error, checked: checked, isButton: false, hover: isHover, relation: subtype }), text &&
+                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.textBlock, { [className?.indeterminate]: indeterminate }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.text, children: text }), supportingText && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: className?.supportingText, children: supportingText })] })] }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/Checkbox/ui/index.ts":
+/*!*************************************!*\
+  !*** ./src/ui/Checkbox/ui/index.ts ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Checkbox: () => (/* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_0__.Checkbox)
+/* harmony export */ });
+/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Checkbox */ "./src/ui/Checkbox/ui/Checkbox.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/DatePicker/const/index.ts":
@@ -9416,6 +9712,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Button: () => (/* reexport safe */ _Buttons__WEBPACK_IMPORTED_MODULE_0__.Button),
 /* harmony export */   CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CALENDAR_DAY_TARGET_DATE),
 /* harmony export */   CalendarDay: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.CalendarDay),
+/* harmony export */   Checkbox: () => (/* reexport safe */ _Checkbox__WEBPACK_IMPORTED_MODULE_6__.Checkbox),
+/* harmony export */   CheckboxMark: () => (/* reexport safe */ _CheckboxMark__WEBPACK_IMPORTED_MODULE_5__.CheckboxMark),
 /* harmony export */   DateGrid: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.DateGrid),
 /* harmony export */   DatePicker: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.DatePicker),
 /* harmony export */   DatePickerFooter: () => (/* reexport safe */ _DatePicker__WEBPACK_IMPORTED_MODULE_2__.DatePickerFooter),
@@ -9448,6 +9746,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _DatePicker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DatePicker */ "./src/ui/DatePicker/index.ts");
 /* harmony import */ var _InputFields__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./InputFields */ "./src/ui/InputFields/index.ts");
 /* harmony import */ var _FormBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./FormBuilder */ "./src/ui/FormBuilder/index.ts");
+/* harmony import */ var _CheckboxMark__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CheckboxMark */ "./src/ui/CheckboxMark/index.ts");
+/* harmony import */ var _Checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Checkbox */ "./src/ui/Checkbox/index.ts");
+
+
 
 
 
@@ -23842,6 +24144,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   Button: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Button),
 /* harmony export */   CALENDAR_DAY_TARGET_DATE: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CALENDAR_DAY_TARGET_DATE),
 /* harmony export */   CalendarDay: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CalendarDay),
+/* harmony export */   Checkbox: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Checkbox),
+/* harmony export */   CheckboxMark: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.CheckboxMark),
 /* harmony export */   DateGrid: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DateGrid),
 /* harmony export */   DatePicker: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DatePicker),
 /* harmony export */   DatePickerFooter: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.DatePickerFooter),