tgui-core 1.0.2 → 1.0.4

package/{src/components → components}/Table.tsx

@@ -1,90 +1,90 @@
-/**
- * @file
- * @copyright 2020 Aleksej Komarov
- * @license MIT
- */
-
-import { classes } from '../common/react';
-
-import { BoxProps, computeBoxClassName, computeBoxProps } from './Box';
-
-type Props = Partial<{
-  /** Collapses table to the smallest possible size. */
-  collapsing: boolean;
-}> &
-  BoxProps;
-
-export function Table(props: Props) {
-  const { className, collapsing, children, ...rest } = props;
-
-  return (
-    <table
-      className={classes([
-        'Table',
-        collapsing && 'Table--collapsing',
-        className,
-        computeBoxClassName(rest),
-      ])}
-      {...computeBoxProps(rest)}
-    >
-      <tbody>{children}</tbody>
-    </table>
-  );
-}
-
-type RowProps = Partial<{
-  /** Whether this is a header cell. */
-  header: boolean;
-}> &
-  BoxProps;
-
-export function TableRow(props: RowProps) {
-  const { className, header, ...rest } = props;
-
-  return (
-    <tr
-      className={classes([
-        'Table__row',
-        header && 'Table__row--header',
-        className,
-        computeBoxClassName(props),
-      ])}
-      {...computeBoxProps(rest)}
-    />
-  );
-}
-
-Table.Row = TableRow;
-
-type CellProps = Partial<{
-  /** Collapses table cell to the smallest possible size,
-  and stops any text inside from wrapping. */
-  collapsing: boolean;
-  /** Additional columns for this cell to expand, assuming there is room. */
-  colSpan: number;
-  /** Whether this is a header cell. */
-  header: boolean;
-  /** Rows for this cell to expand, assuming there is room. */
-  rowSpan: number;
-}> &
-  BoxProps;
-
-export function TableCell(props: CellProps) {
-  const { className, collapsing, colSpan, header, ...rest } = props;
-
-  return (
-    <td
-      className={classes([
-        'Table__cell',
-        collapsing && 'Table__cell--collapsing',
-        header && 'Table__cell--header',
-        className,
-        computeBoxClassName(props),
-      ])}
-      colSpan={colSpan}
-      {...computeBoxProps(rest)}
-    />
-  );
-}
-
-Table.Cell = TableCell;
+/**
+ * @file
+ * @copyright 2020 Aleksej Komarov
+ * @license MIT
+ */
+
+import { classes } from '../common/react';
+
+import { BoxProps, computeBoxClassName, computeBoxProps } from './Box';
+
+type Props = Partial<{
+  /** Collapses table to the smallest possible size. */
+  collapsing: boolean;
+}> &
+  BoxProps;
+
+export function Table(props: Props) {
+  const { className, collapsing, children, ...rest } = props;
+
+  return (
+    <table
+      className={classes([
+        'Table',
+        collapsing && 'Table--collapsing',
+        className,
+        computeBoxClassName(rest),
+      ])}
+      {...computeBoxProps(rest)}
+    >
+      <tbody>{children}</tbody>
+    </table>
+  );
+}
+
+type RowProps = Partial<{
+  /** Whether this is a header cell. */
+  header: boolean;
+}> &
+  BoxProps;
+
+export function TableRow(props: RowProps) {
+  const { className, header, ...rest } = props;
+
+  return (
+    <tr
+      className={classes([
+        'Table__row',
+        header && 'Table__row--header',
+        className,
+        computeBoxClassName(props),
+      ])}
+      {...computeBoxProps(rest)}
+    />
+  );
+}
+
+Table.Row = TableRow;
+
+type CellProps = Partial<{
+  /** Collapses table cell to the smallest possible size,
+  and stops any text inside from wrapping. */
+  collapsing: boolean;
+  /** Additional columns for this cell to expand, assuming there is room. */
+  colSpan: number;
+  /** Whether this is a header cell. */
+  header: boolean;
+  /** Rows for this cell to expand, assuming there is room. */
+  rowSpan: number;
+}> &
+  BoxProps;
+
+export function TableCell(props: CellProps) {
+  const { className, collapsing, colSpan, header, ...rest } = props;
+
+  return (
+    <td
+      className={classes([
+        'Table__cell',
+        collapsing && 'Table__cell--collapsing',
+        header && 'Table__cell--header',
+        className,
+        computeBoxClassName(props),
+      ])}
+      colSpan={colSpan}
+      {...computeBoxProps(rest)}
+    />
+  );
+}
+
+Table.Cell = TableCell;

package/{src/components → components}/Tabs.tsx

