tgui-core 1.0.2 → 1.0.4

package/{src/layouts → layouts}/NtosWindow.tsx

@@ -1,162 +1,162 @@
-/**
- * @file
- * @copyright 2020 Aleksej Komarov
- * @license MIT
- */
-
-import { BooleanLike } from '../common/react';
-
-import { resolveAsset } from '../assets';
-import { useBackend } from '../backend';
-import { Box } from '../components/Box';
-import { Button } from '../components/Button';
-import { Window } from './Window';
-
-export type NTOSData = {
-  authenticatedUser: string | null;
-  authIDName: string;
-  comp_light_color: string;
-  has_id: BooleanLike;
-  has_light: BooleanLike;
-  id_name: string;
-  light_on: BooleanLike;
-  login: Login;
-  pai: string | null;
-  PC_batteryicon: string | null;
-  PC_batterypercent: string | null;
-  PC_device_theme: string;
-  PC_lowpower_mode: BooleanLike;
-  PC_ntneticon: string;
-  PC_programheaders: Program[];
-  PC_showexitprogram: BooleanLike;
-  PC_stationdate: string;
-  PC_stationtime: string;
-  programs: Program[];
-  proposed_login: Login;
-  removable_media: string[];
-  show_imprint: BooleanLike;
-};
-
-type Program = {
-  alert: BooleanLike;
-  desc: string;
-  header_program: BooleanLike;
-  icon: string;
-  name: string;
-  running: BooleanLike;
-};
-
-type Login = {
-  IDInserted?: BooleanLike;
-  IDJob: string | null;
-  IDName: string | null;
-};
-
-export const NtosWindow = (props) => {
-  const { title, width = 575, height = 700, children } = props;
-  const { act, data } = useBackend<NTOSData>();
-  const {
-    PC_device_theme,
-    PC_batteryicon,
-    PC_batterypercent,
-    PC_ntneticon,
-    PC_stationdate,
-    PC_stationtime,
-    PC_programheaders = [],
-    PC_showexitprogram,
-    PC_lowpower_mode,
-  } = data;
-
-  return (
-    <Window title={title} width={width} height={height} theme={PC_device_theme}>
-      <div className="NtosWindow">
-        <div className="NtosWindow__header NtosHeader">
-          <div className="NtosHeader__left">
-            <Box inline bold mr={2}>
-              <Button
-                width="26px"
-                lineHeight="22px"
-                textAlign="left"
-                tooltip={PC_stationdate}
-                color="transparent"
-                icon="calendar"
-                tooltipPosition="bottom"
-              />
-              {PC_stationtime}
-            </Box>
-            <Box inline italic mr={2} opacity={0.33}>
-              {(PC_device_theme === 'syndicate' && 'Syndix') || 'NtOS'}
-              {!!PC_lowpower_mode && ' - RUNNING ON LOW POWER MODE'}
-            </Box>
-          </div>
-          <div className="NtosHeader__right">
-            {PC_programheaders.map((header) => (
-              <Box key={header.icon} inline mr={1}>
-                <img
-                  className="NtosHeader__icon"
-                  src={resolveAsset(header.icon)}
-                />
-              </Box>
-            ))}
-            <Box inline>
-              {PC_ntneticon && (
-                <img
-                  className="NtosHeader__icon"
-                  src={resolveAsset(PC_ntneticon)}
-                />
-              )}
-            </Box>
-            {!!PC_batteryicon && (
-              <Box inline mr={1}>
-                <img
-                  className="NtosHeader__icon"
-                  src={resolveAsset(PC_batteryicon)}
-                />
-                {PC_batterypercent}
-              </Box>
-            )}
-            {!!PC_showexitprogram && (
-              <Button
-                color="transparent"
-                icon="window-minimize-o"
-                tooltip="Minimize"
-                tooltipPosition="bottom"
-                onClick={() => act('PC_minimize')}
-              />
-            )}
-            {!!PC_showexitprogram && (
-              <Button
-                color="transparent"
-                icon="window-close-o"
-                tooltip="Close"
-                tooltipPosition="bottom-start"
-                onClick={() => act('PC_exit')}
-              />
-            )}
-            {!PC_showexitprogram && (
-              <Button
-                textAlign="center"
-                color="transparent"
-                icon="power-off"
-                tooltip="Power off"
-                tooltipPosition="bottom-start"
-                onClick={() => act('PC_shutdown')}
-              />
-            )}
-          </div>
-        </div>
-        {children}
-      </div>
-    </Window>
-  );
-};
-
-const NtosWindowContent = (props) => {
-  return (
-    <div className="NtosWindow__content">
-      <Window.Content {...props} />
-    </div>
-  );
-};
-
-NtosWindow.Content = NtosWindowContent;
+/**
+ * @file
+ * @copyright 2020 Aleksej Komarov
+ * @license MIT
+ */
+
+import { BooleanLike } from '../common/react';
+
+import { resolveAsset } from '../src/assets';
+import { useBackend } from '../src/backend';
+import { Box } from '../components/Box';
+import { Button } from '../components/Button';
+import { Window } from './Window';
+
+export type NTOSData = {
+  authenticatedUser: string | null;
+  authIDName: string;
+  comp_light_color: string;
+  has_id: BooleanLike;
+  has_light: BooleanLike;
+  id_name: string;
+  light_on: BooleanLike;
+  login: Login;
+  pai: string | null;
+  PC_batteryicon: string | null;
+  PC_batterypercent: string | null;
+  PC_device_theme: string;
+  PC_lowpower_mode: BooleanLike;
+  PC_ntneticon: string;
+  PC_programheaders: Program[];
+  PC_showexitprogram: BooleanLike;
+  PC_stationdate: string;
+  PC_stationtime: string;
+  programs: Program[];
+  proposed_login: Login;
+  removable_media: string[];
+  show_imprint: BooleanLike;
+};
+
+type Program = {
+  alert: BooleanLike;
+  desc: string;
+  header_program: BooleanLike;
+  icon: string;
+  name: string;
+  running: BooleanLike;
+};
+
+type Login = {
+  IDInserted?: BooleanLike;
+  IDJob: string | null;
+  IDName: string | null;
+};
+
+export const NtosWindow = (props) => {
+  const { title, width = 575, height = 700, children } = props;
+  const { act, data } = useBackend<NTOSData>();
+  const {
+    PC_device_theme,
+    PC_batteryicon,
+    PC_batterypercent,
+    PC_ntneticon,
+    PC_stationdate,
+    PC_stationtime,
+    PC_programheaders = [],
+    PC_showexitprogram,
+    PC_lowpower_mode,
+  } = data;
+
+  return (
+    <Window title={title} width={width} height={height} theme={PC_device_theme}>
+      <div className="NtosWindow">
+        <div className="NtosWindow__header NtosHeader">
+          <div className="NtosHeader__left">
+            <Box inline bold mr={2}>
+              <Button
+                width="26px"
+                lineHeight="22px"
+                textAlign="left"
+                tooltip={PC_stationdate}
+                color="transparent"
+                icon="calendar"
+                tooltipPosition="bottom"
+              />
+              {PC_stationtime}
+            </Box>
+            <Box inline italic mr={2} opacity={0.33}>
+              {(PC_device_theme === 'syndicate' && 'Syndix') || 'NtOS'}
+              {!!PC_lowpower_mode && ' - RUNNING ON LOW POWER MODE'}
+            </Box>
+          </div>
+          <div className="NtosHeader__right">
+            {PC_programheaders.map((header) => (
+              <Box key={header.icon} inline mr={1}>
+                <img
+                  className="NtosHeader__icon"
+                  src={resolveAsset(header.icon)}
+                />
+              </Box>
+            ))}
+            <Box inline>
+              {PC_ntneticon && (
+                <img
+                  className="NtosHeader__icon"
+                  src={resolveAsset(PC_ntneticon)}
+                />
+              )}
+            </Box>
+            {!!PC_batteryicon && (
+              <Box inline mr={1}>
+                <img
+                  className="NtosHeader__icon"
+                  src={resolveAsset(PC_batteryicon)}
+                />
+                {PC_batterypercent}
+              </Box>
+            )}
+            {!!PC_showexitprogram && (
+              <Button
+                color="transparent"
+                icon="window-minimize-o"
+                tooltip="Minimize"
+                tooltipPosition="bottom"
+                onClick={() => act('PC_minimize')}
+              />
+            )}
+            {!!PC_showexitprogram && (
+              <Button
+                color="transparent"
+                icon="window-close-o"
+                tooltip="Close"
+                tooltipPosition="bottom-start"
+                onClick={() => act('PC_exit')}
+              />
+            )}
+            {!PC_showexitprogram && (
+              <Button
+                textAlign="center"
+                color="transparent"
+                icon="power-off"
+                tooltip="Power off"
+                tooltipPosition="bottom-start"
+                onClick={() => act('PC_shutdown')}
+              />
+            )}
+          </div>
+        </div>
+        {children}
+      </div>
+    </Window>
+  );
+};
+
+const NtosWindowContent = (props) => {
+  return (
+    <div className="NtosWindow__content">
+      <Window.Content {...props} />
+    </div>
+  );
+};
+
+NtosWindow.Content = NtosWindowContent;

