indicator-ui 0.0.17 → 0.0.18

package/dist/index.js

@@ -3246,6 +3246,38 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/ui/ToggleBase/styles/ToggleBase.module.scss":
+/*!*********************************************************!*\
+  !*** ./src/ui/ToggleBase/styles/ToggleBase.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__ = ({"toggleBase":"ToggleBase-module__toggleBase___Vkhhf","button":"ToggleBase-module__button___LaSpg","active":"ToggleBase-module__active___q_Db4","error":"ToggleBase-module__error___IfdU2","medium":"ToggleBase-module__medium___iUKiN","large":"ToggleBase-module__large___YMT8p","hover":"ToggleBase-module__hover___KiQjy","disabled":"ToggleBase-module__disabled___Znl75"});
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/styles/Toggle.module.scss":
+/*!*************************************************!*\
+  !*** ./src/ui/Toggle/styles/Toggle.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__ = ({"toggle":"Toggle-module__toggle___v6vwY","textBlock":"Toggle-module__textBlock___KUwlm","text":"Toggle-module__text___i2f7B","description":"Toggle-module__description___hvDOL","disabled":"Toggle-module__disabled___ME0Wv","widthFill":"Toggle-module__widthFill___JEbCX","heightFill":"Toggle-module__heightFill___yalwe","widthHug":"Toggle-module__widthHug___EL72F","heightHug":"Toggle-module__heightHug___fFSTL"});
+
+/***/ }),
+
 /***/ "./node_modules/object-assign/index.js":
 /*!*********************************************!*\
   !*** ./node_modules/object-assign/index.js ***!
@@ -9702,6 +9734,245 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/ToggleBase/index.ts":
+/*!************************************!*\
+  !*** ./src/ui/ToggleBase/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 */   ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.ToggleBase)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/ToggleBase/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/ToggleBase/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/ToggleBase/styles/index.ts":
+/*!*******************************************!*\
+  !*** ./src/ui/ToggleBase/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 */   ToggleBaseStyle: () => (/* reexport safe */ _ToggleBase_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _ToggleBase_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ToggleBase.module.scss */ "./src/ui/ToggleBase/styles/ToggleBase.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/ToggleBase/types/ToggleBaseTypes.ts":
+/*!****************************************************!*\
+  !*** ./src/ui/ToggleBase/types/ToggleBaseTypes.ts ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/ToggleBase/types/index.ts":
+/*!******************************************!*\
+  !*** ./src/ui/ToggleBase/types/index.ts ***!
+  \******************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ToggleBaseTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ToggleBaseTypes */ "./src/ui/ToggleBase/types/ToggleBaseTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/ToggleBase/ui/ToggleBase.tsx":
+/*!*********************************************!*\
+  !*** ./src/ui/ToggleBase/ui/ToggleBase.tsx ***!
+  \*********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   ToggleBase: () => (/* binding */ ToggleBase)
+/* 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 _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/ToggleBase/styles/index.ts");
+
+
+
+
+function ToggleBase({ active = false, onClick, error = false, size = 'medium', hover = false, disabled = false, isButton = true, className = _styles__WEBPACK_IMPORTED_MODULE_3__.ToggleBaseStyle, }) {
+    const getClassName = () => {
+        return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.toggleBase, {
+            [className?.active]: active,
+            [className?.error]: error,
+            [className?.hover]: hover,
+            [className?.disabled]: disabled,
+            [className?.large]: size === 'large',
+            [className?.medium]: size === 'medium',
+        });
+    };
+    const componentWrapper = 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(componentWrapper, {
+        children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.button }),
+        onClick: onClick,
+        className: getClassName(),
+    });
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/ToggleBase/ui/index.ts":
+/*!***************************************!*\
+  !*** ./src/ui/ToggleBase/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 */   ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_0__.ToggleBase)
+/* harmony export */ });
+/* harmony import */ var _ToggleBase__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ToggleBase */ "./src/ui/ToggleBase/ui/ToggleBase.tsx");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/index.ts":
+/*!********************************!*\
+  !*** ./src/ui/Toggle/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 */   Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.Toggle)
+/* harmony export */ });
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/Toggle/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/Toggle/types/index.ts");
+
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/styles/index.ts":
+/*!***************************************!*\
+  !*** ./src/ui/Toggle/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 */   ToggleStyle: () => (/* reexport safe */ _Toggle_module_scss__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */ });
+/* harmony import */ var _Toggle_module_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Toggle.module.scss */ "./src/ui/Toggle/styles/Toggle.module.scss");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/types/ToggleTypes.ts":
+/*!********************************************!*\
+  !*** ./src/ui/Toggle/types/ToggleTypes.ts ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/types/index.ts":
+/*!**************************************!*\
+  !*** ./src/ui/Toggle/types/index.ts ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _ToggleTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ToggleTypes */ "./src/ui/Toggle/types/ToggleTypes.ts");
+
+
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/ui/Toggle.tsx":
+/*!*************************************!*\
+  !*** ./src/ui/Toggle/ui/Toggle.tsx ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Toggle: () => (/* binding */ Toggle)
+/* 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/Toggle/styles/index.ts");
+
+
+
+
+
+function Toggle({ active = false, disabled = false, onClick, text, description, additionStyle, width = 'fill', height = 'hug', }) {
+    const [isHover, setIsHover] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onMouseEnter: () => setIsHover(true), onMouseLeave: () => setIsHover(false), onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.toggle, {
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.widthFill]: width === 'fill',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.widthHug]: width === 'hug',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.heightFill]: height === 'fill',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.heightHug]: height === 'hug',
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.disabled]: disabled,
+        }, additionStyle), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.ToggleBase, { active: active, hover: isHover, size: 'medium', isButton: false, disabled: disabled }), text &&
+                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.textBlock, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.text, children: text }), description && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.ToggleStyle?.description, children: description })] })] }));
+}
+
+
+/***/ }),
+
+/***/ "./src/ui/Toggle/ui/index.ts":
+/*!***********************************!*\
+  !*** ./src/ui/Toggle/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 */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_0__.Toggle)
+/* harmony export */ });
+/* harmony import */ var _Toggle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Toggle */ "./src/ui/Toggle/ui/Toggle.tsx");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/index.ts":
@@ -9736,6 +10007,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SelectField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SelectField),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.SwitcherField),
 /* harmony export */   TextareaField: () => (/* reexport safe */ _InputFields__WEBPACK_IMPORTED_MODULE_3__.TextareaField),
