@react95/core 8.0.0-alpha.0 → 8.0.0-alpha.10

package/types/Modal/Modal.d.ts

@@ -0,0 +1,30 @@
+/// <reference path="../../../../../types/draggable.d.ts" />
+import * as React from 'react';
+import { DraggableProps } from 'react-draggable';
+import { List } from '../List/List';
+import { FrameProps } from '../Frame/Frame';
+export type ModalButtons = {
+    value: string;
+    onClick(event: React.MouseEvent): void;
+};
+export type ModalMenu = {
+    name: string;
+    list: React.ReactElement<typeof List>;
+};
+export type ModalDefaultPosition = {
+    x: number;
+    y: number;
+};
+export type ModalProps = {
+    icon?: React.ReactElement;
+    onClose(event: React.MouseEvent): void;
+    onHelp?(event: React.MouseEvent): void;
+    title: string;
+    buttons?: Array<ModalButtons>;
+    menu?: Array<ModalMenu>;
+    defaultPosition?: DraggableProps['defaultPosition'];
+    positionOffset?: DraggableProps['positionOffset'];
+    hasWindowButton?: boolean;
+    buttonsAlignment?: FrameProps['justifyContent'];
+} & Omit<FrameProps, 'as'> & React.HTMLAttributes<HTMLDivElement>;
+export declare const Modal: React.ForwardRefExoticComponent<Omit<ModalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/types/Modal/ModalContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export type Windows = {
+    icon?: React.ReactElement;
+    title: string;
+    hasButton: boolean;
+};
+export interface IModalContextProps {
+    windows: Record<string, Windows>;
+    addWindows(window: Windows): string | void;
+    removeWindow(id: string): void;
+    updateWindow(id: string, window: Windows): void;
+    setActiveWindow(title: string): void;
+    activeWindow?: string;
+}
+export declare const ModalContext: import("react").Context<IModalContextProps>;

package/types/Modal/ModalProvider.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export type ModalProviderProps = {};
+export declare const ModalProvider: React.FC<React.PropsWithChildren<ModalProviderProps>>;

package/types/TaskBar/TaskBar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { List } from '../List/List';
+export type TaskBarProps = {
+    list?: React.ReactElement<typeof List>;
+};
+export declare const TaskBar: React.ForwardRefExoticComponent<TaskBarProps & React.RefAttributes<HTMLDivElement>>;

package/types/Tree/Node.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { FrameProps } from '../Frame/Frame';
+export declare const icons: {
+    readonly FILE_MEDIA: React.FC<import("@react95/icons").MediaCdProps>;
+    readonly FILE_TEXT: React.FC<import("@react95/icons").FileTextProps>;
+    readonly FILE_UNKNOWN: React.FC<import("@react95/icons").BatProps>;
+    readonly FILE_FONT: React.FC<import("@react95/icons").FileFont2Props>;
+    readonly FILE_PEN: React.FC<import("@react95/icons").FilePenProps>;
+    readonly FILE_SETTINGS: React.FC<import("@react95/icons").FileSettingsProps>;
+    readonly FILE_TEXT_SETTINGS: React.FC<import("@react95/icons").FileTextSettingsProps>;
+    readonly FILE_EXECUTABLE: React.FC<import("@react95/icons").BatExecProps>;
+};
+export type NodeProps = {
+    label: string;
+    icon?: React.ReactElement;
+    id: number;
+    children?: Array<NodeProps>;
+    onClick?(event: React.MouseEvent | React.KeyboardEvent, props: NodeProps): void;
+} & Omit<FrameProps, 'id' | 'children'>;
+export type NodeRootProps = Omit<NodeProps, 'children'>;
+export declare const Node: React.FC<NodeProps>;
+export declare const NodeRoot: React.FC<NodeRootProps>;

package/types/index.d.ts

@@ -0,0 +1,25 @@
+import { Modal } from './Modal/Modal';
+import { ModalContext } from './Modal/ModalContext';
+import { ModalProvider } from './Modal/ModalProvider';
+import { Tabs } from './Tabs/Tabs';
+import { Tab } from './Tabs/Tab';
+import { Alert } from './Alert/Alert';
+import { Avatar } from './Avatar/Avatar';
+import { Button } from './Button/Button';
+import { Checkbox } from './Checkbox/Checkbox';
+import { Cursor } from './Cursor/Cursor.css';
+import { Dropdown } from './Dropdown/Dropdown';
+import { Fieldset } from './Fieldset/Fieldset';
+import { Frame } from './Frame/Frame';
+import { Input } from './Input/Input';
+import { List } from './List/List';
+import { ProgressBar } from './ProgressBar/ProgressBar';
+import { RadioButton } from './RadioButton/RadioButton';
+import { Range } from './Range/Range';
+import { TaskBar } from './TaskBar/TaskBar';
+import { TextArea } from './TextArea/TextArea';
+import { Tree } from './Tree/Tree';
+import { Tooltip } from './Tooltip/Tooltip';
+import { TitleBar } from './TitleBar/TitleBar';
+import { Video } from './Video/Video';
+export { Alert, Avatar, Button, Checkbox, Cursor, Dropdown, Fieldset, Frame, Input, List, Modal, ModalContext, ModalProvider, ProgressBar, RadioButton, Range, Tab, Tabs, TaskBar, TextArea, Tree, Tooltip, TitleBar, Video, };

package/types/themes/all.d.ts

