blixify-ui-web 0.1.183 → 0.1.185
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/lib/components/action/button/index.d.ts +1 -1
- package/lib/components/action/button/index.d.ts.map +1 -1
- package/lib/components/action/button/index.js +4 -0
- package/lib/components/action/button/index.js.map +1 -1
- package/lib/components/action/buttonGroup/index.d.ts +1 -0
- package/lib/components/action/buttonGroup/index.d.ts.map +1 -1
- package/lib/components/action/buttonGroup/index.js +6 -1
- package/lib/components/action/buttonGroup/index.js.map +1 -1
- package/lib/components/action/iconButton/index.d.ts +1 -0
- package/lib/components/action/iconButton/index.d.ts.map +1 -1
- package/lib/components/action/iconButton/index.js +9 -2
- package/lib/components/action/iconButton/index.js.map +1 -1
- package/lib/components/action/toggle/index.d.ts +1 -0
- package/lib/components/action/toggle/index.d.ts.map +1 -1
- package/lib/components/action/toggle/index.js +2 -1
- package/lib/components/action/toggle/index.js.map +1 -1
- package/lib/components/chart/DateRange.d.ts +1 -0
- package/lib/components/chart/DateRange.d.ts.map +1 -1
- package/lib/components/chart/DateRange.js +10 -8
- package/lib/components/chart/DateRange.js.map +1 -1
- package/lib/components/chart/barChart/index.d.ts +1 -0
- package/lib/components/chart/barChart/index.d.ts.map +1 -1
- package/lib/components/chart/barChart/index.js +11 -5
- package/lib/components/chart/barChart/index.js.map +1 -1
- package/lib/components/chart/card/index.d.ts +1 -0
- package/lib/components/chart/card/index.d.ts.map +1 -1
- package/lib/components/chart/card/index.js +10 -5
- package/lib/components/chart/card/index.js.map +1 -1
- package/lib/components/chart/lineChart/index.d.ts +1 -0
- package/lib/components/chart/lineChart/index.d.ts.map +1 -1
- package/lib/components/chart/lineChart/index.js +13 -4
- package/lib/components/chart/lineChart/index.js.map +1 -1
- package/lib/components/chart/pieChart/index.d.ts +1 -0
- package/lib/components/chart/pieChart/index.d.ts.map +1 -1
- package/lib/components/chart/pieChart/index.js +12 -5
- package/lib/components/chart/pieChart/index.js.map +1 -1
- package/lib/components/chart/radialBar/index.d.ts +1 -0
- package/lib/components/chart/radialBar/index.d.ts.map +1 -1
- package/lib/components/chart/radialBar/index.js +11 -3
- package/lib/components/chart/radialBar/index.js.map +1 -1
- package/lib/components/chart/statsCard/index.d.ts +3 -1
- package/lib/components/chart/statsCard/index.d.ts.map +1 -1
- package/lib/components/chart/statsCard/index.js +12 -4
- package/lib/components/chart/statsCard/index.js.map +1 -1
- package/lib/components/design/onboarding/index.d.ts.map +1 -1
- package/lib/components/design/onboarding/index.js +3 -3
- package/lib/components/design/onboarding/index.js.map +1 -1
- package/lib/components/display/detailList/index.d.ts +1 -0
- package/lib/components/display/detailList/index.d.ts.map +1 -1
- package/lib/components/display/detailList/index.js +10 -7
- package/lib/components/display/detailList/index.js.map +1 -1
- package/lib/components/display/emptyState/index.d.ts +1 -0
- package/lib/components/display/emptyState/index.d.ts.map +1 -1
- package/lib/components/display/emptyState/index.js +4 -2
- package/lib/components/display/emptyState/index.js.map +1 -1
- package/lib/components/display/feeds/index.d.ts +1 -0
- package/lib/components/display/feeds/index.d.ts.map +1 -1
- package/lib/components/display/feeds/index.js +4 -3
- package/lib/components/display/feeds/index.js.map +1 -1
- package/lib/components/display/modal/index.d.ts +1 -0
- package/lib/components/display/modal/index.d.ts.map +1 -1
- package/lib/components/display/modal/index.js +6 -3
- package/lib/components/display/modal/index.js.map +1 -1
- package/lib/components/display/notification/index.d.ts +1 -0
- package/lib/components/display/notification/index.d.ts.map +1 -1
- package/lib/components/display/notification/index.js +13 -8
- package/lib/components/display/notification/index.js.map +1 -1
- package/lib/components/input/address/index.d.ts +1 -0
- package/lib/components/input/address/index.d.ts.map +1 -1
- package/lib/components/input/address/index.js +4 -3
- package/lib/components/input/address/index.js.map +1 -1
- package/lib/components/input/checkbox/index.d.ts +1 -0
- package/lib/components/input/checkbox/index.d.ts.map +1 -1
- package/lib/components/input/checkbox/index.js +2 -1
- package/lib/components/input/checkbox/index.js.map +1 -1
- package/lib/components/input/datePicker/index.d.ts +1 -0
- package/lib/components/input/datePicker/index.d.ts.map +1 -1
- package/lib/components/input/datePicker/index.js +5 -3
- package/lib/components/input/datePicker/index.js.map +1 -1
- package/lib/components/input/markdown/index.d.ts +2 -1
- package/lib/components/input/markdown/index.d.ts.map +1 -1
- package/lib/components/input/markdown/index.js +6 -4
- package/lib/components/input/markdown/index.js.map +1 -1
- package/lib/components/input/rating/index.d.ts +1 -0
- package/lib/components/input/rating/index.d.ts.map +1 -1
- package/lib/components/input/rating/index.js +4 -2
- package/lib/components/input/rating/index.js.map +1 -1
- package/lib/components/input/select/index.d.ts +1 -0
- package/lib/components/input/select/index.d.ts.map +1 -1
- package/lib/components/input/select/index.js +6 -4
- package/lib/components/input/select/index.js.map +1 -1
- package/lib/components/input/textArea/index.d.ts +1 -0
- package/lib/components/input/textArea/index.d.ts.map +1 -1
- package/lib/components/input/textArea/index.js +5 -3
- package/lib/components/input/textArea/index.js.map +1 -1
- package/lib/components/input/textInput/index.d.ts +1 -0
- package/lib/components/input/textInput/index.d.ts.map +1 -1
- package/lib/components/input/textInput/index.js +6 -4
- package/lib/components/input/textInput/index.js.map +1 -1
- package/lib/components/input/uploadInput/index.d.ts +1 -0
- package/lib/components/input/uploadInput/index.d.ts.map +1 -1
- package/lib/components/input/uploadInput/index.js +18 -11
- package/lib/components/input/uploadInput/index.js.map +1 -1
- package/lib/components/navigation/bars/index.d.ts +6 -0
- package/lib/components/navigation/bars/index.d.ts.map +1 -1
- package/lib/components/navigation/bars/index.js +13 -2
- package/lib/components/navigation/bars/index.js.map +1 -1
- package/lib/components/navigation/bottomTab/index.d.ts +1 -0
- package/lib/components/navigation/bottomTab/index.d.ts.map +1 -1
- package/lib/components/navigation/bottomTab/index.js +8 -6
- package/lib/components/navigation/bottomTab/index.js.map +1 -1
- package/lib/components/navigation/breadcrumb/index.d.ts +1 -0
- package/lib/components/navigation/breadcrumb/index.d.ts.map +1 -1
- package/lib/components/navigation/breadcrumb/index.js +6 -2
- package/lib/components/navigation/breadcrumb/index.js.map +1 -1
- package/lib/components/navigation/header/index.d.ts +1 -0
- package/lib/components/navigation/header/index.d.ts.map +1 -1
- package/lib/components/navigation/header/index.js +35 -23
- package/lib/components/navigation/header/index.js.map +1 -1
- package/lib/components/navigation/leftNav/index.d.ts +8 -0
- package/lib/components/navigation/leftNav/index.d.ts.map +1 -1
- package/lib/components/navigation/leftNav/index.js +25 -11
- package/lib/components/navigation/leftNav/index.js.map +1 -1
- package/lib/components/navigation/tabs/index.d.ts +1 -0
- package/lib/components/navigation/tabs/index.d.ts.map +1 -1
- package/lib/components/navigation/tabs/index.js +12 -4
- package/lib/components/navigation/tabs/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -100,17 +100,22 @@ var PieChart = /** @class */ (function (_super) {
|
|
|
100
100
|
});
|
|
101
101
|
}); };
|
|
102
102
|
_this.renderChart = function () {
|
|
103
|
+
var chartBackground = _this.props.darkMode ? "#111827" : undefined;
|
|
104
|
+
var chartTextColor = _this.props.darkMode ? "white" : undefined;
|
|
103
105
|
var APEXModule = _this.state.apexModule;
|
|
104
106
|
var seriesSum = _this.props.series.length > 0
|
|
105
107
|
? _this.props.series.reduce(function (acc, curr) { return acc + curr; }, 0)
|
|
106
108
|
: 0;
|
|
107
109
|
var labelList = _this.props.series.length > 0
|
|
108
110
|
? _this.props.series.map(function (value, index) {
|
|
109
|
-
return "".concat(_this.props.labels[index], " - ").concat(((value / seriesSum) *
|
|
110
|
-
100).toFixed(1), "% ");
|
|
111
|
+
return "<span style= \"color: ".concat(chartTextColor, "\">").concat(_this.props.labels[index], " - ").concat(((value / seriesSum) * 100).toFixed(1), "% ");
|
|
111
112
|
})
|
|
112
113
|
: [""];
|
|
113
114
|
return (react_1.default.createElement(react_1.default.Fragment, null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
|
|
115
|
+
chart: {
|
|
116
|
+
background: chartBackground,
|
|
117
|
+
foreColor: chartTextColor,
|
|
118
|
+
},
|
|
114
119
|
labels: labelList,
|
|
115
120
|
responsive: [
|
|
116
121
|
{
|
|
@@ -127,17 +132,19 @@ var PieChart = /** @class */ (function (_super) {
|
|
|
127
132
|
return _this;
|
|
128
133
|
}
|
|
129
134
|
PieChart.prototype.render = function () {
|
|
130
|
-
var
|
|
135
|
+
var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
|
|
136
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-700";
|
|
137
|
+
var defaultClass = "flex flex-col justify-center ".concat(bgColor, " overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ");
|
|
131
138
|
if (this.props.containerStyle) {
|
|
132
139
|
defaultClass += this.props.containerStyle;
|
|
133
140
|
}
|
|
134
141
|
return !this.props.chartOnly ? (react_1.default.createElement("div", { className: defaultClass },
|
|
135
142
|
react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
|
|
136
143
|
react_1.default.createElement("div", { className: "flex-1" },
|
|
137
|
-
react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
|
|
144
|
+
react_1.default.createElement("h3", { className: "text-lg truncate font-medium ".concat(textColor) }, this.props.title)),
|
|
138
145
|
this.props.tool),
|
|
139
146
|
react_1.default.createElement("div", null, this.renderChart()),
|
|
140
|
-
this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
|
|
147
|
+
this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate, darkMode: this.props.darkMode })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
|
|
141
148
|
};
|
|
142
149
|
return PieChart;
|
|
143
150
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/radialBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/radialBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,WAAW,0BAwCT;IAEF,MAAM;CA8BP"}
|
|
@@ -102,7 +102,13 @@ var RadialBar = /** @class */ (function (_super) {
|
|
|
102
102
|
_this.renderChart = function () {
|
|
103
103
|
var _a;
|
|
104
104
|
var APEXModule = _this.state.apexModule;
|
|
105
|
+
var chartBackground = _this.props.darkMode ? "#111827" : undefined;
|
|
106
|
+
var chartTextColor = _this.props.darkMode ? "#FFF" : undefined;
|
|
105
107
|
return (react_1.default.createElement(react_1.default.Fragment, null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
|
|
108
|
+
chart: {
|
|
109
|
+
background: chartBackground,
|
|
110
|
+
foreColor: chartTextColor,
|
|
111
|
+
},
|
|
106
112
|
plotOptions: {
|
|
107
113
|
radialBar: {
|
|
108
114
|
dataLabels: {
|
|
@@ -127,16 +133,18 @@ var RadialBar = /** @class */ (function (_super) {
|
|
|
127
133
|
return _this;
|
|
128
134
|
}
|
|
129
135
|
RadialBar.prototype.render = function () {
|
|
130
|
-
var
|
|
136
|
+
var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
|
|
137
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-700";
|
|
138
|
+
var defaultClass = "flex flex-col justify-center ".concat(bgColor, " overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ");
|
|
131
139
|
if (this.props.containerStyle)
|
|
132
140
|
defaultClass += this.props.containerStyle;
|
|
133
141
|
return !this.props.chartOnly ? (react_1.default.createElement("div", { className: defaultClass },
|
|
134
142
|
react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
|
|
135
143
|
react_1.default.createElement("div", { className: "flex-1" },
|
|
136
|
-
react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
|
|
144
|
+
react_1.default.createElement("h3", { className: "text-lg truncate font-medium ".concat(textColor) }, this.props.title)),
|
|
137
145
|
this.props.tool),
|
|
138
146
|
react_1.default.createElement("div", { className: "mr-4" }, this.renderChart()),
|
|
139
|
-
this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
|
|
147
|
+
this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate, darkMode: this.props.darkMode })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
|
|
140
148
|
};
|
|
141
149
|
return RadialBar;
|
|
142
150
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/radialBar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/radialBar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,10 +11,12 @@ interface StatsData {
|
|
|
11
11
|
}
|
|
12
12
|
interface Props {
|
|
13
13
|
stats: StatsData[];
|
|
14
|
-
gridSize?: 1 | 2;
|
|
14
|
+
gridSize?: 1 | 2 | 3;
|
|
15
|
+
minGridSize?: 2;
|
|
15
16
|
dateRangeVisible?: boolean;
|
|
16
17
|
customDate?: RangeInterface;
|
|
17
18
|
onChangeDate?: (customDate?: RangeInterface) => void;
|
|
19
|
+
darkMode?: boolean;
|
|
18
20
|
}
|
|
19
21
|
export declare class StatsCard extends Component<Props> {
|
|
20
22
|
renderGridSize: () => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,cAAc,eAQZ;IAEF,MAAM;CA6EP"}
|
|
@@ -69,9 +69,17 @@ var StatsCard = /** @class */ (function (_super) {
|
|
|
69
69
|
return _this;
|
|
70
70
|
}
|
|
71
71
|
StatsCard.prototype.render = function () {
|
|
72
|
+
var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
|
|
73
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-900";
|
|
74
|
+
var subTextColor = this.props.darkMode
|
|
75
|
+
? "text-gray-200"
|
|
76
|
+
: "text-gray-500";
|
|
77
|
+
var minGridSize = "grid-cols-1";
|
|
78
|
+
if (this.props.minGridSize === 2)
|
|
79
|
+
minGridSize = "grid-cols-2";
|
|
72
80
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
73
|
-
react_1.default.createElement("div", { className: classNames(this.renderGridSize(), "grid
|
|
74
|
-
react_1.default.createElement("dt", { className: "text-base font-normal
|
|
81
|
+
react_1.default.createElement("div", { className: classNames(this.renderGridSize(), "grid ".concat(minGridSize, " gap-5 divide-y md:divide-y-0 md:divide-x")) }, this.props.stats.map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: "".concat(bgColor, " overflow-hidden shadow rounded-lg p-5 lg:mb-3 sm:my-1") },
|
|
82
|
+
react_1.default.createElement("dt", { className: "text-base font-normal ".concat(textColor, " flex flex-row") },
|
|
75
83
|
react_1.default.createElement("div", { className: "m-1 ml-0" }, item.icon),
|
|
76
84
|
react_1.default.createElement("div", { className: "self-center ml-1" },
|
|
77
85
|
" ",
|
|
@@ -79,7 +87,7 @@ var StatsCard = /** @class */ (function (_super) {
|
|
|
79
87
|
react_1.default.createElement("dd", { className: "mt-1 flex items-baseline justify-between md:block lg:flex" },
|
|
80
88
|
react_1.default.createElement("div", { className: "flex items-baseline text-2xl font-semibold text-primary-600" },
|
|
81
89
|
item.stats,
|
|
82
|
-
item.previousStats && (react_1.default.createElement("span", { className: "ml-2 text-sm font-medium
|
|
90
|
+
item.previousStats && (react_1.default.createElement("span", { className: "ml-2 text-sm font-medium ".concat(subTextColor) },
|
|
83
91
|
"from ",
|
|
84
92
|
item.previousStats))),
|
|
85
93
|
item.change && (react_1.default.createElement("div", { className: classNames(item.changeType === "increase"
|
|
@@ -87,7 +95,7 @@ var StatsCard = /** @class */ (function (_super) {
|
|
|
87
95
|
: "bg-red-100 text-red-800", "inline-flex items-baseline px-2.5 py-0.5 rounded-full text-sm font-medium md:mt-2 lg:mt-0") },
|
|
88
96
|
item.changeType === "increase" ? (react_1.default.createElement(solid_1.ArrowUpIcon, { className: "-ml-1 mr-0.5 h-5 w-5 flex-shrink-0 self-center text-green-500", "aria-hidden": "true" })) : (react_1.default.createElement(solid_1.ArrowDownIcon, { className: "-ml-1 mr-0.5 h-5 w-5 flex-shrink-0 self-center text-red-500", "aria-hidden": "true" })),
|
|
89
97
|
item.change))))); })),
|
|
90
|
-
this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
|
|
98
|
+
this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { customDate: this.props.customDate, onChangeDate: this.props.onChangeDate, darkMode: this.props.darkMode }))));
|
|
91
99
|
};
|
|
92
100
|
return StatsCard;
|
|
93
101
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAuE;AACvE,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/statsCard/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/onboarding/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAI5B,UAAU,cAAc;IACtB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0BAA0B,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/C;AAED,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK,EAAE,KAAK,CAEV;IAEF,cAAc,aAMZ;IAEF,cAAc,aAQZ;IAEF,eAAe,UAAW,MAAM,UAE9B;IAEF,eAAe,0BAqBb;IAEF,gBAAgB,0BAyDd;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/onboarding/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAI5B,UAAU,cAAc;IACtB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,0BAA0B,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/C;AAED,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,EAAE,CAAC;CAC1B;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK,EAAE,KAAK,CAEV;IAEF,cAAc,aAMZ;IAEF,cAAc,aAQZ;IAEF,eAAe,UAAW,MAAM,UAE9B;IAEF,eAAe,0BAqBb;IAEF,gBAAgB,0BAyDd;IAEF,MAAM;CA4CP"}
|
|
@@ -87,7 +87,7 @@ var Onboarding = /** @class */ (function (_super) {
|
|
|
87
87
|
react_1.default.createElement("div", { className: "flex text-xs justify-center items-center mt-3 text-gray-500 flex-col " },
|
|
88
88
|
react_1.default.createElement("div", { className: "flex flex-row my-2" },
|
|
89
89
|
"Already know?",
|
|
90
|
-
react_1.default.createElement("div", { className: "ml-1 cursor-pointer hover:text-
|
|
90
|
+
react_1.default.createElement("div", { className: "ml-1 cursor-pointer text-primary-500 hover:text-primary-800 font-semibold", onClick: _this.props.handleClose }, "Skip Onboarding")),
|
|
91
91
|
_this.props.showCheckBox && (react_1.default.createElement("div", { className: "flex justify-start" },
|
|
92
92
|
react_1.default.createElement(checkbox_1.Checkbox, { itemList: [
|
|
93
93
|
{
|
|
@@ -114,8 +114,8 @@ var Onboarding = /** @class */ (function (_super) {
|
|
|
114
114
|
: "fixed inset-0 flex items-center justify-center z-50 " },
|
|
115
115
|
react_1.default.createElement("div", { className: defaultClassName },
|
|
116
116
|
react_1.default.createElement("div", { className: "py-5" },
|
|
117
|
-
react_1.default.createElement("div", { className: "flex", onClick: this.handlePrevStep },
|
|
118
|
-
react_1.default.createElement("p", { className: "font-semibold cursor-pointer hover:text-
|
|
117
|
+
this.props.currentStep > 0 && (react_1.default.createElement("div", { className: "flex", onClick: this.handlePrevStep },
|
|
118
|
+
react_1.default.createElement("p", { className: "font-semibold cursor-pointer hover:text-primary-900 text-primary-500 text-xs" }, "Back"))),
|
|
119
119
|
this.props.contents[this.props.currentStep].data,
|
|
120
120
|
this.renderNavigation())))));
|
|
121
121
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/onboarding/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,8CAA6C;AAC7C,iDAAgD;AAyBhD;IAAgC,8BAAgB;IAAhD;QAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/onboarding/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/detailList/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/detailList/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAO9D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;IACxB,cAAc,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,EAAE,CAAA;KAAE,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE;QACJ,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,aAAa,EAAE,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,KAAK,EAAE,KAAK,CAKV;IAEF,+BAA+B,YACpB,OAAO,kBACA,GAAG,iBACJ,MAAM,gBACP,aAAa,EAAE,UAgB7B;IAEF,uBAAuB,UAAW,MAAM,SAAS,aAAa,SAqE5D;IAEF,qBAAqB,iCAkEnB;IAEF,MAAM;CA8EP"}
|
|
@@ -42,12 +42,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
42
42
|
};
|
|
43
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
44
|
exports.DetailList = void 0;
|
|
45
|
+
var react_md_editor_1 = __importDefault(require("@uiw/react-md-editor"));
|
|
45
46
|
var react_1 = __importStar(require("react"));
|
|
46
47
|
require("../../../index.css");
|
|
47
48
|
var textButton_1 = require("../../action/textButton");
|
|
48
49
|
var display_1 = require("../../data/display");
|
|
49
50
|
var modal_1 = require("../modal");
|
|
50
|
-
var react_md_editor_1 = __importDefault(require("@uiw/react-md-editor"));
|
|
51
51
|
var DetailList = /** @class */ (function (_super) {
|
|
52
52
|
__extends(DetailList, _super);
|
|
53
53
|
function DetailList() {
|
|
@@ -161,7 +161,10 @@ var DetailList = /** @class */ (function (_super) {
|
|
|
161
161
|
DetailList.prototype.render = function () {
|
|
162
162
|
var _this = this;
|
|
163
163
|
var _a, _b, _c;
|
|
164
|
-
var
|
|
164
|
+
var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
|
|
165
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-700";
|
|
166
|
+
var subColor = this.props.darkMode ? "text-gray-300" : "text-gray-500";
|
|
167
|
+
var defaultCss = "overflow-hidden ".concat(bgColor, " ");
|
|
165
168
|
if (this.props.className) {
|
|
166
169
|
defaultCss += this.props.className;
|
|
167
170
|
}
|
|
@@ -169,11 +172,11 @@ var DetailList = /** @class */ (function (_super) {
|
|
|
169
172
|
((_a = this.props.lib) === null || _a === void 0 ? void 0 : _a.Dialog) && this.props.lib.Transition && (react_1.default.createElement(modal_1.Modal, { open: this.state.visible, lib: {
|
|
170
173
|
Dialog: (_b = this.props.lib) === null || _b === void 0 ? void 0 : _b.Dialog,
|
|
171
174
|
Transition: (_c = this.props.lib) === null || _c === void 0 ? void 0 : _c.Transition,
|
|
172
|
-
}, renderContent: this.renderReferenceDetail, onClose: this.handleUpdateReferencePopUpModal.bind(this, false, {}) })),
|
|
175
|
+
}, darkMode: this.props.darkMode, renderContent: this.renderReferenceDetail, onClose: this.handleUpdateReferencePopUpModal.bind(this, false, {}) })),
|
|
173
176
|
react_1.default.createElement("div", { className: defaultCss },
|
|
174
177
|
react_1.default.createElement("div", { className: "px-4 py-5 sm:px-6" },
|
|
175
|
-
react_1.default.createElement("h3", { className: "font-medium leading-6
|
|
176
|
-
this.props.description && (react_1.default.createElement("p", { className: "max-w-2xl mt-1 text-sm
|
|
178
|
+
react_1.default.createElement("h3", { className: "font-medium leading-6 ".concat(textColor, " text-md sm:text-lg") }, this.props.title),
|
|
179
|
+
this.props.description && (react_1.default.createElement("p", { className: "max-w-2xl mt-1 text-sm ".concat(subColor, " whitespace-pre-line break-words") }, this.props.description))),
|
|
177
180
|
react_1.default.createElement("div", { className: "px-4 py-5 border-t border-gray-200 sm:p-0" },
|
|
178
181
|
react_1.default.createElement("dl", { className: "sm:divide-y sm:divide-gray-200" }, this.props.list.map(function (eachList, index) {
|
|
179
182
|
var filterModel = _this.props.model
|
|
@@ -185,8 +188,8 @@ var DetailList = /** @class */ (function (_super) {
|
|
|
185
188
|
if (_this.props.model && !filterModel)
|
|
186
189
|
return null;
|
|
187
190
|
return (react_1.default.createElement("div", { key: index + eachList.text, className: "py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" },
|
|
188
|
-
react_1.default.createElement("dt", { className: "text-sm font-medium
|
|
189
|
-
react_1.default.createElement("dd", { className: "mt-1 text-sm
|
|
191
|
+
react_1.default.createElement("dt", { className: "text-sm font-medium ".concat(subColor) }, eachList.title),
|
|
192
|
+
react_1.default.createElement("dd", { className: "mt-1 text-sm ".concat(textColor, " whitespace-pre-line break-words sm:mt-0 sm:col-span-2") }, filterModel
|
|
190
193
|
? _this.renderBasedOnSchemaType(eachList.text, filterModel)
|
|
191
194
|
: (0, display_1.renderEachRowDataBasedOnDataType)(eachList.text))));
|
|
192
195
|
}))))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/detailList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAC5B,sDAAqD;AAErD,8CAG4B;AAC5B,kCAAiC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/detailList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAC,OAAO,CAAC;CACnB;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,MAAM;CAqBP"}
|
|
@@ -47,13 +47,15 @@ var EmptyState = /** @class */ (function (_super) {
|
|
|
47
47
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
48
48
|
}
|
|
49
49
|
EmptyState.prototype.render = function () {
|
|
50
|
-
var
|
|
50
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-600";
|
|
51
|
+
var borderColor = this.props.darkMode ? "border-white" : "border-gray-300";
|
|
52
|
+
var defaultClassName = "flex flex-col items-center rounded-lg border-2 border-dashed ".concat(borderColor, " p-10 ");
|
|
51
53
|
if (this.props.className) {
|
|
52
54
|
defaultClassName += this.props.className;
|
|
53
55
|
}
|
|
54
56
|
return (react_1.default.createElement("div", { className: defaultClassName },
|
|
55
57
|
this.props.icon,
|
|
56
|
-
react_1.default.createElement("p", { className: "text-sm
|
|
58
|
+
react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " mt-2") }, this.props.text),
|
|
57
59
|
this.props.callToAction && (react_1.default.createElement("div", { className: "flex items-center justify-center mt-4 " }, this.props.callToAction))));
|
|
58
60
|
};
|
|
59
61
|
return EmptyState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/emptyState/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAU5B;IAAgC,8BAAgB;IAAhD;;IAsBA,CAAC;IArBC,2BAAM,GAAN;QACE,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;QACvE,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAC7E,IAAI,gBAAgB,GAClB,uEAAgE,WAAW,WAAQ,CAAC;QACtF,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;SAC1C;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;YAC7B,IAAI,CAAC,KAAK,CAAC,IAAI;YAChB,qCAAG,SAAS,EAAE,kBAAW,SAAS,UAAO,IAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAK;YAC/D,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAC1B,uCAAK,SAAS,EAAC,wCAAwC,IACpD,IAAI,CAAC,KAAK,CAAC,YAAY,CACpB,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAtBD,CAAgC,iBAAS,GAsBxC;AAtBY,gCAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,UAAU,KAAK;IACb,OAAO,EAAE,IAAI,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,UAAU,KAAK;IACb,OAAO,EAAE,IAAI,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,WAAW,YAgDT;IAEF,MAAM;CAGP"}
|
|
@@ -46,10 +46,11 @@ var Feeds = /** @class */ (function (_super) {
|
|
|
46
46
|
function Feeds() {
|
|
47
47
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
48
48
|
_this.renderFeeds = function () {
|
|
49
|
+
var textColor = _this.props.darkMode ? "text-white" : "text-gray-500";
|
|
49
50
|
var feedView = [];
|
|
50
51
|
var contentLength = _this.props.content.length;
|
|
51
52
|
_this.props.content.map(function (eachContent, index) {
|
|
52
|
-
var defaultClassName = "h-8 w-8 rounded-full flex items-center justify-center ring-
|
|
53
|
+
var defaultClassName = "h-8 w-8 rounded-full flex items-center justify-center ring-white";
|
|
53
54
|
if (eachContent.iconClass) {
|
|
54
55
|
defaultClassName += " ".concat(eachContent.iconClass);
|
|
55
56
|
}
|
|
@@ -61,9 +62,9 @@ var Feeds = /** @class */ (function (_super) {
|
|
|
61
62
|
react_1.default.createElement("span", { className: defaultClassName }, eachContent.iconType)),
|
|
62
63
|
react_1.default.createElement("div", { className: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4" },
|
|
63
64
|
react_1.default.createElement("div", null,
|
|
64
|
-
react_1.default.createElement("p", { className: "text-sm
|
|
65
|
+
react_1.default.createElement("p", { className: "text-sm ".concat(textColor, " ").concat(_this.props.bold ? "font-bold" : "") }, eachContent.content),
|
|
65
66
|
eachContent.addContent && eachContent.addContent),
|
|
66
|
-
react_1.default.createElement("div", { className: "text-right text-sm whitespace-nowrap
|
|
67
|
+
react_1.default.createElement("div", { className: "text-right text-sm whitespace-nowrap ".concat(textColor) }, eachContent.step))))));
|
|
67
68
|
return null;
|
|
68
69
|
});
|
|
69
70
|
return feedView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAgB5B;IAA2B,yBAAgB;IAA3C;QAAA,qEAsDC;QArDC,iBAAW,GAAG;YACZ,IAAM,SAAS,GAAG,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;YACvE,IAAM,QAAQ,GAAQ,EAAE,CAAC;YACzB,IAAM,aAAa,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAEhD,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAa;gBAChD,IAAI,gBAAgB,GAAG,kEAAkE,CAAC;gBAC1F,IAAI,WAAW,CAAC,SAAS,EAAE;oBACzB,gBAAgB,IAAI,WAAI,WAAW,CAAC,SAAS,CAAE,CAAC;iBACjD;gBAED,QAAQ,CAAC,IAAI,CACX,sCAAI,GAAG,EAAE,KAAK;oBACZ,uCAAK,SAAS,EAAC,eAAe;wBAC3B,KAAK,GAAG,CAAC,GAAG,aAAa,IAAI,CAC5B,wCACE,SAAS,EAAC,uDAAuD,iBACrD,MAAM,GACZ,CACT;wBACD,uCAAK,SAAS,EAAC,yBAAyB;4BACtC;gCACE,wCAAM,SAAS,EAAE,gBAAgB,IAAG,WAAW,CAAC,QAAQ,CAAQ,CAC5D;4BACN,uCAAK,SAAS,EAAC,sDAAsD;gCACnE;oCACE,qCACE,SAAS,EAAE,kBAAW,SAAS,cAC7B,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAClC,IAED,WAAW,CAAC,OAAO,CAClB;oCACH,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAC7C;gCACN,uCACE,SAAS,EAAE,+CAAwC,SAAS,CAAE,IAE7D,WAAW,CAAC,IAAI,CACb,CACF,CACF,CACF,CACH,CACN,CAAC;gBACF,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IAKJ,CAAC;IAHC,sBAAM,GAAN;QACE,OAAO,sCAAI,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,EAAE,CAAM,CAAC;IACzD,CAAC;IACH,YAAC;AAAD,CAAC,AAtDD,CAA2B,iBAAS,GAsDnC;AAtDY,sBAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;CACrB;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,OAAO,CAAC,eAAe,CAAoB;IAE3C,gBAAgB,wEAad;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,YAAY,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;CACrB;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,OAAO,CAAC,eAAe,CAAoB;IAE3C,gBAAgB,wEAad;IAEF,MAAM;CAmFP"}
|
|
@@ -65,6 +65,9 @@ var Modal = /** @class */ (function (_super) {
|
|
|
65
65
|
}
|
|
66
66
|
Modal.prototype.render = function () {
|
|
67
67
|
var _a;
|
|
68
|
+
var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
|
|
69
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-900";
|
|
70
|
+
var iconColor = this.props.darkMode ? "text-white" : "text-primary-600";
|
|
68
71
|
var _b = this.props.lib, Dialog = _b.Dialog, Transition = _b.Transition;
|
|
69
72
|
return (react_1.default.createElement(Transition.Root, { show: this.props.open, as: react_1.Fragment },
|
|
70
73
|
react_1.default.createElement(Dialog, { as: "div", static: true, className: "fixed z-40 inset-0 overflow-y-auto", open: this.props.open, initialFocus: this.initialFocusRef, onClose: this.props.onClose ? this.props.onClose : function () { } }, (_a = this.props.notification) !== null && _a !== void 0 ? _a : null,
|
|
@@ -73,13 +76,13 @@ var Modal = /** @class */ (function (_super) {
|
|
|
73
76
|
react_1.default.createElement(Dialog.Overlay, { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })),
|
|
74
77
|
react_1.default.createElement("span", { className: "hidden sm:inline-block sm:align-middle sm:h-screen", "aria-hidden": "true" }, "\u200B"),
|
|
75
78
|
react_1.default.createElement(Transition.Child, { as: react_1.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", enterTo: "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0 sm:scale-100", leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" },
|
|
76
|
-
react_1.default.createElement("div", { className: "inline-block w-full align-bottom
|
|
79
|
+
react_1.default.createElement("div", { className: "inline-block w-full align-bottom ".concat(bgColor, " rounded-lg px-4 pt-5 pb-10 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:p-6 ") +
|
|
77
80
|
this.renderModalWidth() },
|
|
78
81
|
react_1.default.createElement("div", null,
|
|
79
82
|
this.props.title && (react_1.default.createElement("div", { className: "flex flex-row border-b border-gray-200 pb-4 w-full" },
|
|
80
|
-
react_1.default.createElement(Dialog.Title, { as: "h3", className: "text-lg leading-6 font-medium
|
|
83
|
+
react_1.default.createElement(Dialog.Title, { as: "h3", className: "text-lg leading-6 font-medium ".concat(textColor) }, this.props.title),
|
|
81
84
|
react_1.default.createElement("div", { className: "flex-grow" }),
|
|
82
|
-
this.props.onClose && (react_1.default.createElement(solid_1.XMarkIcon, { className: "h-5 w-5 cursor-pointer
|
|
85
|
+
this.props.onClose && (react_1.default.createElement(solid_1.XMarkIcon, { className: "h-5 w-5 cursor-pointer ".concat(iconColor, " "), onClick: this.props.onClose })))),
|
|
83
86
|
react_1.default.createElement("div", { className: "mt-2" }, this.props.renderContent && this.props.renderContent()))))))));
|
|
84
87
|
};
|
|
85
88
|
return Modal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAsD;AACtD,6CAA4E;AAC5E,8BAA4B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/modal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/notification/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,YAAY,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,oBAAoB,CAAC;AAG5B,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,GAAG,EAAE;QACH,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IAChD,MAAM;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/notification/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,YAAY,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,oBAAoB,CAAC;AAG5B,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,GAAG,EAAE;QACH,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IAChD,MAAM;CAkDP"}
|
|
@@ -49,19 +49,24 @@ var Notification = /** @class */ (function (_super) {
|
|
|
49
49
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
50
50
|
}
|
|
51
51
|
Notification.prototype.render = function () {
|
|
52
|
+
var bgColor = this.props.darkMode ? "bg-gray-900" : "bg-white";
|
|
53
|
+
var textColor = this.props.darkMode ? "text-white" : "text-gray-900";
|
|
54
|
+
var subTextColor = this.props.darkMode
|
|
55
|
+
? "text-gray-200"
|
|
56
|
+
: "text-gray-500";
|
|
52
57
|
var Transition = this.props.lib.Transition;
|
|
53
58
|
return (react_1.default.createElement(Transition, { as: react_1.Fragment, show: this.props.notificationAttribute.visible, enter: "transform transition duration-[400ms]", enterFrom: "opacity-0 scale-50", leave: "transform duration-200 transition ease-in-out", leaveTo: "opacity-0 scale-95 " },
|
|
54
59
|
react_1.default.createElement("div", { "aria-live": "assertive", className: "fixed inset-0 flex items-end px-4 py-6 pointer-events-none z-50 sm:p-6 sm:items-start" },
|
|
55
|
-
react_1.default.createElement("div", { className: "w-full flex flex-col items-center space-y-4 sm:items-end" },
|
|
56
|
-
react_1.default.createElement("div", { className: "max-w-sm w-full
|
|
60
|
+
react_1.default.createElement("div", { className: "w-full flex flex-col items-center space-y-4 sm:items-end " },
|
|
61
|
+
react_1.default.createElement("div", { className: "max-w-sm w-full ".concat(bgColor, " shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden") },
|
|
57
62
|
react_1.default.createElement("div", { className: "p-4" },
|
|
58
|
-
react_1.default.createElement("div", { className: "flex items-center" },
|
|
59
|
-
react_1.default.createElement("div", { className: "flex-shrink-0" }, this.props.icon),
|
|
60
|
-
react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
|
|
61
|
-
react_1.default.createElement("p", { className: "text-sm font-medium
|
|
62
|
-
react_1.default.createElement("p", { className: "mt-1 text-sm
|
|
63
|
+
react_1.default.createElement("div", { className: "flex items-center " },
|
|
64
|
+
react_1.default.createElement("div", { className: "flex-shrink-0 " }, this.props.icon),
|
|
65
|
+
react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5 " },
|
|
66
|
+
react_1.default.createElement("p", { className: "text-sm font-medium ".concat(textColor) }, this.props.notificationAttribute.title),
|
|
67
|
+
react_1.default.createElement("p", { className: "mt-1 text-sm ".concat(subTextColor) }, this.props.notificationAttribute.desc)),
|
|
63
68
|
react_1.default.createElement("div", { className: "ml-4 flex-shrink-0 flex" },
|
|
64
|
-
react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.XMarkIcon, { className: "h-5 w-5 text-gray-400" }), onClick: this.props.onClose })))))))));
|
|
69
|
+
react_1.default.createElement(iconButton_1.IconButton, { darkMode: this.props.darkMode, icon: react_1.default.createElement(outline_1.XMarkIcon, { className: "h-5 w-5 text-gray-400" }), onClick: this.props.onClose })))))))));
|
|
65
70
|
};
|
|
66
71
|
return Notification;
|
|
67
72
|
}(react_1.Component));
|