+/* harmony export */   Toggle: () => (/* reexport safe */ _Toggle__WEBPACK_IMPORTED_MODULE_8__.Toggle),
+/* harmony export */   ToggleBase: () => (/* reexport safe */ _ToggleBase__WEBPACK_IMPORTED_MODULE_7__.ToggleBase),
 /* harmony export */   arrayFieldComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.arrayFieldComponent),
 /* harmony export */   blockComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.blockComponent),
 /* harmony export */   blockWrapperComponent: () => (/* reexport safe */ _FormBuilder__WEBPACK_IMPORTED_MODULE_4__.blockWrapperComponent),
@@ -9752,6 +10025,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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");
+/* harmony import */ var _ToggleBase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ToggleBase */ "./src/ui/ToggleBase/index.ts");
+/* harmony import */ var _Toggle__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Toggle */ "./src/ui/Toggle/index.ts");
+
+
 
 
 
@@ -24168,6 +24445,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   SelectField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SelectField),
 /* harmony export */   SwitcherField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.SwitcherField),
 /* harmony export */   TextareaField: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.TextareaField),
+/* harmony export */   Toggle: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.Toggle),
+/* harmony export */   ToggleBase: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.ToggleBase),
 /* harmony export */   arrayFieldComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.arrayFieldComponent),
 /* harmony export */   blockComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.blockComponent),
 /* harmony export */   blockWrapperComponent: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_1__.blockWrapperComponent),