wini-web-components 1.3.3 → 1.4.0

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.
Files changed (5) hide show
  1. package/dist/component/card/card.d.ts +13 -0
  2. package/dist/component/card/card.js +33 -0
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +1 -1
  5. package/package.json +78 -78
package/dist/component/card/card.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import React, { CSSProperties, ReactNode } from 'react';
2
+ import './card.css';
3
+ interface cardInfoProps {
4
+ avatar?: ReactNode;
5
+ heading?: ReactNode;
6
+ subHeading?: ReactNode;
7
+ content?: ReactNode;
8
+ action?: ReactNode;
9
+ style?: CSSProperties;
10
+ className?: string;
11
+ }
12
+ export declare function CardInfo({ avatar, heading, subHeading, content, action, style, className }: cardInfoProps): React.JSX.Element;
13
+ export {};
package/dist/component/card/card.js ADDED
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.CardInfo = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ require("./card.css");
9
+ function CardInfo(_a) {
10
+ var avatar = _a.avatar, heading = _a.heading, subHeading = _a.subHeading, content = _a.content, action = _a.action, style = _a.style, className = _a.className;
11
+ return react_1.default.createElement("div", { className: "card-new-grid ".concat(className !== null && className !== void 0 ? className : ''), style: style },
12
+ react_1.default.createElement("div", { className: "list-item" },
13
+ react_1.default.createElement("div", { className: "media" },
14
+ react_1.default.createElement("div", { className: "media-styleimage-circle" }, avatar !== null && avatar !== void 0 ? avatar : react_1.default.createElement("img", { className: "media-styleimage-circle-child", src: "https://via.placeholder.com/40x40" }))),
15
+ react_1.default.createElement("div", { className: "content" },
16
+ react_1.default.createElement("div", { className: "content-title-parent" },
17
+ heading ? react_1.default.createElement("div", { className: "content-title" }, heading) : react_1.default.createElement("div", { className: "content-title" }, "name"),
18
+ subHeading ? react_1.default.createElement("div", { className: "subtitle" }, subHeading) : react_1.default.createElement("div", { className: "subtitle" }, "sub"))),
19
+ react_1.default.createElement("div", { className: "media1" },
20
+ react_1.default.createElement("svg", { onClick: function () { }, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
21
+ react_1.default.createElement("path", { d: "M3.60698 5.34049C3.35391 5.10851 2.94912 5.10851 2.69605 5.34049C2.43465 5.58011 2.43465 5.97512 2.69605 6.21474L7.54454 10.6592C7.7976 10.8912 8.2024 10.8912 8.45546 10.6592L13.3039 6.21474C13.5654 5.97512 13.5654 5.58011 13.3039 5.34049C13.0509 5.10851 12.6461 5.10851 12.393 5.34049L8 9.36743L3.60698 5.34049Z", fill: "#61616B" })))),
22
+ react_1.default.createElement("div", { className: "frame-parent" }, content !== null && content !== void 0 ? content : react_1.default.createElement("div", { className: "content-parent" },
23
+ react_1.default.createElement("div", { className: "content1" },
24
+ react_1.default.createElement("div", { className: "content-title-wrapper" },
25
+ react_1.default.createElement("div", { className: "content-title" }, "value1")),
26
+ react_1.default.createElement("div", { className: "body-content" }, "content1")),
27
+ react_1.default.createElement("div", { className: "content1" },
28
+ react_1.default.createElement("div", { className: "content-title-wrapper" },
29
+ react_1.default.createElement("div", { className: "content-title" }, "value2")),
30
+ react_1.default.createElement("div", { className: "body-content" }, "content2")))),
31
+ react_1.default.createElement("div", null, action !== null && action !== void 0 ? action : react_1.default.createElement("div", null)));
32
+ }
33
+ exports.CardInfo = CardInfo;
package/dist/index.d.ts CHANGED
@@ -24,4 +24,5 @@ import { Rating } from './component/rating/rating';
24
24
  import { ProgressCircle } from './component/progress-circle/progress-circle';
25
25
  import { CustomSlider } from './component/slider/slider';
26
26
  import { ToastContainer } from 'react-toastify';
27
- export { Calendar, CalendarType, ComponentStatus, getStatusIcon, Checkbox, Select1, OptionsItem, Switch, Popup, showPopup, closePopup, Dialog, showDialog, DialogAlignment, DatePicker, SelectMultiple, ProgressBar, Text, Pagination, Table, TbCell, TbHeader, TbBody, TbRow, CellAlignItems, TextField, RadioButton, TextArea, ImportFile, ToastMessage, InfiniteScroll, Rating, ProgressCircle, CustomSlider, ToastContainer };
27
+ import { CardInfo } from './component/card/card';
28
+ export { Calendar, CalendarType, ComponentStatus, getStatusIcon, Checkbox, Select1, OptionsItem, Switch, Popup, showPopup, closePopup, Dialog, showDialog, DialogAlignment, DatePicker, SelectMultiple, ProgressBar, Text, Pagination, Table, TbCell, TbHeader, TbBody, TbRow, CellAlignItems, TextField, RadioButton, TextArea, ImportFile, ToastMessage, InfiniteScroll, Rating, ProgressCircle, CustomSlider, ToastContainer, CardInfo };