@uxf/ui 10.0.0-beta.80 → 10.0.0-beta.85

package/create-component-preview-page/create-component-preview-page.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare function createComponentPreviewPage(): {
+    (props: any): React.JSX.Element;
+    getInitialProps(ctx: any): {
+        componentName: any;
+        storyName: any;
+    };
+};

package/create-component-preview-page/create-component-preview-page.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createComponentPreviewPage = void 0;
+const is_nil_1 = require("@uxf/core/utils/is-nil");
+const react_1 = __importDefault(require("react"));
+const ui_components_1 = require("./ui-components");
+function ComponentPreview(props) {
+    return (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(props.stories).map(([key, Story]) => {
+        if (key === "default") {
+            return null;
+        }
+        return react_1.default.createElement(Story, { key: key });
+    })));
+}
+function createComponentPreviewPage() {
+    const component = (props) => {
+        const { componentName } = props;
+        if ((0, is_nil_1.isNil)(componentName)) {
+            return (react_1.default.createElement("div", { style: { padding: 32 } }, Object.entries(ui_components_1.uiComponents).map(([key, config]) => (react_1.default.createElement("div", { key: key, style: { marginTop: 32, marginBottom: 32 } },
+                react_1.default.createElement("h2", null, config.title),
+                react_1.default.createElement("div", { style: { border: "2px dashed gray", padding: 32, borderRadius: 4 } },
+                    react_1.default.createElement(ComponentPreview, { stories: config.stories })))))));
+        }
+        const componentConfig = ui_components_1.uiComponents[componentName]; // TODO @vejvis
+        if ((0, is_nil_1.isNil)(componentConfig)) {
+            return react_1.default.createElement("div", null, "component not found");
+        }
+        return react_1.default.createElement(ComponentPreview, { stories: componentConfig.stories });
+    };
+    component.getInitialProps = (ctx) => {
+        var _a;
+        const [componentName, storyName] = (_a = ctx.query.slug) !== null && _a !== void 0 ? _a : [];
+        return { componentName, storyName };
+    };
+    return component;
+}
+exports.createComponentPreviewPage = createComponentPreviewPage;

package/create-component-preview-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./create-component-preview-page";
+export * from "./ui-components";

package/create-component-preview-page/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./create-component-preview-page"), exports);
+__exportStar(require("./ui-components"), exports);

package/create-component-preview-page/ui-components.d.ts

