funuicss 2.5.9 → 2.5.10
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/css/fun.css +3 -2
- package/package.json +1 -2
- package/tsconfig.json +1 -2
- package/tsconfig.tsbuildinfo +1 -1
- package/ui/alert/Alert.d.ts +1 -1
- package/ui/alert/Alert.js +1 -1
- package/ui/appbar/AppBar.js +2 -2
- package/ui/appbar/AppBar.tsx +1 -1
- package/ui/appbar/Hamburger.js +1 -1
- package/ui/avatar/Avatar.js +1 -1
- package/ui/breadcrumb/BreadCrumb.js +1 -1
- package/ui/button/Button.js +1 -1
- package/ui/card/Card.js +1 -1
- package/ui/card/CardFab.js +1 -1
- package/ui/container/Container.js +1 -1
- package/ui/div/Div.js +1 -1
- package/ui/drop/Dropdown.js +1 -1
- package/ui/input/Input.js +1 -1
- package/ui/modal/Modal.d.ts +1 -1
- package/ui/modal/Modal.js +1 -1
- package/ui/notification/Notification.d.ts +1 -1
- package/ui/notification/Notification.js +1 -1
- package/ui/page/NotFound.js +1 -1
- package/ui/progress/Bar.js +1 -1
- package/ui/snackbar/SnackBar.js +1 -1
- package/ui/specials/Circle.js +1 -1
- package/ui/step/Line.js +1 -1
- package/ui/step/Step.js +1 -1
- package/ui/table/Table.js +1 -1
- package/ui/theme/theme.js +1 -1
- package/ui/video/FunPlayer.js +1 -0
- package/dist/assets/colors/colors.d.ts +0 -347
- package/dist/assets/colors/colors.js +0 -348
- package/dist/index.d.ts +0 -37
- package/dist/index.js +0 -80
- package/dist/js/Fun.d.ts +0 -38
- package/dist/js/Fun.js +0 -235
- package/dist/js/Theme.d.ts +0 -2
- package/dist/js/Theme.js +0 -42
- package/dist/tsconfig.tsbuildinfo +0 -1
- package/dist/ui/alert/Alert.d.ts +0 -24
- package/dist/ui/alert/Alert.js +0 -48
- package/dist/ui/aos/AOS.d.ts +0 -9
- package/dist/ui/aos/AOS.js +0 -30
- package/dist/ui/appbar/AppBar.d.ts +0 -17
- package/dist/ui/appbar/AppBar.js +0 -43
- package/dist/ui/appbar/Hamburger.d.ts +0 -7
- package/dist/ui/appbar/Hamburger.js +0 -20
- package/dist/ui/avatar/Avatar.d.ts +0 -10
- package/dist/ui/avatar/Avatar.js +0 -12
- package/dist/ui/blob/Blob.d.ts +0 -10
- package/dist/ui/blob/Blob.js +0 -16
- package/dist/ui/breadcrumb/BreadCrumb.d.ts +0 -7
- package/dist/ui/breadcrumb/BreadCrumb.js +0 -10
- package/dist/ui/button/Button.d.ts +0 -39
- package/dist/ui/button/Button.js +0 -66
- package/dist/ui/card/Card.d.ts +0 -32
- package/dist/ui/card/Card.js +0 -39
- package/dist/ui/card/CardBody.d.ts +0 -7
- package/dist/ui/card/CardBody.js +0 -30
- package/dist/ui/card/CardFab.d.ts +0 -8
- package/dist/ui/card/CardFab.js +0 -31
- package/dist/ui/card/CardFooter.d.ts +0 -7
- package/dist/ui/card/CardFooter.js +0 -30
- package/dist/ui/card/CardHeader.d.ts +0 -7
- package/dist/ui/card/CardHeader.js +0 -30
- package/dist/ui/container/Container.d.ts +0 -11
- package/dist/ui/container/Container.js +0 -31
- package/dist/ui/div/Div.d.ts +0 -19
- package/dist/ui/div/Div.js +0 -31
- package/dist/ui/drop/Action.d.ts +0 -7
- package/dist/ui/drop/Action.js +0 -8
- package/dist/ui/drop/Down.d.ts +0 -9
- package/dist/ui/drop/Down.js +0 -8
- package/dist/ui/drop/Dropdown.d.ts +0 -18
- package/dist/ui/drop/Dropdown.js +0 -31
- package/dist/ui/drop/Item.d.ts +0 -8
- package/dist/ui/drop/Item.js +0 -8
- package/dist/ui/drop/Menu.d.ts +0 -12
- package/dist/ui/drop/Menu.js +0 -11
- package/dist/ui/drop/Up.d.ts +0 -9
- package/dist/ui/drop/Up.js +0 -8
- package/dist/ui/grid/Col.d.ts +0 -14
- package/dist/ui/grid/Col.js +0 -40
- package/dist/ui/grid/Grid.d.ts +0 -12
- package/dist/ui/grid/Grid.js +0 -34
- package/dist/ui/input/Iconic.d.ts +0 -11
- package/dist/ui/input/Iconic.js +0 -15
- package/dist/ui/input/Input.d.ts +0 -35
- package/dist/ui/input/Input.js +0 -110
- package/dist/ui/list/Item.d.ts +0 -7
- package/dist/ui/list/Item.js +0 -30
- package/dist/ui/list/List.d.ts +0 -14
- package/dist/ui/list/List.js +0 -30
- package/dist/ui/loader/Loader.d.ts +0 -10
- package/dist/ui/loader/Loader.js +0 -37
- package/dist/ui/modal/Action.d.ts +0 -7
- package/dist/ui/modal/Action.js +0 -30
- package/dist/ui/modal/Close.d.ts +0 -6
- package/dist/ui/modal/Close.js +0 -31
- package/dist/ui/modal/Content.d.ts +0 -7
- package/dist/ui/modal/Content.js +0 -8
- package/dist/ui/modal/Header.d.ts +0 -9
- package/dist/ui/modal/Header.js +0 -30
- package/dist/ui/modal/Modal.d.ts +0 -32
- package/dist/ui/modal/Modal.js +0 -61
- package/dist/ui/notification/Content.d.ts +0 -7
- package/dist/ui/notification/Content.js +0 -8
- package/dist/ui/notification/Footer.d.ts +0 -7
- package/dist/ui/notification/Footer.js +0 -8
- package/dist/ui/notification/Header.d.ts +0 -7
- package/dist/ui/notification/Header.js +0 -8
- package/dist/ui/notification/Notification.d.ts +0 -15
- package/dist/ui/notification/Notification.js +0 -23
- package/dist/ui/page/NotFound.d.ts +0 -9
- package/dist/ui/page/NotFound.js +0 -23
- package/dist/ui/page/UnAuthorized.d.ts +0 -9
- package/dist/ui/page/UnAuthorized.js +0 -21
- package/dist/ui/progress/Bar.d.ts +0 -17
- package/dist/ui/progress/Bar.js +0 -87
- package/dist/ui/sidebar/SideBar.d.ts +0 -14
- package/dist/ui/sidebar/SideBar.js +0 -42
- package/dist/ui/sidebar/SideContent.d.ts +0 -6
- package/dist/ui/sidebar/SideContent.js +0 -8
- package/dist/ui/snackbar/SnackBar.d.ts +0 -16
- package/dist/ui/snackbar/SnackBar.js +0 -53
- package/dist/ui/specials/Circle.d.ts +0 -15
- package/dist/ui/specials/Circle.js +0 -34
- package/dist/ui/specials/FullCenteredPage.d.ts +0 -8
- package/dist/ui/specials/FullCenteredPage.js +0 -30
- package/dist/ui/specials/Hr.d.ts +0 -7
- package/dist/ui/specials/Hr.js +0 -8
- package/dist/ui/specials/RowFlex.d.ts +0 -14
- package/dist/ui/specials/RowFlex.js +0 -34
- package/dist/ui/specials/Section.d.ts +0 -8
- package/dist/ui/specials/Section.js +0 -30
- package/dist/ui/step/Container.d.ts +0 -9
- package/dist/ui/step/Container.js +0 -8
- package/dist/ui/step/Header.d.ts +0 -7
- package/dist/ui/step/Header.js +0 -8
- package/dist/ui/step/Line.d.ts +0 -7
- package/dist/ui/step/Line.js +0 -9
- package/dist/ui/step/Step.d.ts +0 -7
- package/dist/ui/step/Step.js +0 -9
- package/dist/ui/table/Body.d.ts +0 -7
- package/dist/ui/table/Body.js +0 -8
- package/dist/ui/table/Data.d.ts +0 -8
- package/dist/ui/table/Data.js +0 -8
- package/dist/ui/table/Head.d.ts +0 -7
- package/dist/ui/table/Head.js +0 -8
- package/dist/ui/table/Row.d.ts +0 -9
- package/dist/ui/table/Row.js +0 -8
- package/dist/ui/table/Table.d.ts +0 -33
- package/dist/ui/table/Table.js +0 -133
- package/dist/ui/text/Text.d.ts +0 -44
- package/dist/ui/text/Text.js +0 -63
- package/dist/ui/theme/dark.d.ts +0 -5
- package/dist/ui/theme/dark.js +0 -34
- package/dist/ui/theme/theme.d.ts +0 -7
- package/dist/ui/theme/theme.js +0 -34
- package/dist/ui/tooltip/Tip.d.ts +0 -12
- package/dist/ui/tooltip/Tip.js +0 -31
- package/dist/ui/tooltip/ToolTip.d.ts +0 -7
- package/dist/ui/tooltip/ToolTip.js +0 -30
- package/dist/ui/video/FunPlayer.d.ts +0 -0
- package/dist/ui/video/FunPlayer.js +0 -203
- package/dist/webpack.config.d.ts +0 -23
- /package/{types/next-env.d.ts → next-env.d.ts} +0 -0
package/dist/ui/div/Div.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
15
|
-
var t = {};
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
17
|
-
t[p] = s[p];
|
|
18
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
19
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
20
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21
|
-
t[p[i]] = s[p[i]];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var Div = function (_a) {
|
|
28
|
-
var children = _a.children, funcss = _a.funcss, content = _a.content, minHeight = _a.minHeight, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, minWidth = _a.minWidth, height = _a.height, width = _a.width, padding = _a.padding, margin = _a.margin, fit = _a.fit, customStyle = _a.customStyle, rest = __rest(_a, ["children", "funcss", "content", "minHeight", "maxHeight", "maxWidth", "minWidth", "height", "width", "padding", "margin", "fit", "customStyle"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "".concat(fit ? 'width-100-p height-100-p' : '', " ").concat(funcss), style: __assign({ height: height || '', maxHeight: maxHeight || '', minHeight: minHeight || '', maxWidth: maxWidth || '', minWidth: minWidth || '', width: width || '', padding: padding || '', margin: margin || '' }, customStyle) }, rest, { children: content || children })) }));
|
|
30
|
-
};
|
|
31
|
-
exports.default = Div;
|
package/dist/ui/drop/Action.d.ts
DELETED
package/dist/ui/drop/Action.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var DropAction = function (_a) {
|
|
5
|
-
var children = _a.children, funcss = _a.funcss;
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "drop-button ".concat(funcss), children: children }));
|
|
7
|
-
};
|
|
8
|
-
exports.default = DropAction;
|
package/dist/ui/drop/Down.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type DropDownProps = {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
id?: string;
|
|
6
|
-
side?: string;
|
|
7
|
-
};
|
|
8
|
-
declare const DropDown: ({ funcss, children, id, side, }: DropDownProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default DropDown;
|
package/dist/ui/drop/Down.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var DropDown = function (_a) {
|
|
5
|
-
var funcss = _a.funcss, children = _a.children, id = _a.id, side = _a.side;
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "dropdown ".concat(side ? side : 'left', " ").concat(funcss), id: id, children: children }));
|
|
7
|
-
};
|
|
8
|
-
exports.default = DropDown;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type Position = 'left' | 'right';
|
|
3
|
-
type Direction = 'dropdown' | 'dropup';
|
|
4
|
-
interface DropdownItem {
|
|
5
|
-
label: React.ReactNode;
|
|
6
|
-
onClick?: () => void;
|
|
7
|
-
}
|
|
8
|
-
interface DropdownProps {
|
|
9
|
-
direction?: Direction;
|
|
10
|
-
position?: Position;
|
|
11
|
-
button: React.ReactNode;
|
|
12
|
-
items: DropdownItem[];
|
|
13
|
-
hoverable?: boolean;
|
|
14
|
-
openOnHover?: boolean;
|
|
15
|
-
className?: string;
|
|
16
|
-
}
|
|
17
|
-
declare const Dropdown: React.FC<DropdownProps>;
|
|
18
|
-
export default Dropdown;
|
package/dist/ui/drop/Dropdown.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
var react_1 = require("react");
|
|
6
|
-
var Dropdown = function (_a) {
|
|
7
|
-
var _b = _a.direction, direction = _b === void 0 ? 'dropdown' : _b, _c = _a.position, position = _c === void 0 ? 'left' : _c, button = _a.button, items = _a.items, _d = _a.hoverable, hoverable = _d === void 0 ? true : _d, _e = _a.openOnHover, openOnHover = _e === void 0 ? true : _e, _f = _a.className, className = _f === void 0 ? '' : _f;
|
|
8
|
-
var containerRef = (0, react_1.useRef)(null);
|
|
9
|
-
var _g = (0, react_1.useState)(false), open = _g[0], setOpen = _g[1];
|
|
10
|
-
var containerClass = "".concat(direction, " ").concat(position, " ").concat(className).trim();
|
|
11
|
-
var menuClass = "drop-menu".concat(hoverable ? ' item-hoverable' : '');
|
|
12
|
-
(0, react_1.useEffect)(function () {
|
|
13
|
-
if (openOnHover)
|
|
14
|
-
return;
|
|
15
|
-
var handleClickOutside = function (event) {
|
|
16
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
17
|
-
setOpen(false);
|
|
18
|
-
}
|
|
19
|
-
};
|
|
20
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
21
|
-
return function () { return document.removeEventListener('mousedown', handleClickOutside); };
|
|
22
|
-
}, [openOnHover]);
|
|
23
|
-
var showMenu = openOnHover || open;
|
|
24
|
-
return ((0, jsx_runtime_1.jsxs)("div", { ref: containerRef, className: containerClass, onMouseEnter: function () { return openOnHover && setOpen(true); }, onMouseLeave: function () { return openOnHover && setOpen(false); }, children: [(0, jsx_runtime_1.jsx)("div", { className: "drop-button", onClick: function () { return !openOnHover && setOpen(!open); }, style: { cursor: !openOnHover ? 'pointer' : undefined }, children: button }), (0, jsx_runtime_1.jsx)("div", { className: menuClass, style: { display: showMenu ? 'block' : 'none' }, children: items.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("div", { className: "drop-item", onClick: function () {
|
|
25
|
-
var _a;
|
|
26
|
-
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
|
|
27
|
-
if (!openOnHover)
|
|
28
|
-
setOpen(false);
|
|
29
|
-
}, children: item.label }, index)); }) })] }));
|
|
30
|
-
};
|
|
31
|
-
exports.default = Dropdown;
|
package/dist/ui/drop/Item.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type DropItemProps = {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
onClick?: () => void;
|
|
6
|
-
};
|
|
7
|
-
export default function DropItem({ children, funcss, onClick }: DropItemProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
package/dist/ui/drop/Item.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = DropItem;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
function DropItem(_a) {
|
|
6
|
-
var children = _a.children, funcss = _a.funcss, onClick = _a.onClick;
|
|
7
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "".concat(funcss, " drop-item"), onClick: onClick, children: children }));
|
|
8
|
-
}
|
package/dist/ui/drop/Menu.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type DropMenuProps = {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
hoverable?: string;
|
|
6
|
-
duration?: number;
|
|
7
|
-
animation?: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
width?: string;
|
|
10
|
-
};
|
|
11
|
-
export default function DropMenu({ children, funcss, hoverable, duration, animation, id, width, }: DropMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
package/dist/ui/drop/Menu.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = DropMenu;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
function DropMenu(_a) {
|
|
6
|
-
var children = _a.children, funcss = _a.funcss, hoverable = _a.hoverable, duration = _a.duration, animation = _a.animation, id = _a.id, width = _a.width;
|
|
7
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { id: id, className: "drop-menu ".concat(funcss, " item-").concat(hoverable ? hoverable : ''), style: {
|
|
8
|
-
animation: " ".concat(duration ? duration : 0.2, "s ").concat(animation ? animation : 'ScaleUp'),
|
|
9
|
-
width: width ? width : '100%',
|
|
10
|
-
}, children: children }) }));
|
|
11
|
-
}
|
package/dist/ui/drop/Up.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type DropUpProps = {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
id?: string;
|
|
6
|
-
side?: string;
|
|
7
|
-
};
|
|
8
|
-
declare const DropUp: ({ funcss, children, id, side, }: DropUpProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default DropUp;
|
package/dist/ui/drop/Up.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
-
var DropUp = function (_a) {
|
|
5
|
-
var funcss = _a.funcss, children = _a.children, id = _a.id, side = _a.side;
|
|
6
|
-
return ((0, jsx_runtime_1.jsx)("div", { className: "dropup ".concat(side ? side : 'left', " ").concat(funcss), id: id, children: children }));
|
|
7
|
-
};
|
|
8
|
-
exports.default = DropUp;
|
package/dist/ui/grid/Col.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactNode, HTMLProps } from 'react';
|
|
2
|
-
interface ColProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
-
sm?: number;
|
|
4
|
-
md?: number;
|
|
5
|
-
lg?: number;
|
|
6
|
-
children?: ReactNode;
|
|
7
|
-
funcss?: string;
|
|
8
|
-
id?: string;
|
|
9
|
-
smOrder?: number;
|
|
10
|
-
mdOrder?: number;
|
|
11
|
-
lgOrder?: number;
|
|
12
|
-
}
|
|
13
|
-
export default function Col({ sm, md, lg, children, funcss, id, smOrder, mdOrder, lgOrder, ...rest }: ColProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
package/dist/ui/grid/Col.js
DELETED
|
@@ -1,40 +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.default = Col;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function Col(_a) {
|
|
28
|
-
var sm = _a.sm, md = _a.md, lg = _a.lg, children = _a.children, funcss = _a.funcss, id = _a.id, smOrder = _a.smOrder, mdOrder = _a.mdOrder, lgOrder = _a.lgOrder, rest = __rest(_a, ["sm", "md", "lg", "children", "funcss", "id", "smOrder", "mdOrder", "lgOrder"]);
|
|
29
|
-
var classNames = [
|
|
30
|
-
'col',
|
|
31
|
-
sm ? "sm-".concat(sm) : '',
|
|
32
|
-
md ? "md-".concat(md) : '',
|
|
33
|
-
lg ? "lg-".concat(lg) : '',
|
|
34
|
-
smOrder ? "sm-order-".concat(smOrder) : '',
|
|
35
|
-
mdOrder ? "md-order-".concat(mdOrder) : '',
|
|
36
|
-
lgOrder ? "lg-order-".concat(lgOrder) : '',
|
|
37
|
-
funcss || '',
|
|
38
|
-
].join(' ');
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ id: id || '', className: classNames }, rest, { children: children })));
|
|
40
|
-
}
|
package/dist/ui/grid/Grid.d.ts
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ReactNode, CSSProperties, HTMLProps } from 'react';
|
|
2
|
-
interface GridProps extends HTMLProps<HTMLDivElement> {
|
|
3
|
-
children?: ReactNode;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
gap?: number;
|
|
6
|
-
justify?: CSSProperties['justifyContent'];
|
|
7
|
-
align?: CSSProperties['alignItems'];
|
|
8
|
-
id?: string;
|
|
9
|
-
direction?: CSSProperties['flexDirection'];
|
|
10
|
-
}
|
|
11
|
-
export default function Grid({ children, funcss, justify, align, id, direction, ...rest }: GridProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
package/dist/ui/grid/Grid.js
DELETED
|
@@ -1,34 +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.default = Grid;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function Grid(_a) {
|
|
28
|
-
var children = _a.children, funcss = _a.funcss, justify = _a.justify, align = _a.align, id = _a.id, direction = _a.direction, rest = __rest(_a, ["children", "funcss", "justify", "align", "id", "direction"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ id: id || '', className: "row ".concat(funcss || ''), style: {
|
|
30
|
-
justifyContent: justify || '',
|
|
31
|
-
alignItems: align || '',
|
|
32
|
-
flexDirection: direction || 'row'
|
|
33
|
-
} }, rest, { children: children })));
|
|
34
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface IconicInputProps {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children?: ReactNode;
|
|
5
|
-
input?: ReactNode;
|
|
6
|
-
iconicBg?: string;
|
|
7
|
-
leftIcon?: ReactNode;
|
|
8
|
-
rightIcon?: ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export default function IconicInput({ funcss, children, leftIcon, rightIcon, input, iconicBg, }: IconicInputProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export {};
|
package/dist/ui/input/Iconic.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = IconicInput;
|
|
4
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
function IconicInput(_a) {
|
|
6
|
-
var funcss = _a.funcss, children = _a.children, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, input = _a.input, iconicBg = _a.iconicBg;
|
|
7
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "icon-container ".concat(funcss), children: [leftIcon ?
|
|
8
|
-
(0, jsx_runtime_1.jsx)("div", { className: "leftIcon", style: {
|
|
9
|
-
backgroundColor: iconicBg || '',
|
|
10
|
-
border: iconicBg ? "0.1rem ".concat(iconicBg, " solid") : '',
|
|
11
|
-
}, children: leftIcon ? leftIcon : '' })
|
|
12
|
-
: '', (0, jsx_runtime_1.jsxs)("div", { className: "icon_input_wrapper ".concat(leftIcon ? 'lefticon' : '', " ").concat(rightIcon ? 'righticon' : ''), children: [" ", input] }), rightIcon ?
|
|
13
|
-
(0, jsx_runtime_1.jsx)("div", { className: "rightIcon", style: { backgroundColor: iconicBg || '' }, children: rightIcon ? rightIcon : '' })
|
|
14
|
-
: ''] }));
|
|
15
|
-
}
|
package/dist/ui/input/Input.d.ts
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface InputProps {
|
|
3
|
-
select?: boolean;
|
|
4
|
-
bordered?: boolean;
|
|
5
|
-
borderless?: boolean;
|
|
6
|
-
multiline?: boolean;
|
|
7
|
-
file?: boolean;
|
|
8
|
-
noBorder?: boolean;
|
|
9
|
-
icon?: React.ReactNode;
|
|
10
|
-
extra?: React.ReactNode;
|
|
11
|
-
button?: React.ReactNode;
|
|
12
|
-
id?: string;
|
|
13
|
-
status?: 'success' | 'warning' | 'danger' | '';
|
|
14
|
-
funcss?: string;
|
|
15
|
-
flat?: boolean;
|
|
16
|
-
leftRounded?: boolean;
|
|
17
|
-
rightRounded?: boolean;
|
|
18
|
-
rounded?: boolean;
|
|
19
|
-
fullWidth?: boolean;
|
|
20
|
-
btn?: boolean;
|
|
21
|
-
type?: string;
|
|
22
|
-
label?: string;
|
|
23
|
-
name?: string;
|
|
24
|
-
value?: string;
|
|
25
|
-
defaultValue?: string;
|
|
26
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>) => void;
|
|
27
|
-
options?: {
|
|
28
|
-
value: string;
|
|
29
|
-
text: string;
|
|
30
|
-
}[];
|
|
31
|
-
rows?: number;
|
|
32
|
-
bg?: string;
|
|
33
|
-
}
|
|
34
|
-
declare const Input: React.FC<InputProps>;
|
|
35
|
-
export default Input;
|
package/dist/ui/input/Input.js
DELETED
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
'use client';
|
|
3
|
-
var __assign = (this && this.__assign) || function () {
|
|
4
|
-
__assign = Object.assign || function(t) {
|
|
5
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
-
s = arguments[i];
|
|
7
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
8
|
-
t[p] = s[p];
|
|
9
|
-
}
|
|
10
|
-
return t;
|
|
11
|
-
};
|
|
12
|
-
return __assign.apply(this, arguments);
|
|
13
|
-
};
|
|
14
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
15
|
-
var t = {};
|
|
16
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
17
|
-
t[p] = s[p];
|
|
18
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
19
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
20
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
21
|
-
t[p[i]] = s[p[i]];
|
|
22
|
-
}
|
|
23
|
-
return t;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
|
-
var react_1 = require("react");
|
|
31
|
-
var pi_1 = require("react-icons/pi");
|
|
32
|
-
var Button_1 = __importDefault(require("../button/Button"));
|
|
33
|
-
var Input = function (_a) {
|
|
34
|
-
var select = _a.select, bordered = _a.bordered, borderless = _a.borderless, multiline = _a.multiline, file = _a.file, extra = _a.extra, noBorder = _a.noBorder, icon = _a.icon, btn = _a.btn, button = _a.button, id = _a.id, status = _a.status, funcss = _a.funcss, flat = _a.flat, leftRounded = _a.leftRounded, rightRounded = _a.rightRounded, rounded = _a.rounded, fullWidth = _a.fullWidth, type = _a.type, label = _a.label, name = _a.name, value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, options = _a.options, rows = _a.rows, bg = _a.bg, rest = __rest(_a, ["select", "bordered", "borderless", "multiline", "file", "extra", "noBorder", "icon", "btn", "button", "id", "status", "funcss", "flat", "leftRounded", "rightRounded", "rounded", "fullWidth", "type", "label", "name", "value", "defaultValue", "onChange", "options", "rows", "bg"]);
|
|
35
|
-
var _b = (0, react_1.useState)(''), fileName = _b[0], setFileName = _b[1];
|
|
36
|
-
var handleChange = function (e) {
|
|
37
|
-
var _a;
|
|
38
|
-
var file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
|
|
39
|
-
if (file) {
|
|
40
|
-
setFileName(file.name);
|
|
41
|
-
}
|
|
42
|
-
if (onChange)
|
|
43
|
-
onChange(e);
|
|
44
|
-
};
|
|
45
|
-
if (select) {
|
|
46
|
-
if (bordered) {
|
|
47
|
-
return ((0, jsx_runtime_1.jsx)("select", __assign({}, rest, { id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderedInput\n "), onChange: onChange, defaultValue: defaultValue, name: name, style: {
|
|
48
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
49
|
-
}, value: value, children: options
|
|
50
|
-
? options.map(function (doc) { return ((0, jsx_runtime_1.jsx)("option", { value: doc.value, children: doc.text }, doc.value)); })
|
|
51
|
-
: '' })));
|
|
52
|
-
}
|
|
53
|
-
else if (borderless) {
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)("select", __assign({}, rest, { id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderless\n "), onChange: onChange, defaultValue: defaultValue, name: name, value: value, style: {
|
|
55
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
56
|
-
}, children: options
|
|
57
|
-
? options.map(function (doc) { return ((0, jsx_runtime_1.jsx)("option", { value: doc.value, children: doc.text }, doc.value)); })
|
|
58
|
-
: '' })));
|
|
59
|
-
}
|
|
60
|
-
else {
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)("select", __assign({}, rest, { id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n "), onChange: onChange, defaultValue: defaultValue, name: name, value: value, style: {
|
|
62
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
63
|
-
}, children: options
|
|
64
|
-
? options.map(function (doc) { return ((0, jsx_runtime_1.jsx)("option", { value: doc.value, children: doc.text }, doc.value)); })
|
|
65
|
-
: '' })));
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
else if (multiline) {
|
|
69
|
-
if (bordered) {
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, rest, { id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderedInput\n "), onChange: onChange, defaultValue: defaultValue, placeholder: label, name: name, style: {
|
|
71
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
72
|
-
}, value: value, rows: rows ? rows : 2 })));
|
|
73
|
-
}
|
|
74
|
-
else if (borderless) {
|
|
75
|
-
return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, rest, { id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderless\n "), onChange: onChange, defaultValue: defaultValue, placeholder: label, name: name, value: value, style: {
|
|
76
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
77
|
-
}, rows: rows ? rows : 2 })));
|
|
78
|
-
}
|
|
79
|
-
else {
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)("textarea", __assign({}, rest, { id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n "), onChange: onChange, defaultValue: defaultValue, placeholder: label, name: name, value: value, style: {
|
|
81
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
82
|
-
}, rows: rows ? rows : 2 })));
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
else if (file) {
|
|
86
|
-
if (btn)
|
|
87
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "fileInput", children: [button ? (button) : ((0, jsx_runtime_1.jsx)(Button_1.default, { funcss: " ".concat(funcss, " "), startIcon: icon ? icon : (0, jsx_runtime_1.jsx)(pi_1.PiCloudArrowUp, {}), bg: "primary", fullWidth: true, raised: true, children: fileName || label || 'Upload File' })), (0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderedInput\n filedInput\n "), onChange: handleChange, type: 'file', style: {
|
|
88
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
89
|
-
}, value: value }, rest))] }));
|
|
90
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "_upload_container", children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id || "fileInput", className: "_upload_label", children: [(0, jsx_runtime_1.jsx)("div", { className: "_upload_icon", children: icon || (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "\u21EA" }) }), (0, jsx_runtime_1.jsx)("div", { className: "_upload_text", children: fileName || label || "Upload File" }), (0, jsx_runtime_1.jsx)("div", { className: "text-small opacity-3", children: extra || '' })] }), (0, jsx_runtime_1.jsx)("input", __assign({ onChange: handleChange, type: "file", id: id || "fileInput", className: "_upload_input" }, rest))] }));
|
|
91
|
-
}
|
|
92
|
-
else {
|
|
93
|
-
if (bordered) {
|
|
94
|
-
return ((0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderedInput\n "), onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, style: {
|
|
95
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
96
|
-
}, value: value }, rest)));
|
|
97
|
-
}
|
|
98
|
-
else if (borderless) {
|
|
99
|
-
return ((0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n borderless\n "), onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, value: value, style: {
|
|
100
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
101
|
-
} }, rest)));
|
|
102
|
-
}
|
|
103
|
-
else {
|
|
104
|
-
return ((0, jsx_runtime_1.jsx)("input", __assign({ name: name, id: id, className: "\n ".concat(status === 'success' ? 'success-input' : '', "\n ").concat(status === 'warning' ? 'warning-input' : '', "\n ").concat(status === 'danger' ? 'danger-input' : '', "\n input \n ").concat(rounded ? "rounded" : '', "\n ").concat(bg ? bg : '', "\n ").concat(funcss, " ").concat(flat ? 'flat' : '', "\n ").concat(leftRounded ? 'leftRounded' : rightRounded ? 'rightRounded' : '', "\n "), onChange: onChange, defaultValue: defaultValue, type: type, placeholder: label, value: value, style: {
|
|
105
|
-
width: "".concat(fullWidth ? '100%' : '')
|
|
106
|
-
} }, rest)));
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
exports.default = Input;
|
package/dist/ui/list/Item.d.ts
DELETED
package/dist/ui/list/Item.js
DELETED
|
@@ -1,30 +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.default = ListItem;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function ListItem(_a) {
|
|
28
|
-
var children = _a.children, funcss = _a.funcss, rest = __rest(_a, ["children", "funcss"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("li", __assign({ className: "list ".concat(funcss ? funcss : '') }, rest, { children: children })));
|
|
30
|
-
}
|
package/dist/ui/list/List.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface ListProps {
|
|
3
|
-
children?: React.ReactNode;
|
|
4
|
-
funcss?: string;
|
|
5
|
-
dark?: boolean;
|
|
6
|
-
light?: boolean;
|
|
7
|
-
stripped?: boolean;
|
|
8
|
-
bordered?: boolean;
|
|
9
|
-
hoverable?: boolean;
|
|
10
|
-
roundItems?: boolean;
|
|
11
|
-
gap?: number;
|
|
12
|
-
}
|
|
13
|
-
export default function List({ children, funcss, dark, light, stripped, bordered, hoverable, roundItems, gap, ...rest }: ListProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
package/dist/ui/list/List.js
DELETED
|
@@ -1,30 +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.default = List;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
function List(_a) {
|
|
28
|
-
var children = _a.children, funcss = _a.funcss, dark = _a.dark, light = _a.light, stripped = _a.stripped, bordered = _a.bordered, hoverable = _a.hoverable, roundItems = _a.roundItems, gap = _a.gap, rest = __rest(_a, ["children", "funcss", "dark", "light", "stripped", "bordered", "hoverable", "roundItems", "gap"]);
|
|
29
|
-
return ((0, jsx_runtime_1.jsx)("ul", __assign({ className: "list\n ".concat(funcss ? funcss : '', "\n ").concat(dark ? 'dark' : '', "\n ").concat(light ? 'light' : '', "\n ").concat(hoverable ? 'hoverableList' : '', "\n ").concat(stripped ? 'stripped' : '', "\n ").concat(bordered ? 'bordered' : '', "\n ").concat(roundItems ? 'roundItems' : '', "\n "), style: { gap: gap ? gap + "rem" : '' } }, rest, { children: children })));
|
|
30
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface FunLoaderProps {
|
|
2
|
-
funcss?: string;
|
|
3
|
-
size?: number;
|
|
4
|
-
fixed?: boolean;
|
|
5
|
-
backdrop?: boolean;
|
|
6
|
-
color?: string;
|
|
7
|
-
variant?: 'simple' | 'duotone' | "circle";
|
|
8
|
-
}
|
|
9
|
-
export default function FunLoader({ funcss, size, fixed, backdrop, color, variant, ...rest }: FunLoaderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
package/dist/ui/loader/Loader.js
DELETED
|
@@ -1,37 +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.default = FunLoader;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var pi_1 = require("react-icons/pi");
|
|
28
|
-
function FunLoader(_a) {
|
|
29
|
-
var funcss = _a.funcss, size = _a.size, fixed = _a.fixed, backdrop = _a.backdrop, color = _a.color, variant = _a.variant, rest = __rest(_a, ["funcss", "size", "fixed", "backdrop", "color", "variant"]);
|
|
30
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { lineHeight: "0" }, className: "".concat(fixed ? 'fixedLoader' : '', " ").concat(backdrop && fixed ? 'backdropLoader' : '') }, rest, { children: variant === 'simple' ?
|
|
31
|
-
(0, jsx_runtime_1.jsx)("span", { className: "rotate ".concat(funcss ? funcss : '', " text-").concat(color ? color : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiSpinnerDuotone, { style: { fontSize: size + "px", display: 'block' } }) })
|
|
32
|
-
: variant === 'duotone' ?
|
|
33
|
-
(0, jsx_runtime_1.jsxs)("span", { className: "rotate ".concat(funcss ? funcss : '', " text-").concat(color ? color : ''), children: [(0, jsx_runtime_1.jsx)(pi_1.PiSpinnerDuotone, { style: { fontSize: size + "px", display: 'block' } }), " "] })
|
|
34
|
-
: variant === 'circle' ?
|
|
35
|
-
(0, jsx_runtime_1.jsx)("span", { className: "rotate ".concat(funcss ? funcss : '', " text-").concat(color ? color : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiCircleNotch, {}) })
|
|
36
|
-
: (0, jsx_runtime_1.jsx)("span", { className: "rotate ".concat(funcss ? funcss : '', " text-").concat(color ? color : ''), children: (0, jsx_runtime_1.jsx)(pi_1.PiSpinner, { style: { fontSize: size + "px", display: 'block' } }) }) })));
|
|
37
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface ModalActionProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
funcss?: string;
|
|
4
|
-
children?: React.ReactNode;
|
|
5
|
-
}
|
|
6
|
-
export default function ModalAction({ funcss, children, ...rest }: ModalActionProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|