@@ -1,90 +1,90 @@
-/**
- * @file
- * @copyright 2020 Aleksej Komarov
- * @license MIT
- */
-
-import { canRender, classes } from '../common/react';
-import { PropsWithChildren, ReactNode } from 'react';
-
-import { BoxProps, computeBoxClassName, computeBoxProps } from './Box';
-import { Icon } from './Icon';
-
-type Props = Partial<{
-  className: string;
-  fill: boolean;
-  fluid: boolean;
-  vertical: boolean;
-}> &
-  BoxProps &
-  PropsWithChildren;
-
-type TabProps = Partial<{
-  className: string;
-  color: string;
-  icon: string;
-  leftSlot: ReactNode;
-  onClick: (e?) => void;
-  rightSlot: ReactNode;
-  selected: boolean;
-}> &
-  BoxProps &
-  PropsWithChildren;
-
-export const Tabs = (props: Props) => {
-  const { className, vertical, fill, fluid, children, ...rest } = props;
-
-  return (
-    <div
-      className={classes([
-        'Tabs',
-        vertical ? 'Tabs--vertical' : 'Tabs--horizontal',
-        fill && 'Tabs--fill',
-        fluid && 'Tabs--fluid',
-        className,
-        computeBoxClassName(rest),
-      ])}
-      {...computeBoxProps(rest)}
-    >
-      {children}
-    </div>
-  );
-};
-
-const Tab = (props: TabProps) => {
-  const {
-    className,
-    selected,
-    color,
-    icon,
-    leftSlot,
-    rightSlot,
-    children,
-    ...rest
-  } = props;
-
-  return (
-    <div
-      className={classes([
-        'Tab',
-        'Tabs__Tab',
-        'Tab--color--' + color,
-        selected && 'Tab--selected',
-        className,
-        computeBoxClassName(rest),
-      ])}
-      {...computeBoxProps(rest)}
-    >
-      {(canRender(leftSlot) && <div className="Tab__left">{leftSlot}</div>) ||
-        (!!icon && (
-          <div className="Tab__left">
-            <Icon name={icon} />
-          </div>
-        ))}
-      <div className="Tab__text">{children}</div>
-      {canRender(rightSlot) && <div className="Tab__right">{rightSlot}</div>}
-    </div>
-  );
-};
-
-Tabs.Tab = Tab;
+/**
+ * @file
+ * @copyright 2020 Aleksej Komarov
+ * @license MIT
+ */
+
+import { canRender, classes } from '../common/react';
+import { PropsWithChildren, ReactNode } from 'react';
+
+import { BoxProps, computeBoxClassName, computeBoxProps } from './Box';
+import { Icon } from './Icon';
+
+type Props = Partial<{
+  className: string;
+  fill: boolean;
+  fluid: boolean;
+  vertical: boolean;
+}> &
+  BoxProps &
+  PropsWithChildren;
+
+type TabProps = Partial<{
+  className: string;
+  color: string;
+  icon: string;
+  leftSlot: ReactNode;
+  onClick: (e?) => void;
+  rightSlot: ReactNode;
+  selected: boolean;
+}> &
+  BoxProps &
+  PropsWithChildren;
+
+export const Tabs = (props: Props) => {
+  const { className, vertical, fill, fluid, children, ...rest } = props;
+
+  return (
+    <div
+      className={classes([
+        'Tabs',
+        vertical ? 'Tabs--vertical' : 'Tabs--horizontal',
+        fill && 'Tabs--fill',
+        fluid && 'Tabs--fluid',
+        className,
+        computeBoxClassName(rest),
+      ])}
+      {...computeBoxProps(rest)}
+    >
+      {children}
+    </div>
+  );
+};
+
+const Tab = (props: TabProps) => {
+  const {
+    className,
+    selected,
+    color,
+    icon,
+    leftSlot,
+    rightSlot,
+    children,
+    ...rest
+  } = props;
+
+  return (
+    <div
+      className={classes([
+        'Tab',
+        'Tabs__Tab',
+        'Tab--color--' + color,
+        selected && 'Tab--selected',
+        className,
+        computeBoxClassName(rest),
+      ])}
+      {...computeBoxProps(rest)}
+    >
+      {(canRender(leftSlot) && <div className="Tab__left">{leftSlot}</div>) ||
+        (!!icon && (
+          <div className="Tab__left">
+            <Icon name={icon} />
+          </div>
+        ))}
+      <div className="Tab__text">{children}</div>
+      {canRender(rightSlot) && <div className="Tab__right">{rightSlot}</div>}
+    </div>
+  );
+};
+
+Tabs.Tab = Tab;