@@ -0,0 +1,237 @@
+import * as AvatarFileInputStories from "@uxf/ui/avatar-file-input/avatar-file-input.stories";
+import * as AvatarStories from "@uxf/ui/avatar/avatar.stories";
+import * as BadgeStories from "@uxf/ui/badge/badge.stories";
+import * as ButtonGroupStories from "@uxf/ui/button-group/button-group.stories";
+import * as ButtonListStories from "@uxf/ui/button-list/button-list.stories";
+import * as ButtonStories from "@uxf/ui/button/button.stories";
+import * as CalendarStories from "@uxf/ui/calendar/calendar.stories";
+import * as CheckboxButtonStories from "@uxf/ui/checkbox-button/checkbox-button.stories";
+import * as CheckboxInputStories from "@uxf/ui/checkbox-input/checkbox-input.stories";
+import * as CheckboxStories from "@uxf/ui/checkbox/checkbox.stories";
+import * as ChipStories from "@uxf/ui/chip/chip.stories";
+import * as ColorRadioGroupStories from "@uxf/ui/color-radio-group/color-radio-group.stories";
+import * as ColorRadioStories from "@uxf/ui/color-radio/color-radio.stories";
+import * as ComboboxStories from "@uxf/ui/combobox/combobox.stories";
+import * as DatePickerInputStories from "@uxf/ui/date-picker-input/date-picker-input.stories";
+import * as DatePickerStories from "@uxf/ui/date-picker/date-picker.stories";
+import * as DatetimePickerInputStories from "@uxf/ui/datetime-picker-input/datetime-picker-input.stories";
+import * as DatetimePickerStories from "@uxf/ui/datetime-picker/datetime-picker.stories";
+import * as DropdownStories from "@uxf/ui/dropdown/dropdown.stories";
+import * as DropzoneStories from "@uxf/ui/dropzone/dropzone.stories";
+import * as ErrorMessageStories from "@uxf/ui/error-message/error-message.stories";
+import * as FileInputStories from "@uxf/ui/file-input/file-input.stories";
+import * as FlashMessagesStories from "@uxf/ui/flash-messages/flash-messages.stories";
+import * as FormComponentStories from "@uxf/ui/form-component/form-component.stories";
+import * as IconStories from "@uxf/ui/icon/icon.stories";
+import * as InputStories from "@uxf/ui/input/input.stories";
+import * as LabelStories from "@uxf/ui/label/label.stories";
+import * as ListItemStories from "@uxf/ui/list-item/list-item.stories";
+import * as LoaderStories from "@uxf/ui/loader/loader.stories";
+import * as ModalStories from "@uxf/ui/modal/modal.stories";
+import * as MultiComboboxStories from "@uxf/ui/multi-combobox/multi-combobox.stories";
+import * as MultiSelectStories from "@uxf/ui/multi-select/multi-select.stories";
+import * as PaginationStories from "@uxf/ui/pagination/pagination.stories";
+import * as PaperStories from "@uxf/ui/paper/paper.stories";
+import * as RadioGroupStories from "@uxf/ui/radio-group/radio-group.stories";
+import * as RadioStories from "@uxf/ui/radio/radio.stories";
+import * as RasterImageStories from "@uxf/ui/raster-image/raster-image.stories";
+import * as SelectStories from "@uxf/ui/select/select.stories";
+import * as TabsStories from "@uxf/ui/tabs/tabs.stories";
+import * as TextInputStories from "@uxf/ui/text-input/text-input.stories";
+import * as TextLinkStories from "@uxf/ui/text-link/text-link.stories";
+import * as TextareaStories from "@uxf/ui/textarea/textarea.stories";
+import * as TimePickerInputStories from "@uxf/ui/time-picker-input/time-picker-input.stories";
+import * as TimePickerStories from "@uxf/ui/time-picker/time-picker-input.stories";
+import * as ToggleStories from "@uxf/ui/toggle/toggle.stories";
+import * as TooltipStories from "@uxf/ui/tooltip/tooltip.stories";
+import * as TypographyStories from "@uxf/ui/typography/typography.stories";
+export declare const uiComponents: {
+    readonly avatar: {
+        readonly title: "Avatar";
+        readonly stories: typeof AvatarStories;
+    };
+    readonly "avatar-file-input": {
+        readonly title: "AvatarFileInput";
+        readonly stories: typeof AvatarFileInputStories;
+    };
+    readonly badge: {
+        readonly title: "Badge";
+        readonly stories: typeof BadgeStories;
+    };
+    readonly button: {
+        readonly title: "Button";
+        readonly stories: typeof ButtonStories;
+    };
+    readonly "button-group": {
+        readonly title: "ButtonGroup";
+        readonly stories: typeof ButtonGroupStories;
+    };
+    readonly "button-list": {
+        readonly title: "ButtonList";
+        readonly stories: typeof ButtonListStories;
+    };
+    readonly calendar: {
+        readonly title: "Calendar";
+        readonly stories: typeof CalendarStories;
+    };
+    readonly checkbox: {
+        readonly title: "Checkbox";
+        readonly stories: typeof CheckboxStories;
+    };
+    readonly "checkbox-button": {
+        readonly title: "CheckboxButton";
+        readonly stories: typeof CheckboxButtonStories;
+    };
+    readonly "checkbox-input": {
+        readonly title: "CheckboxInput";
+        readonly stories: typeof CheckboxInputStories;
+    };
+    readonly chip: {
+        readonly title: "Chip";
+        readonly stories: typeof ChipStories;
+    };
+    readonly "color-radio": {
+        readonly title: "ColorRadio";
+        readonly stories: typeof ColorRadioStories;
+    };
+    readonly "color-radio-group": {
+        readonly title: "ColorRadioGroup";
+        readonly stories: typeof ColorRadioGroupStories;
+    };
+    readonly combobox: {
+        readonly title: "Combobox";
+        readonly stories: typeof ComboboxStories;
+    };
+    readonly "date-picker": {
+        readonly title: "DatePicker";
+        readonly stories: typeof DatePickerStories;
+    };
+    readonly "date-picker-input": {
+        readonly title: "DatePickerInput";
+        readonly stories: typeof DatePickerInputStories;
+    };
+    readonly "datetime-picker": {
+        readonly title: "DatetimePicker";
+        readonly stories: typeof DatetimePickerStories;
+    };
+    readonly "datetime-picker-input": {
+        readonly title: "DatetimePickerInput";
+        readonly stories: typeof DatetimePickerInputStories;
+    };
+    readonly dropdown: {
+        readonly title: "Dropdown";
+        readonly stories: typeof DropdownStories;
+    };
+    readonly dropzone: {
+        readonly title: "Dropzone";
+        readonly stories: typeof DropzoneStories;
+    };
+    readonly "error-message": {
+        readonly title: "ErrorMessage";
+        readonly stories: typeof ErrorMessageStories;
+    };
+    readonly "file-input": {
+        readonly title: "FileInput";
+        readonly stories: typeof FileInputStories;
+    };
+    readonly "flash-messages": {
+        readonly title: "FlashMessages";
+        readonly stories: typeof FlashMessagesStories;
+    };
+    readonly "form-component": {
+        readonly title: "FormComponent";
+        readonly stories: typeof FormComponentStories;
+    };
+    readonly icon: {
+        readonly title: "Icon";
+        readonly stories: typeof IconStories;
+    };
+    readonly input: {
+        readonly title: "Input";
+        readonly stories: typeof InputStories;
+    };
+    readonly label: {
+        readonly title: "Label";
+        readonly stories: typeof LabelStories;
+    };
+    readonly "list-item": {
+        readonly title: "ListItem";
+        readonly stories: typeof ListItemStories;
+    };
+    readonly loader: {
+        readonly title: "Loader";
+        readonly stories: typeof LoaderStories;
+    };
+    readonly modal: {
+        readonly title: "Modal";
+        readonly stories: typeof ModalStories;
+    };
+    readonly "multi-combobox": {
+        readonly title: "MultiCombobox";
+        readonly stories: typeof MultiComboboxStories;
+    };
+    readonly "multi-select": {
+        readonly title: "MultiSelect";
+        readonly stories: typeof MultiSelectStories;
+    };
+    readonly pagination: {
+        readonly title: "Pagination";
+        readonly stories: typeof PaginationStories;
+    };
+    readonly paper: {
+        readonly title: "Paper";
+        readonly stories: typeof PaperStories;
+    };
+    readonly radio: {
+        readonly title: "Radio";
+        readonly stories: typeof RadioStories;
+    };
+    readonly "radio-group": {
+        readonly title: "RadioGroup";
+        readonly stories: typeof RadioGroupStories;
+    };
+    readonly "raster-image": {
+        readonly title: "RasterImage";
+        readonly stories: typeof RasterImageStories;
+    };
+    readonly select: {
+        readonly title: "Select";
+        readonly stories: typeof SelectStories;
+    };
+    readonly tabs: {
+        readonly title: "Tabs";
+        readonly stories: typeof TabsStories;
+    };
+    readonly "text-input": {
+        readonly title: "TextInput";
+        readonly stories: typeof TextInputStories;
+    };
+    readonly "text-link": {
+        readonly title: "TextLink";
+        readonly stories: typeof TextLinkStories;
+    };
+    readonly textarea: {
+        readonly title: "Textarea";
+        readonly stories: typeof TextareaStories;
+    };
+    readonly "time-picker": {
+        readonly title: "TimePicker";
+        readonly stories: typeof TimePickerStories;
+    };
+    readonly "time-picker-input": {
+        readonly title: "TimePickerInput";
+        readonly stories: typeof TimePickerInputStories;
+    };
+    readonly toggle: {
+        readonly title: "Toggle";
+        readonly stories: typeof ToggleStories;
+    };
+    readonly tooltip: {
+        readonly title: "Tooltip";
+        readonly stories: typeof TooltipStories;
+    };
+    readonly typography: {
+        readonly title: "Typography";
+        readonly stories: typeof TypographyStories;
+    };
+};

