@datability/8ui 0.1.7 → 0.1.8
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/dist/components/Button/index.js +5 -3
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Button/index.type.d.ts +3 -3
- package/dist/components/Chip/index.js +6 -2
- package/dist/components/Chip/index.js.map +1 -1
- package/dist/components/Chip/index.type.d.ts +2 -2
- package/package.json +1 -1
|
@@ -4,11 +4,13 @@ import React from 'react';
|
|
|
4
4
|
// Include in project
|
|
5
5
|
import './index.scss';
|
|
6
6
|
var Button = function (_a) {
|
|
7
|
-
var name = _a.name, _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick,
|
|
7
|
+
var name = _a.name, _b = _a.type, type = _b === void 0 ? 'button' : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onClick = _a.onClick, StartIcon = _a.startIcon, EndIcon = _a.endIcon, className = _a.className, style = _a.style;
|
|
8
8
|
return (React.createElement("button", { type: type, className: "DBui-button ".concat(className ? className : ''), onClick: onClick && onClick, disabled: disabled, style: style ? style : {} },
|
|
9
|
-
|
|
9
|
+
StartIcon && typeof StartIcon === 'string' && React.createElement("img", { src: StartIcon, alt: "startIcon" }),
|
|
10
|
+
StartIcon && typeof StartIcon !== 'string' && React.createElement(StartIcon, { alt: "startIcon" }),
|
|
10
11
|
name,
|
|
11
|
-
|
|
12
|
+
EndIcon && typeof EndIcon === 'string' && React.createElement("img", { src: EndIcon, alt: "endIcon" }),
|
|
13
|
+
EndIcon && typeof EndIcon !== 'string' && React.createElement(EndIcon, { alt: "endIcon" })));
|
|
12
14
|
};
|
|
13
15
|
export default Button;
|
|
14
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,MAAM,GAA0B,UAAC,EAStC;QARC,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAGrB,IAAM,MAAM,GAA0B,UAAC,EAStC;QARC,IAAI,UAAA,EACJ,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA,EACI,SAAS,eAAA,EACX,OAAO,aAAA,EAChB,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,gCACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,sBAAe,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACtD,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;QAExB,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,WAAW,GAAG;QACrF,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,oBAAC,SAAS,IAAC,GAAG,EAAC,WAAW,GAAG;QAC3E,IAAI;QACJ,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,6BAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,SAAS,GAAG;QAC7E,OAAO,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,oBAAC,OAAO,IAAC,GAAG,EAAC,SAAS,GAAG,CAC7D,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
1
|
+
import { CSSProperties, ElementType } from 'react';
|
|
2
2
|
export type PropsButton = {
|
|
3
3
|
name?: string;
|
|
4
4
|
type?: 'button' | 'submit';
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
onClick?: () => void;
|
|
7
|
-
startIcon?: string;
|
|
8
|
-
endIcon?: string;
|
|
7
|
+
startIcon?: string | ElementType;
|
|
8
|
+
endIcon?: string | ElementType;
|
|
9
9
|
className?: string;
|
|
10
10
|
style?: CSSProperties;
|
|
11
11
|
};
|
|
@@ -5,10 +5,14 @@ import closedSVG from '../assets/closed.svg';
|
|
|
5
5
|
// Include in project
|
|
6
6
|
import './index.scss';
|
|
7
7
|
var Chip = function (_a) {
|
|
8
|
-
var label = _a.label, onDelete = _a.onDelete, onClick = _a.onClick,
|
|
8
|
+
var label = _a.label, onDelete = _a.onDelete, onClick = _a.onClick, Icon = _a.icon, className = _a.className, style = _a.style;
|
|
9
9
|
return (React.createElement("div", { className: "DBui-chip ".concat(className ? className : ''), style: style ? style : {}, "aria-checked": Boolean(onClick), onClick: onClick && onClick },
|
|
10
10
|
label,
|
|
11
|
-
|
|
11
|
+
onDelete && !Icon && (React.createElement("img", { src: closedSVG, alt: "icon", className: "DBui-chipIcon", "aria-checked": Boolean(onDelete), onClick: onDelete })),
|
|
12
|
+
onDelete && Icon && typeof Icon === 'string' && (React.createElement("img", { src: Icon, alt: "icon", className: "DBui-chipIcon", "aria-checked": Boolean(onDelete), onClick: onDelete })),
|
|
13
|
+
onDelete && Icon && typeof Icon !== 'string' && (React.createElement(Icon, { alt: "icon", className: "DBui-chipIcon", "aria-checked": Boolean(onDelete), onClick: onDelete })),
|
|
14
|
+
!onDelete && Icon && typeof Icon === 'string' && (React.createElement("img", { src: Icon, alt: "icon", className: "DBui-chipIcon", "aria-checked": Boolean(onDelete), onClick: onDelete })),
|
|
15
|
+
!onDelete && Icon && typeof Icon !== 'string' && (React.createElement(Icon, { alt: "icon", className: "DBui-chipIcon", "aria-checked": Boolean(onDelete), onClick: onDelete }))));
|
|
12
16
|
};
|
|
13
17
|
export default Chip;
|
|
14
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAQ;AACR,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAE5C,qBAAqB;AACrB,OAAO,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chip/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,QAAQ;AACR,OAAO,SAAS,MAAM,sBAAsB,CAAA;AAE5C,qBAAqB;AACrB,OAAO,cAAc,CAAA;AAErB,IAAM,IAAI,GAAwB,UAAC,EAA0D;QAAxD,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAQ,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA;IACzF,OAAO,CACL,6BACE,SAAS,EAAE,oBAAa,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,EACpD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,kBACX,OAAO,CAAC,OAAO,CAAC,EAC9B,OAAO,EAAE,OAAO,IAAI,OAAO;QAE1B,KAAK;QACL,QAAQ,IAAI,CAAC,IAAI,IAAI,CACpB,6BAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CACjH;QACA,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAC/C,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5G;QACA,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAC/C,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAClG;QACA,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAChD,6BAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAC5G;QACA,CAAC,QAAQ,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CAChD,oBAAC,IAAI,IAAC,GAAG,EAAC,MAAM,EAAC,SAAS,EAAC,eAAe,kBAAe,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,QAAQ,GAAI,CAClG,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { CSSProperties } from
|
|
1
|
+
import { CSSProperties, ElementType } from 'react';
|
|
2
2
|
export type PropsChip = {
|
|
3
3
|
label: string;
|
|
4
4
|
onDelete?: () => void;
|
|
5
5
|
onClick?: () => void;
|
|
6
|
-
icon?: string;
|
|
6
|
+
icon?: string | ElementType;
|
|
7
7
|
className?: string;
|
|
8
8
|
style?: CSSProperties;
|
|
9
9
|
};
|