@duik/base-input
Advanced tools
Comparing version 0.1.8-alpha.0 to 0.1.8-alpha.1
@@ -94,3 +94,3 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
/******/ // Load entry module and return exports | ||
/******/ return __webpack_require__(__webpack_require__.s = 89); | ||
/******/ return __webpack_require__(__webpack_require__.s = 22); | ||
/******/ }) | ||
@@ -114,3 +114,3 @@ /************************************************************************/ | ||
/***/ 100: | ||
/***/ 118: | ||
/***/ (function(module, exports) { | ||
@@ -123,34 +123,8 @@ | ||
/***/ 89: | ||
/***/ (function(module, __webpack_exports__, __webpack_require__) { | ||
/***/ 22: | ||
/***/ (function(module, exports, __webpack_require__) { | ||
"use strict"; | ||
__webpack_require__.r(__webpack_exports__); | ||
// EXTERNAL MODULE: external "react" | ||
var external_react_ = __webpack_require__(0); | ||
// EXTERNAL MODULE: external "classnames" | ||
var external_classnames_ = __webpack_require__(1); | ||
var external_classnames_default = /*#__PURE__*/__webpack_require__.n(external_classnames_); | ||
// EXTERNAL MODULE: ./packages/BaseInput/styles.scss | ||
var styles = __webpack_require__(100); | ||
var styles_default = /*#__PURE__*/__webpack_require__.n(styles); | ||
// CONCATENATED MODULE: ./packages/BaseInput/check.tsx | ||
/* eslint-disable max-len */ | ||
var CheckboxIcon = function () { return (external_react_["createElement"]("svg", { className: styles_default.a["form-check-icon"], height: "6px", version: "1.1", viewBox: "0 0 8 6", width: "8px" }, | ||
external_react_["createElement"]("defs", null), | ||
external_react_["createElement"]("g", { fill: "none", fillRule: "evenodd", id: "Symbols", stroke: "none", strokeWidth: "1" }, | ||
external_react_["createElement"]("g", { fill: "#FFFFFF", id: "Checkbox/Checked/Default", transform: "translate(-4.000000, -5.000000)" }, | ||
external_react_["createElement"]("g", { id: "Checkbox/Checked" }, | ||
external_react_["createElement"]("path", { d: "M6.65183265,10.8942434 L4.10636422,8.33133321 C3.96454526,8.1903244 3.96454526,7.96081005 4.10636422,7.81830114 L4.62054884,7.30601913 C4.76236779,7.16501031 4.99291451,7.16501031 5.13473346,7.30601913 L6.9092886,9.10013126 L10.8649465,5.10613163 C11.0067655,4.96512282 11.2373122,4.96512282 11.3791312,5.10613163 L11.8933158,5.6191637 C12.0351347,5.76017251 12.0351347,5.9904369 11.8933158,6.13069567 L7.16601727,10.8942434 C7.02419831,11.0352522 6.7936516,11.0352522 6.65183265,10.8942434", id: "Check" })))))); }; | ||
CheckboxIcon.displayName = "CheckboxIcon"; | ||
// CONCATENATED MODULE: ./packages/BaseInput/index.tsx | ||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseInput", function() { return BaseInput; }); | ||
var __assign = (undefined && undefined.__assign) || function () { | ||
var __assign = (this && this.__assign) || function () { | ||
__assign = Object.assign || function(t) { | ||
@@ -166,3 +140,3 @@ for (var s, i = 1, n = arguments.length; i < n; i++) { | ||
}; | ||
var __rest = (undefined && undefined.__rest) || function (s, e) { | ||
var __rest = (this && this.__rest) || function (s, e) { | ||
var t = {}; | ||
@@ -178,24 +152,45 @@ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) | ||
}; | ||
var BaseInput = function (_a) { | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var React = __webpack_require__(0); | ||
var classnames_1 = __webpack_require__(1); | ||
var styles_scss_1 = __webpack_require__(118); | ||
var check_1 = __webpack_require__(23); | ||
exports.BaseInput = function (_a) { | ||
var _b; | ||
var label = _a.label, className = _a.className, description = _a.description, toggle = _a.toggle, name = _a.name, type = _a.type, rest = __rest(_a, ["label", "className", "description", "toggle", "name", "type"]); | ||
var isRadio = type === "radio"; | ||
return (external_react_["createElement"]("label", { className: external_classnames_default()(styles_default.a["form-check"], "form-group", className, (_b = {}, | ||
_b[styles_default.a.toggle] = toggle, | ||
_b[styles_default.a.radio] = type === "radio", | ||
return (React.createElement("label", { className: classnames_1.default(styles_scss_1.default["form-check"], "form-group", className, (_b = {}, | ||
_b[styles_scss_1.default.toggle] = toggle, | ||
_b[styles_scss_1.default.radio] = type === "radio", | ||
_b)) }, | ||
external_react_["createElement"]("input", __assign({ className: styles_default.a["form-check-input"], name: name, type: isRadio ? "radio" : "checkbox" }, rest)), | ||
external_react_["createElement"]("span", { className: styles_default.a["form-check-label"] }, | ||
!toggle && !isRadio && external_react_["createElement"](CheckboxIcon, null), | ||
React.createElement("input", __assign({ className: styles_scss_1.default["form-check-input"], name: name, type: isRadio ? "radio" : "checkbox" }, rest)), | ||
React.createElement("span", { className: styles_scss_1.default["form-check-label"] }, | ||
!toggle && !isRadio && React.createElement(check_1.CheckboxIcon, null), | ||
label), | ||
description && (external_react_["createElement"]("p", { className: styles_default.a["form-check-description"] }, description)))); | ||
description && (React.createElement("p", { className: styles_scss_1.default["form-check-description"] }, description)))); | ||
}; | ||
BaseInput.displayName = "BaseInput"; | ||
/* harmony default export */ var packages_BaseInput = __webpack_exports__["default"] = (BaseInput); | ||
exports.BaseInput.displayName = "BaseInput"; | ||
exports.default = exports.BaseInput; | ||
/***/ }), | ||
/***/ 23: | ||
/***/ (function(module, exports, __webpack_require__) { | ||
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var React = __webpack_require__(0); | ||
var styles_scss_1 = __webpack_require__(118); | ||
/* eslint-disable max-len */ | ||
exports.CheckboxIcon = function () { return (React.createElement("svg", { className: styles_scss_1.default["form-check-icon"], height: "6px", version: "1.1", viewBox: "0 0 8 6", width: "8px" }, | ||
React.createElement("defs", null), | ||
React.createElement("g", { fill: "none", fillRule: "evenodd", id: "Symbols", stroke: "none", strokeWidth: "1" }, | ||
React.createElement("g", { fill: "#FFFFFF", id: "Checkbox/Checked/Default", transform: "translate(-4.000000, -5.000000)" }, | ||
React.createElement("g", { id: "Checkbox/Checked" }, | ||
React.createElement("path", { d: "M6.65183265,10.8942434 L4.10636422,8.33133321 C3.96454526,8.1903244 3.96454526,7.96081005 4.10636422,7.81830114 L4.62054884,7.30601913 C4.76236779,7.16501031 4.99291451,7.16501031 5.13473346,7.30601913 L6.9092886,9.10013126 L10.8649465,5.10613163 C11.0067655,4.96512282 11.2373122,4.96512282 11.3791312,5.10613163 L11.8933158,5.6191637 C12.0351347,5.76017251 12.0351347,5.9904369 11.8933158,6.13069567 L7.16601727,10.8942434 C7.02419831,11.0352522 6.7936516,11.0352522 6.65183265,10.8942434", id: "Check" })))))); }; | ||
exports.CheckboxIcon.displayName = "CheckboxIcon"; | ||
/***/ }) | ||
@@ -202,0 +197,0 @@ |
{ | ||
"name": "@duik/base-input", | ||
"version": "0.1.8-alpha.0", | ||
"version": "0.1.8-alpha.1", | ||
"description": "Dashboard UI Kit Base input for checkbox, toggle and radio", | ||
"main": "dist/index.js", | ||
"types": "dist/index.d.ts", | ||
"repository": "https://github.com/march08/duik", | ||
@@ -20,5 +21,5 @@ "homepage": "https://github.com/march08/duik", | ||
"dependencies": { | ||
"@duik/core": "^0.1.8-alpha.0" | ||
"@duik/core": "^0.1.8-alpha.1" | ||
}, | ||
"gitHead": "36d6bbfb388c90391970c163018f99b57c6eb6c7" | ||
"gitHead": "24005671fc8d9d942776131fb70055bffb142af9" | ||
} |
21456
Updated@duik/core@^0.1.8-alpha.1