package/create-component-preview-page/ui-components.js

@@ -0,0 +1,263 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiComponents = void 0;
+const AvatarFileInputStories = __importStar(require("@uxf/ui/avatar-file-input/avatar-file-input.stories"));
+const AvatarStories = __importStar(require("@uxf/ui/avatar/avatar.stories"));
+const BadgeStories = __importStar(require("@uxf/ui/badge/badge.stories"));
+const ButtonGroupStories = __importStar(require("@uxf/ui/button-group/button-group.stories"));
+const ButtonListStories = __importStar(require("@uxf/ui/button-list/button-list.stories"));
+const ButtonStories = __importStar(require("@uxf/ui/button/button.stories"));
+const CalendarStories = __importStar(require("@uxf/ui/calendar/calendar.stories"));
+const CheckboxButtonStories = __importStar(require("@uxf/ui/checkbox-button/checkbox-button.stories"));
+const CheckboxInputStories = __importStar(require("@uxf/ui/checkbox-input/checkbox-input.stories"));
+const CheckboxStories = __importStar(require("@uxf/ui/checkbox/checkbox.stories"));
+const ChipStories = __importStar(require("@uxf/ui/chip/chip.stories"));
+const ColorRadioGroupStories = __importStar(require("@uxf/ui/color-radio-group/color-radio-group.stories"));
+const ColorRadioStories = __importStar(require("@uxf/ui/color-radio/color-radio.stories"));
+const ComboboxStories = __importStar(require("@uxf/ui/combobox/combobox.stories"));
+const DatePickerInputStories = __importStar(require("@uxf/ui/date-picker-input/date-picker-input.stories"));
+const DatePickerStories = __importStar(require("@uxf/ui/date-picker/date-picker.stories"));
+const DatetimePickerInputStories = __importStar(require("@uxf/ui/datetime-picker-input/datetime-picker-input.stories"));
+const DatetimePickerStories = __importStar(require("@uxf/ui/datetime-picker/datetime-picker.stories"));
+const DropdownStories = __importStar(require("@uxf/ui/dropdown/dropdown.stories"));
+const DropzoneStories = __importStar(require("@uxf/ui/dropzone/dropzone.stories"));
+const ErrorMessageStories = __importStar(require("@uxf/ui/error-message/error-message.stories"));
+const FileInputStories = __importStar(require("@uxf/ui/file-input/file-input.stories"));
+const FlashMessagesStories = __importStar(require("@uxf/ui/flash-messages/flash-messages.stories"));
+const FormComponentStories = __importStar(require("@uxf/ui/form-component/form-component.stories"));
+const IconStories = __importStar(require("@uxf/ui/icon/icon.stories"));
+const InputStories = __importStar(require("@uxf/ui/input/input.stories"));
+const LabelStories = __importStar(require("@uxf/ui/label/label.stories"));
+const ListItemStories = __importStar(require("@uxf/ui/list-item/list-item.stories"));
+const LoaderStories = __importStar(require("@uxf/ui/loader/loader.stories"));
+const ModalStories = __importStar(require("@uxf/ui/modal/modal.stories"));
+const MultiComboboxStories = __importStar(require("@uxf/ui/multi-combobox/multi-combobox.stories"));
+const MultiSelectStories = __importStar(require("@uxf/ui/multi-select/multi-select.stories"));
+const PaginationStories = __importStar(require("@uxf/ui/pagination/pagination.stories"));
+const PaperStories = __importStar(require("@uxf/ui/paper/paper.stories"));
+const RadioGroupStories = __importStar(require("@uxf/ui/radio-group/radio-group.stories"));
+const RadioStories = __importStar(require("@uxf/ui/radio/radio.stories"));
+const RasterImageStories = __importStar(require("@uxf/ui/raster-image/raster-image.stories"));
+const SelectStories = __importStar(require("@uxf/ui/select/select.stories"));
+const TabsStories = __importStar(require("@uxf/ui/tabs/tabs.stories"));
+const TextInputStories = __importStar(require("@uxf/ui/text-input/text-input.stories"));
+const TextLinkStories = __importStar(require("@uxf/ui/text-link/text-link.stories"));
+const TextareaStories = __importStar(require("@uxf/ui/textarea/textarea.stories"));
+const TimePickerInputStories = __importStar(require("@uxf/ui/time-picker-input/time-picker-input.stories"));
+const TimePickerStories = __importStar(require("@uxf/ui/time-picker/time-picker-input.stories"));
+const ToggleStories = __importStar(require("@uxf/ui/toggle/toggle.stories"));
+const TooltipStories = __importStar(require("@uxf/ui/tooltip/tooltip.stories"));
+const TypographyStories = __importStar(require("@uxf/ui/typography/typography.stories"));
+exports.uiComponents = {
+    avatar: {
+        title: "Avatar",
+        stories: AvatarStories,
+    },
+    "avatar-file-input": {
+        title: "AvatarFileInput",
+        stories: AvatarFileInputStories,
+    },
+    badge: {
+        title: "Badge",
+        stories: BadgeStories,
+    },
+    button: {
+        title: "Button",
+        stories: ButtonStories,
+    },
+    "button-group": {
+        title: "ButtonGroup",
+        stories: ButtonGroupStories,
+    },
+    "button-list": {
+        title: "ButtonList",
+        stories: ButtonListStories,
+    },
+    calendar: {
+        title: "Calendar",
+        stories: CalendarStories,
+    },
+    checkbox: {
+        title: "Checkbox",
+        stories: CheckboxStories,
+    },
+    "checkbox-button": {
+        title: "CheckboxButton",
+        stories: CheckboxButtonStories,
+    },
+    "checkbox-input": {
+        title: "CheckboxInput",
+        stories: CheckboxInputStories,
+    },
+    chip: {
+        title: "Chip",
+        stories: ChipStories,
+    },
+    "color-radio": {
+        title: "ColorRadio",
+        stories: ColorRadioStories,
+    },
+    "color-radio-group": {
+        title: "ColorRadioGroup",
+        stories: ColorRadioGroupStories,
+    },
+    combobox: {
+        title: "Combobox",
+        stories: ComboboxStories,
+    },
+    "date-picker": {
+        title: "DatePicker",
+        stories: DatePickerStories,
+    },
+    "date-picker-input": {
+        title: "DatePickerInput",
+        stories: DatePickerInputStories,
+    },
+    "datetime-picker": {
+        title: "DatetimePicker",
+        stories: DatetimePickerStories,
+    },
+    "datetime-picker-input": {
+        title: "DatetimePickerInput",
+        stories: DatetimePickerInputStories,
+    },
+    dropdown: {
+        title: "Dropdown",
+        stories: DropdownStories,
+    },
+    dropzone: {
+        title: "Dropzone",
+        stories: DropzoneStories,
+    },
+    "error-message": {
+        title: "ErrorMessage",
+        stories: ErrorMessageStories,
+    },
+    "file-input": {
+        title: "FileInput",
+        stories: FileInputStories,
+    },
+    "flash-messages": {
+        title: "FlashMessages",
+        stories: FlashMessagesStories,
+    },
+    "form-component": {
+        title: "FormComponent",
+        stories: FormComponentStories,
+    },
+    icon: {
+        title: "Icon",
+        stories: IconStories,
+    },
+    input: {
+        title: "Input",
+        stories: InputStories,
+    },
+    label: {
+        title: "Label",
+        stories: LabelStories,
+    },
+    "list-item": {
+        title: "ListItem",
+        stories: ListItemStories,
+    },
+    loader: {
+        title: "Loader",
+        stories: LoaderStories,
+    },
+    modal: {
+        title: "Modal",
+        stories: ModalStories,
+    },
+    "multi-combobox": {
+        title: "MultiCombobox",
+        stories: MultiComboboxStories,
+    },
+    "multi-select": {
+        title: "MultiSelect",
+        stories: MultiSelectStories,
+    },
+    pagination: {
+        title: "Pagination",
+        stories: PaginationStories,
+    },
+    paper: {
+        title: "Paper",
+        stories: PaperStories,
+    },
+    radio: {
+        title: "Radio",
+        stories: RadioStories,
+    },
+    "radio-group": {
+        title: "RadioGroup",
+        stories: RadioGroupStories,
+    },
+    "raster-image": {
+        title: "RasterImage",
+        stories: RasterImageStories,
+    },
+    select: {
+        title: "Select",
+        stories: SelectStories,
+    },
+    tabs: {
+        title: "Tabs",
+        stories: TabsStories,
+    },
+    "text-input": {
+        title: "TextInput",
+        stories: TextInputStories,
+    },
+    "text-link": {
+        title: "TextLink",
+        stories: TextLinkStories,
+    },
+    textarea: {
+        title: "Textarea",
+        stories: TextareaStories,
+    },
+    "time-picker": {
+        title: "TimePicker",
+        stories: TimePickerStories,
+    },
+    "time-picker-input": {
+        title: "TimePickerInput",
+        stories: TimePickerInputStories,
+    },
+    toggle: {
+        title: "Toggle",
+        stories: ToggleStories,
+    },
+    tooltip: {
+        title: "Tooltip",
+        stories: TooltipStories,
+    },
+    typography: {
+        title: "Typography",
+        stories: TypographyStories,
+    },
+};