package/{src/layouts → layouts}/Pane.tsx

@@ -1,56 +1,56 @@
-/**
- * @file
- * @copyright 2020 Aleksej Komarov
- * @license MIT
- */
-
-import { classes } from '../common/react';
-
-import { useBackend } from '../backend';
-import { Box, BoxProps } from '../components/Box';
-import { useDebug } from '../debug';
-import { Layout } from './Layout';
-
-type Props = Partial<{
-  theme: string;
-}> &
-  BoxProps;
-
-export function Pane(props: Props) {
-  const { theme, children, className, ...rest } = props;
-  const { suspended } = useBackend();
-  const { debugLayout = false } = useDebug();
-
-  return (
-    <Layout className={classes(['Window', className])} theme={theme} {...rest}>
-      <Box fillPositionedParent className={debugLayout && 'debug-layout'}>
-        {!suspended && children}
-      </Box>
-    </Layout>
-  );
-}
-
-type ContentProps = Partial<{
-  fitted: boolean;
-  scrollable: boolean;
-}> &
-  BoxProps;
-
-function PaneContent(props: ContentProps) {
-  const { className, fitted, children, ...rest } = props;
-
-  return (
-    <Layout.Content
-      className={classes(['Window__content', className])}
-      {...rest}
-    >
-      {fitted ? (
-        children
-      ) : (
-        <div className="Window__contentPadding">{children}</div>
-      )}
-    </Layout.Content>
-  );
-}
-
-Pane.Content = PaneContent;
+/**
+ * @file
+ * @copyright 2020 Aleksej Komarov
+ * @license MIT
+ */
+
+import { classes } from '../common/react';
+
+import { useBackend } from '../src/backend';
+import { Box, BoxProps } from '../components/Box';
+import { useDebug } from '../debug';
+import { Layout } from './Layout';
+
+type Props = Partial<{
+  theme: string;
+}> &
+  BoxProps;
+
+export function Pane(props: Props) {
+  const { theme, children, className, ...rest } = props;
+  const { suspended } = useBackend();
+  const { debugLayout = false } = useDebug();
+
+  return (
+    <Layout className={classes(['Window', className])} theme={theme} {...rest}>
+      <Box fillPositionedParent className={debugLayout && 'debug-layout'}>
+        {!suspended && children}
+      </Box>
+    </Layout>
+  );
+}
+
+type ContentProps = Partial<{
+  fitted: boolean;
+  scrollable: boolean;
+}> &
+  BoxProps;
+
+function PaneContent(props: ContentProps) {
+  const { className, fitted, children, ...rest } = props;
+
+  return (
+    <Layout.Content
+      className={classes(['Window__content', className])}
+      {...rest}
+    >
+      {fitted ? (
+        children
+      ) : (
+        <div className="Window__contentPadding">{children}</div>
+      )}
+    </Layout.Content>
+  );
+}
+
+Pane.Content = PaneContent;