@rovula/ui 0.0.27 → 0.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/cjs/types/components/DatePicker/DatePicker.stories.d.ts +720 -1
- package/dist/cjs/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/outline/index.d.ts +10 -0
- package/dist/cjs/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/cjs/types/icons/material-icon/solid/index.d.ts +10 -0
- package/dist/components/DatePicker/DatePicker.js +15 -3
- package/dist/components/Icon/Icon.stories.js +10 -0
- package/dist/esm/bundle.js +3 -3
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/esm/types/components/DatePicker/DatePicker.stories.d.ts +720 -1
- package/dist/esm/types/icons/material-icon/outline/AllOutIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatAlignRightIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatBoldIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatItalicIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatListBulletedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatListNumberedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/outline/index.d.ts +10 -0
- package/dist/esm/types/icons/material-icon/solid/AllOutIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignCenterIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignJustifyIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignLeftIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatAlignRightIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatBoldIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatItalicIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatListBulletedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatListNumberedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/FormatUnderlinedIcon.d.ts +3 -0
- package/dist/esm/types/icons/material-icon/solid/index.d.ts +10 -0
- package/dist/icons/material-icon/outline/AllOutIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignCenterIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignJustifyIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignLeftIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatAlignRightIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatBoldIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatItalicIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatListBulletedIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatListNumberedIcon.js +3 -0
- package/dist/icons/material-icon/outline/FormatUnderlinedIcon.js +3 -0
- package/dist/icons/material-icon/outline/index.js +10 -0
- package/dist/icons/material-icon/solid/AllOutIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignCenterIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignJustifyIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignLeftIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatAlignRightIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatBoldIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatItalicIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatListBulletedIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatListNumberedIcon.js +3 -0
- package/dist/icons/material-icon/solid/FormatUnderlinedIcon.js +3 -0
- package/dist/icons/material-icon/solid/index.js +10 -0
- package/dist/index.d.ts +1 -1
- package/dist/src/theme/global.css +1 -1
- package/dist/theme/themes/xspector/state.css +1 -1
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.tsx +4 -1
- package/src/components/Icon/Icon.stories.tsx +10 -0
- package/src/icons/material-icon/outline/AllOutIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignCenterIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignJustifyIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignLeftIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatAlignRightIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatBoldIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatItalicIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatListBulletedIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatListNumberedIcon.tsx +20 -0
- package/src/icons/material-icon/outline/FormatUnderlinedIcon.tsx +20 -0
- package/src/icons/material-icon/outline/index.ts +10 -0
- package/src/icons/material-icon/solid/AllOutIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignCenterIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignJustifyIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignLeftIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatAlignRightIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatBoldIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatItalicIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatListBulletedIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatListNumberedIcon.tsx +20 -0
- package/src/icons/material-icon/solid/FormatUnderlinedIcon.tsx +20 -0
- package/src/icons/material-icon/solid/index.ts +10 -0
- package/src/theme/themes/xspector/state.css +1 -1
|
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
|
|
|
10
10
|
export { default as ContentCopyIcon } from "./ContentCopyIcon";
|
|
11
11
|
export { default as ContentPasteIcon } from "./ContentPasteIcon";
|
|
12
12
|
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
13
|
+
export { default as FormatBoldIcon } from "./FormatBoldIcon";
|
|
14
|
+
export { default as FormatItalicIcon } from "./FormatItalicIcon";
|
|
15
|
+
export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
|
|
16
|
+
export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
|
|
17
|
+
export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
|
|
18
|
+
export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
|
|
19
|
+
export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
|
|
20
|
+
export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
|
|
21
|
+
export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
|
|
22
|
+
export { default as AllOutIcon } from "./AllOutIcon";
|
|
@@ -10,3 +10,13 @@ export { default as ExpandCircleUpIcon } from "./ExpandCircleUpIcon";
|
|
|
10
10
|
export { default as ContentCopyIcon } from "./ContentCopyIcon";
|
|
11
11
|
export { default as ContentPasteIcon } from "./ContentPasteIcon";
|
|
12
12
|
export { default as ChevronDownIcon } from "./ChevronDownIcon";
|
|
13
|
+
export { default as FormatBoldIcon } from "./FormatBoldIcon";
|
|
14
|
+
export { default as FormatItalicIcon } from "./FormatItalicIcon";
|
|
15
|
+
export { default as FormatUnderlinedIcon } from "./FormatUnderlinedIcon";
|
|
16
|
+
export { default as FormatAlignLeftIcon } from "./FormatAlignLeftIcon";
|
|
17
|
+
export { default as FormatAlignCenterIcon } from "./FormatAlignCenterIcon";
|
|
18
|
+
export { default as FormatAlignRightIcon } from "./FormatAlignRightIcon";
|
|
19
|
+
export { default as FormatAlignJustifyIcon } from "./FormatAlignJustifyIcon";
|
|
20
|
+
export { default as FormatListBulletedIcon } from "./FormatListBulletedIcon";
|
|
21
|
+
export { default as FormatListNumberedIcon } from "./FormatListNumberedIcon";
|
|
22
|
+
export { default as AllOutIcon } from "./AllOutIcon";
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
14
|
import { useState } from "react";
|
|
4
15
|
import { CalendarIcon } from "@heroicons/react/16/solid";
|
|
@@ -6,11 +17,12 @@ import { Calendar } from "../Calendar";
|
|
|
6
17
|
import { Popover, PopoverContent, PopoverTrigger } from "../Popover/Popover";
|
|
7
18
|
import { TextInput } from "../TextInput/TextInput";
|
|
8
19
|
import { format } from "date-fns/format";
|
|
9
|
-
const DatePicker = (
|
|
20
|
+
const DatePicker = (_a) => {
|
|
21
|
+
var { date, onSelect, textInputProps } = _a, props = __rest(_a, ["date", "onSelect", "textInputProps"]);
|
|
10
22
|
const [isOpen, setIsOpen] = useState(false);
|
|
11
|
-
return (_jsx("div", { children: _jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("div", { className: "flex", children: _jsx(TextInput, Object.assign({ fullwidth: true, id: "2", readOnly: true, label: "Date", size: "md", value: date ? format(date, "dd MMM yyyy") : isOpen ? " " : "", hasClearIcon: false, endIcon: _jsx(CalendarIcon, { fill: "inherit" }) }, textInputProps)) }) }), _jsx(PopoverContent, { className: "w-auto p-0", children: _jsx(Calendar, { mode: "single", selected: date, onSelect: (...value) => {
|
|
23
|
+
return (_jsx("div", { children: _jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx("div", { className: "flex", children: _jsx(TextInput, Object.assign({ fullwidth: true, id: "2", readOnly: true, label: "Date", size: "md", value: date ? format(date, "dd MMM yyyy") : isOpen ? " " : "", hasClearIcon: false, endIcon: _jsx(CalendarIcon, { fill: "inherit" }) }, textInputProps)) }) }), _jsx(PopoverContent, { className: "w-auto p-0", children: _jsx(Calendar, Object.assign({ defaultMonth: date }, props, { mode: "single", selected: date, onSelect: (...value) => {
|
|
12
24
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(...value);
|
|
13
25
|
setIsOpen(false);
|
|
14
|
-
} }) })] }) }));
|
|
26
|
+
} })) })] }) }));
|
|
15
27
|
};
|
|
16
28
|
export default DatePicker;
|
|
@@ -350,6 +350,16 @@ export const PreviewMaterialIcon = {
|
|
|
350
350
|
"expand-circle-up",
|
|
351
351
|
"content-copy",
|
|
352
352
|
"content-paste",
|
|
353
|
+
"format-bold",
|
|
354
|
+
"format-italic",
|
|
355
|
+
"format-underlined",
|
|
356
|
+
"format-align-left",
|
|
357
|
+
"format-align-center",
|
|
358
|
+
"format-align-right",
|
|
359
|
+
"format-align-justify",
|
|
360
|
+
"format-list-bulleted",
|
|
361
|
+
"format-list-numbered",
|
|
362
|
+
"all-out",
|
|
353
363
|
];
|
|
354
364
|
return (_jsx("div", { className: "grid grid-cols-1 gap-4 w-full h-full", children: _jsxs("div", { className: "flex flex-col justify-start gap-4 w-full h-full", children: [_jsx("h4", { children: "Material icons" }), materialIcon.map((iconName) => (_jsxs("div", { className: "flex flex-row gap-6 items-center", children: [_jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "solid", size: "sm" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "outline", size: "sm" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "outline", size: "md" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "solid", size: "md" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "outline", size: "lg" })), _jsx(Icon, Object.assign({}, props, { type: "material", name: iconName, variant: "solid", size: "lg" })), _jsx("p", { className: "ml-4", children: iconName })] }, iconName)))] }) }));
|
|
355
365
|
},
|