package/create-component-preview-page/ui-readmes.d.ts

@@ -0,0 +1,2 @@
+import { uiComponents } from "./ui-components";
+export declare const uiReadmes: Record<keyof typeof uiComponents, any>;

package/create-component-preview-page/ui-readmes.js

@@ -0,0 +1,102 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uiReadmes = void 0;
+const README_md_1 = __importDefault(require("@uxf/ui/avatar-file-input/README.md"));
+const README_md_2 = __importDefault(require("@uxf/ui/avatar/README.md"));
+const README_md_3 = __importDefault(require("@uxf/ui/badge/README.md"));
+const README_md_4 = __importDefault(require("@uxf/ui/button-group/README.md"));
+const README_md_5 = __importDefault(require("@uxf/ui/button-list/README.md"));
+const README_md_6 = __importDefault(require("@uxf/ui/button/README.md"));
+const README_md_7 = __importDefault(require("@uxf/ui/calendar/README.md"));
+const README_md_8 = __importDefault(require("@uxf/ui/checkbox-button/README.md"));
+const README_md_9 = __importDefault(require("@uxf/ui/checkbox-input/README.md"));
+const README_md_10 = __importDefault(require("@uxf/ui/checkbox/README.md"));
+const README_md_11 = __importDefault(require("@uxf/ui/chip/README.md"));
+const README_md_12 = __importDefault(require("@uxf/ui/color-radio-group/README.md"));
+const README_md_13 = __importDefault(require("@uxf/ui/color-radio/README.md"));
+const README_md_14 = __importDefault(require("@uxf/ui/combobox/README.md"));
+const README_md_15 = __importDefault(require("@uxf/ui/date-picker-input/README.md"));
+const README_md_16 = __importDefault(require("@uxf/ui/date-picker/README.md"));
+const README_md_17 = __importDefault(require("@uxf/ui/datetime-picker-input/README.md"));
+const README_md_18 = __importDefault(require("@uxf/ui/datetime-picker/README.md"));
+const README_md_19 = __importDefault(require("@uxf/ui/dropdown/README.md"));
+const README_md_20 = __importDefault(require("@uxf/ui/dropzone/README.md"));
+const README_md_21 = __importDefault(require("@uxf/ui/error-message/README.md"));
+const README_md_22 = __importDefault(require("@uxf/ui/file-input/README.md"));
+const README_md_23 = __importDefault(require("@uxf/ui/flash-messages/README.md"));
+const README_md_24 = __importDefault(require("@uxf/ui/form-component/README.md"));
+const README_md_25 = __importDefault(require("@uxf/ui/icon/README.md"));
+const README_md_26 = __importDefault(require("@uxf/ui/input/README.md"));
+const README_md_27 = __importDefault(require("@uxf/ui/label/README.md"));
+const README_md_28 = __importDefault(require("@uxf/ui/list-item/README.md"));
+const README_md_29 = __importDefault(require("@uxf/ui/loader/README.md"));
+const README_md_30 = __importDefault(require("@uxf/ui/modal/README.md"));
+const README_md_31 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
+const README_md_32 = __importDefault(require("@uxf/ui/multi-select/README.md"));
+const README_md_33 = __importDefault(require("@uxf/ui/pagination/README.md"));
+const README_md_34 = __importDefault(require("@uxf/ui/paper/README.md"));
+const README_md_35 = __importDefault(require("@uxf/ui/radio-group/README.md"));
+const README_md_36 = __importDefault(require("@uxf/ui/radio/README.md"));
+const README_md_37 = __importDefault(require("@uxf/ui/raster-image/README.md"));
+const README_md_38 = __importDefault(require("@uxf/ui/select/README.md"));
+const README_md_39 = __importDefault(require("@uxf/ui/tabs/README.md"));
+const README_md_40 = __importDefault(require("@uxf/ui/text-input/README.md"));
+const README_md_41 = __importDefault(require("@uxf/ui/text-link/README.md"));
+const README_md_42 = __importDefault(require("@uxf/ui/textarea/README.md"));
+const README_md_43 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
+const README_md_44 = __importDefault(require("@uxf/ui/time-picker/README.md"));
+const README_md_45 = __importDefault(require("@uxf/ui/toggle/README.md"));
+const README_md_46 = __importDefault(require("@uxf/ui/tooltip/README.md"));
+const README_md_47 = __importDefault(require("@uxf/ui/typography/README.md"));
+exports.uiReadmes = {
+    avatar: README_md_2.default,
+    "avatar-file-input": README_md_1.default,
+    badge: README_md_3.default,
+    button: README_md_6.default,
+    "button-group": README_md_4.default,
+    "button-list": README_md_5.default,
+    calendar: README_md_7.default,
+    checkbox: README_md_10.default,
+    "checkbox-button": README_md_8.default,
+    "checkbox-input": README_md_9.default,
+    chip: README_md_11.default,
+    "color-radio": README_md_13.default,
+    "color-radio-group": README_md_12.default,
+    combobox: README_md_14.default,
+    "date-picker": README_md_16.default,
+    "date-picker-input": README_md_15.default,
+    "datetime-picker": README_md_18.default,
+    "datetime-picker-input": README_md_17.default,
+    dropdown: README_md_19.default,
+    dropzone: README_md_20.default,
+    "error-message": README_md_21.default,
+    "file-input": README_md_22.default,
+    "flash-messages": README_md_23.default,
+    "form-component": README_md_24.default,
+    icon: README_md_25.default,
+    input: README_md_26.default,
+    label: README_md_27.default,
+    "list-item": README_md_28.default,
+    loader: README_md_29.default,
+    modal: README_md_30.default,
+    "multi-combobox": README_md_31.default,
+    "multi-select": README_md_32.default,
+    pagination: README_md_33.default,
+    paper: README_md_34.default,
+    radio: README_md_36.default,
+    "radio-group": README_md_35.default,
+    "raster-image": README_md_37.default,
+    select: README_md_38.default,
+    tabs: README_md_39.default,
+    "text-input": README_md_40.default,
+    "text-link": README_md_41.default,
+    textarea: README_md_42.default,
+    "time-picker": README_md_44.default,
+    "time-picker-input": README_md_43.default,
+    toggle: README_md_45.default,
+    tooltip: README_md_46.default,
+    typography: README_md_47.default,
+};

