@codeleap/web 1.1.3 → 1.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { CheckboxComposition, CheckboxStyles, ComponentVariants, StylesOf } from '@codeleap/common';
|
|
2
|
-
import { ComponentPropsWithRef } from 'react';
|
|
3
|
-
declare type NativeCheckboxProps = ComponentPropsWithRef<'input'>;
|
|
4
|
-
export declare type CheckboxProps = NativeCheckboxProps & {
|
|
5
|
-
checked?: boolean;
|
|
6
|
-
onValueChange?: (checked: boolean) => any;
|
|
7
|
-
label?: React.ReactNode;
|
|
8
|
-
styles?: StylesOf<CheckboxComposition>;
|
|
9
|
-
} & ComponentVariants<typeof CheckboxStyles>;
|
|
10
|
-
export declare const Checkbox: (checkboxProps: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.Checkbox = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
27
|
-
var common_1 = require("@codeleap/common");
|
|
28
|
-
var View_1 = require("./View");
|
|
29
|
-
var Text_1 = require("./Text");
|
|
30
|
-
var Checkbox = function (checkboxProps) {
|
|
31
|
-
var checked = checkboxProps.checked, onValueChange = checkboxProps.onValueChange, _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, label = checkboxProps.label, onChange = checkboxProps.onChange, styles = checkboxProps.styles, props = __rest(checkboxProps, ["checked", "onValueChange", "variants", "responsiveVariants", "label", "onChange", "styles"]);
|
|
32
|
-
function handleChange(e) {
|
|
33
|
-
onChange && onChange(e);
|
|
34
|
-
onValueChange && onValueChange(e.target.checked);
|
|
35
|
-
}
|
|
36
|
-
var variantStyles = (0, common_1.useComponentStyle)('Checkbox', {
|
|
37
|
-
responsiveVariants: responsiveVariants,
|
|
38
|
-
variants: variants,
|
|
39
|
-
styles: styles,
|
|
40
|
-
});
|
|
41
|
-
var logger = (0, common_1.useStyle)().logger;
|
|
42
|
-
logger.log('Checkbox Style', variantStyles, 'Style');
|
|
43
|
-
return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'label', css: __assign({}, variantStyles.wrapper) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { css: variantStyles.input, onChange: handleChange, type: 'checkbox', checked: checked }), void 0), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }, void 0), typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } }, void 0) : label] }), void 0);
|
|
44
|
-
};
|
|
45
|
-
exports.Checkbox = Checkbox;
|
|
46
|
-
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAAgI;AAEhI,+BAA6B;AAC7B,+BAA6B;AAWtB,IAAM,QAAQ,GAAG,UAAC,aAA2B;IAC3C,IAAA,OAAO,GAA6F,aAAa,QAA1G,EAAE,aAAa,GAA8E,aAAa,cAA3F,EAAE,KAA4E,aAAa,SAA7E,EAAZ,QAAQ,mBAAE,EAAE,KAAA,EAAE,KAA8D,aAAa,mBAApD,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EAAE,KAAK,GAAgC,aAAa,MAA7C,EAAE,QAAQ,GAAsB,aAAa,SAAnC,EAAE,MAAM,GAAc,aAAa,OAA3B,EAAK,KAAK,UAAI,aAAa,EAAlH,6FAAkG,CAAD,CAAiB;IAExH,SAAS,YAAY,CAAC,CAAqC;QACzD,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;QACvB,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,UAAU,EAAE;QAClD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEK,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,MAAM,CAAC,GAAG,CAAC,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAA;IAEpD,OAAO,wBAAC,WAAI,aAAC,SAAS,EAAC,OAAO,EAAC,GAAG,eAAM,aAAa,CAAC,OAAO,kBAC3D,6CAAW,KAAK,IAAE,GAAG,EAAE,aAAa,CAAC,KAAK,EAAG,QAAQ,EAAE,YAAY,EAAG,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YAAG,EACzG,iCAAM,SAAS,EAAC,gBAAgB,EAAC,GAAG,wBAC/B,aAAa,CAAC,gBAAgB,KACjC,SAAS,eACJ,aAAa,CAAC,SAAS,eAE1B,EAEF,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAE,uBAAC,WAAI,IAAE,IAAI,EAAE,KAAK,EAAG,MAAM,EAAE,EAAC,IAAI,EAAE,aAAa,CAAC,KAAK,EAAC,WAAG,CAAC,CAAC,CAAC,KAAK,aAE7F,CAAA;AACT,CAAC,CAAA;AA7BY,QAAA,QAAQ,YA6BpB"}
|