@@ -0,0 +1,36 @@
+import * as azureOrange from './azureOrange.css';
+import * as bee from './bee.css';
+import * as blackAndWhite from './blackAndWhite.css';
+import * as brick from './brick.css';
+import * as candy from './candy.css';
+import * as coldGray from './coldGray.css';
+import * as counterStrike from './counterStrike.css';
+import * as eggplant from './eggplant.css';
+import * as highContrast from './highContrast.css';
+import * as lilac from './lilac.css';
+import * as lilacRoseDark from './lilacRoseDark.css';
+import * as maple from './maple.css';
+import * as marine from './marine.css';
+import * as matrix from './matrix.css';
+import * as millenium from './millenium.css';
+import * as modernDark from './modernDark.css';
+import * as molecule from './molecule.css';
+import * as ninjaTurtles from './ninjaTurtles.css';
+import * as olive from './olive.css';
+import * as pamelaAnderson from './pamelaAnderson.css';
+import * as plum from './plum.css';
+import * as rainyDay from './rainyDay.css';
+import * as rose from './rose.css';
+import * as slate from './slate.css';
+import * as spruce from './spruce.css';
+import * as storm from './storm.css';
+import * as theSixtiesUSA from './theSixtiesUSA.css';
+import * as tokyoDark from './tokyoDark.css';
+import * as tooSexy from './tooSexy.css';
+import * as travel from './travel.css';
+import * as vaporTeal from './vaporTeal.css';
+import * as vermillion from './vermillion.css';
+import * as violetDark from './violetDark.css';
+import * as water from './water.css';
+import * as win95 from './win95.css';
+export { azureOrange, bee, blackAndWhite, brick, candy, coldGray, counterStrike, eggplant, highContrast, lilac, lilacRoseDark, maple, marine, matrix, millenium, modernDark, molecule, ninjaTurtles, olive, pamelaAnderson, plum, rainyDay, rose, slate, spruce, storm, theSixtiesUSA, tokyoDark, tooSexy, travel, vaporTeal, vermillion, violetDark, water, win95, };

package/types/themes/azureOrange.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/bee.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/blackAndWhite.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/brick.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/candy.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/coldGray.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/contract.css.d.ts

@@ -0,0 +1,116 @@
+export declare const zIndices: {
+    modal: string;
+    tooltip: string;
+    taskbar: string;
+};
+export declare const theme: {
+    space: {
+        '0': string;
+        '1': string;
+        '2': string;
+        '3': string;
+        '4': string;
+        '5': string;
+        '6': string;
+        '7': string;
+        '8': string;
+        '9': string;
+        '10': string;
+        '11': string;
+        '12': string;
+        '13': string;
+        '14': string;
+        '15': string;
+        '16': string;
+        '17': string;
+        '18': string;
+        '19': string;
+        '20': string;
+    };
+    colors: {
+        anchor: string;
+        anchorVisited: string;
+        borderDark: string;
+        borderDarkest: string;
+        borderLight: string;
+        borderLighter: string;
+        borderLightest: string;
+        canvas: string;
+        canvasText: string;
+        headerBackground: string;
+        headerNotActiveBackground: string;
+        headerNotActiveText: string;
+        headerText: string;
+        material: string;
+        materialText: string;
+        materialTextDisabled: string;
+        materialTextDisabledShadow: string;
+        materialTextInvert: string;
+        progress: string;
+        inputBackground: string;
+        inputBackgroundDisabled: string;
+    };
+    zIndices: {
+        modal: string;
+        tooltip: string;
+        taskbar: string;
+    };
+};
+export declare const contract: {
+    space: {
+        '0': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '1': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '2': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '3': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '4': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '5': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '6': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '7': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '8': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '9': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '10': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '11': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '13': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '14': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '15': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '16': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '17': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '18': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '19': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        '20': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    colors: {
+        anchor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        anchorVisited: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderDarkest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        borderLightest: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        canvas: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        canvasText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerNotActiveBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerNotActiveText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        headerText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        material: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialText: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextDisabledShadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        materialTextInvert: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        progress: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackground: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        inputBackgroundDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    zIndices: {
+        modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        taskbar: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+    shadows: {
+        out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        input: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    };
+};

package/types/themes/counterStrike.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/eggplant.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/highContrast.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/lilac.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/lilacRoseDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/maple.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/marine.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/matrix.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/millenium.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/modernDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/molecule.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/ninjaTurtles.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/olive.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/pamelaAnderson.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/plum.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/rainyDay.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/rose.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/slate.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/spruce.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/storm.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/theSixtiesUSA.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/tokyoDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/tooSexy.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/travel.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/vaporTeal.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/vermillion.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/violetDark.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/water.css.d.ts

@@ -0,0 +1 @@
+export {};

package/types/themes/win95.css.d.ts

@@ -0,0 +1 @@
+export {};

package/@types/Alert/index.d.ts

@@ -1,2 +0,0 @@
-import { Alert } from './Alert';
-export default Alert;

package/@types/Avatar/index.d.ts

@@ -1,2 +0,0 @@
-import { Avatar } from './Avatar';
-export default Avatar;

package/@types/Button/index.d.ts

@@ -1,2 +0,0 @@
-import { Button } from './Button';
-export default Button;

package/@types/Checkbox/index.d.ts

@@ -1,2 +0,0 @@
-import { Checkbox } from './Checkbox';
-export default Checkbox;

package/@types/Cursor/index.d.ts

@@ -1,2 +0,0 @@
-import { Cursor } from './Cursor.css';
-export default Cursor;

package/@types/Dropdown/index.d.ts

@@ -1,2 +0,0 @@
-import { Dropdown } from './Dropdown';
-export default Dropdown;

package/@types/Fieldset/index.d.ts

@@ -1,2 +0,0 @@
-import { Fieldset } from './Fieldset';
-export default Fieldset;