package/date-picker/date-picker.stories.js

@@ -34,8 +34,9 @@ exports.default = {
 function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", setValue);
+    const onClose = () => null;
     const testDatePickers = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(date_picker_1.DatePicker, { closePopoverHandler: close, onChange: onChange, selectedDate: value })));
+        react_1.default.createElement(date_picker_1.DatePicker, { closePopoverHandler: onClose, onChange: onChange, selectedDate: value })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testDatePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testDatePickers)));

package/dropzone/dropzone-list.js

@@ -31,6 +31,7 @@ const icon_1 = require("@uxf/ui/icon");
 const loader_1 = require("@uxf/ui/loader");
 const get_file_url_1 = require("@uxf/ui/utils/files/get-file-url");
 const react_1 = __importStar(require("react"));
+const get_file_icon_1 = require("../utils/files/get-file-icon");
 function formatBytes(bytes, decimals = 2) {
     const k = 1024;
     const dm = decimals < 0 ? 0 : decimals;
@@ -38,21 +39,6 @@ function formatBytes(bytes, decimals = 2) {
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 }
-function getIconName(extension) {
-    switch (extension) {
-        case "jpg":
-        case "jpeg":
-        case "png":
-        case "gif":
-            return "imageFile";
-        case "mp4":
-        case "avi":
-        case "mov":
-            return "videoFile";
-        default:
-            return "file";
-    }
-}
 const DropzoneList = (props) => {
     var _a, _b;
     const context = (0, react_1.useContext)(context_1.UiContext);
@@ -78,7 +64,7 @@ const DropzoneList = (props) => {
         return ((_b = (_a = props.renderItem) === null || _a === void 0 ? void 0 : _a.call(props, file)) !== null && _b !== void 0 ? _b : (react_1.default.createElement("li", { className: "uxf-dropzone-list__item-wrapper", key: file.id },
             react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dropzone-list__item", !!file.error && classes_1.CLASSES.IS_INVALID) },
                 react_1.default.createElement("div", { className: "uxf-dropzone-list__item__block" },
-                    react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone-list__item__block__icon", name: getIconName(file.extension.toLowerCase()) }),
+                    react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone-list__item__block__icon", name: (0, get_file_icon_1.getIconNameFromFileExtension)(file.extension.toLowerCase()) }),
                     (context === null || context === void 0 ? void 0 : context.domain) && file.id > 0 ? (react_1.default.createElement("a", { className: "uxf-dropzone-list__item__block__file-name-link", href: (0, get_file_url_1.getFileUrl)(context.domain, file), target: "_blank", rel: "noreferrer noopenner" }, file.name)) : (react_1.default.createElement("span", { className: "uxf-dropzone-list__item__block__file-name" }, file.name))),
                 react_1.default.createElement("div", { className: "uxf-dropzone-list__item__block" },
                     isUploading ? (react_1.default.createElement(loader_1.Loader, { size: "sm" })) : (!file.error &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "10.0.0-beta.80",
+  "version": "10.0.0-beta.85",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -17,9 +17,9 @@
   "dependencies": {
     "@floating-ui/react": "0.26.0",
     "@headlessui/react": "1.7.14",
-    "@uxf/core": "10.0.0-beta.80",
+    "@uxf/core": "10.0.0-beta.85",
     "@uxf/datepicker": "10.0.0-beta.80",
-    "@uxf/styles": "10.0.0-beta.80",
+    "@uxf/styles": "10.0.0-beta.85",
     "color2k": "2.0.2",
     "dayjs": "1.11.10",
     "jump.js": "1.0.2",

package/time-picker/time-picker-input.stories.js

@@ -34,8 +34,9 @@ exports.default = {
 function Default() {
     const [value, setValue] = (0, react_1.useState)(null);
     const onChange = (0, action_1.action)("onChange", setValue);
+    const onClose = () => null;
     const testTimePickers = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(time_picker_1.TimePicker, { closePopoverHandler: close, onChange: onChange, selectedTime: value })));
+        react_1.default.createElement(time_picker_1.TimePicker, { closePopoverHandler: onClose, onChange: onChange, selectedTime: value })));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "light max-w-[640px] space-y-4 rounded bg-white p-8" }, testTimePickers),
         react_1.default.createElement("div", { className: "dark max-w-[640px] space-y-4 rounded bg-gray-900 p-8 text-white" }, testTimePickers)));

package/utils/files/get-file-icon.d.ts

@@ -0,0 +1,2 @@
+import { IconName } from "../../icon/types";
+export declare function getIconNameFromFileExtension(extension: string): IconName;

package/utils/files/get-file-icon.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIconNameFromFileExtension = void 0;
+function getIconNameFromFileExtension(extension) {
+    switch (extension) {
+        case "jpg":
+        case "jpeg":
+        case "png":
+        case "gif":
+            return "imageFile";
+        case "mp4":
+        case "avi":
+        case "mov":
+            return "videoFile";
+        default:
+            return "file";
+    }
+}
+exports.getIconNameFromFileExtension = getIconNameFromFileExtension;