atom.io 0.32.3 → 0.33.0

package/react-devtools/dist/index.css

@@ -1,309 +0,0 @@
-/* react-devtools/src/devtools.scss */
-main[data-css=atom_io_devtools] {
-  --fg-color: #eee;
-  --bg-color: #111;
-  --bg-tint1: #222;
-  --fg-border: 1px solid var(--fg-color);
-  @media (prefers-color-scheme: light) {
-    --fg-color: #444;
-    --bg-color: #ddd;
-    --bg-tint1: #e3e3e3;
-  }
-  & {
-    box-sizing: border-box;
-    color: var(--fg-color);
-    background-color: var(--bg-color);
-    border: 2px solid var(--fg-color);
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    height: 100%;
-    display: flex;
-    flex-flow: column;
-    max-height: 800px;
-    width: 100%;
-    max-width: 500px;
-    overflow-y: scroll;
-  }
-  * {
-    font-size: 16px;
-    font-family: theia, monospace;
-  }
-  > header {
-    padding: 5px;
-    padding-left: 10px;
-    padding-bottom: 0;
-    display: flex;
-    justify-content: space-between;
-    h1 {
-      font-size: inherit;
-      margin: 0;
-      font-size: 24px;
-      font-family: charter;
-    }
-    nav {
-      display: flex;
-      flex-flow: row nowrap;
-      button {
-        cursor: pointer;
-        background: none;
-        border: none;
-        padding: none;
-        margin-bottom: -2px;
-        z-index: 1000;
-        &:disabled {
-          cursor: default;
-          background-color: var(--bg-tint1);
-          color: var(--fg-color);
-          border: var(--fg-border);
-          border-bottom: none;
-        }
-      }
-    }
-  }
-  > main {
-    background: var(--bg-tint1);
-  }
-  main {
-    overflow-y: scroll;
-    flex-grow: 1;
-    display: flex;
-    flex-flow: column;
-    gap: 0;
-    article.index {
-      .node .node {
-        border-right: var(--fg-border);
-        padding-right: 0;
-        background: #fff3;
-      }
-      .node > .node {
-        margin: 5px 0;
-        margin-left: 12px;
-        border-left: var(--fg-border);
-      }
-      .node {
-        border-top: var(--fg-border);
-        overflow-x: scroll;
-        padding: 5px;
-        &:last-of-type {
-          border-bottom: var(--fg-border);
-        }
-        &.transaction_update {
-          padding: 0;
-        }
-        header {
-          display: flex;
-          flex-flow: row;
-          gap: 5px;
-          position: sticky;
-          z-index: 999;
-          top: 0;
-          button.carat {
-            cursor: pointer;
-            background: none;
-            border: none;
-            width: 20px;
-            &.open {
-              transform: rotate(90deg);
-            }
-            &:disabled {
-              cursor: default;
-            }
-          }
-          > main {
-            display: flex;
-            flex-flow: row;
-            gap: 5px;
-            cursor: help;
-            h2 {
-              display: inline-block;
-              margin: 0;
-            }
-            .detail {
-              color: #777;
-              @media (prefers-color-scheme: light) {
-                color: #999;
-              }
-            }
-          }
-        }
-        main {
-          margin-left: 15px;
-        }
-      }
-      section.transaction_log {
-        margin-top: 0;
-        main {
-          display: flex;
-          flex-flow: row wrap;
-          gap: 5px;
-          .transaction_update {
-            width: 100%;
-            display: flex;
-            flex-flow: row;
-            align-items: flex-start;
-            justify-content: flex-start;
-            justify-items: flex-start;
-            align-content: flex-start;
-            border-left: var(--fg-border);
-            border-top: var(--fg-border);
-            header {
-              padding: 5px;
-              h4 {
-                margin: 0;
-                padding: 0;
-                font-size: inherit;
-              }
-            }
-            main {
-              margin-left: 0;
-              display: flex;
-              flex-flow: column;
-              gap: 0px;
-              border-left: 1px solid #333;
-              section ~ section {
-                border-top: 1px solid #333;
-              }
-              section {
-                padding: 5px;
-                &.transaction_output {
-                  border-right: none;
-                }
-                &.transaction_impact {
-                  padding: 5px;
-                }
-                margin: 0;
-                article {
-                  border-left: var(--fg-border);
-                  border-right: var(--fg-border);
-                  .summary {
-                    white-space: nowrap;
-                  }
-                }
-              }
-            }
-          }
-        }
-      }
-      section.timeline_log {
-        header {
-          display: flex;
-          > main {
-            display: flex;
-            width: 100%;
-            flex-grow: 1;
-            .gap {
-              flex-grow: 1;
-            }
-            nav {
-              display: flex;
-              flex-flow: row nowrap;
-              gap: 5px;
-            }
-          }
-        }
-        .timeline_update {
-          padding: 5px;
-          border-left: var(--fg-border);
-          h4 {
-            margin: 0;
-            padding: 0;
-            font-size: inherit;
-          }
-          main {
-            margin: 0;
-            .node.atom_update {
-              border-left: var(--fg-border);
-            }
-          }
-        }
-        .you_are_here {
-          background: var(--fg-color);
-          color: var(--bg-color);
-          text-align: center;
-        }
-      }
-    }
-  }
-  footer {
-    display: flex;
-    justify-content: flex-end;
-    button {
-      cursor: pointer;
-      background: none;
-      border: none;
-      padding: none;
-      position: absolute;
-      right: 0;
-      bottom: 0;
-    }
-  }
-  .json_editor {
-    input {
-      font-family: theia;
-      border: none;
-      border-bottom: 1px solid;
-      background: none;
-      &:disabled {
-        border: none;
-      }
-    }
-    button {
-      background: none;
-      margin-left: auto;
-      color: #777;
-      border: none;
-      font-family: theia;
-      font-size: 14px;
-      margin: none;
-      padding: 4px;
-      padding-bottom: 6px;
-      cursor: pointer;
-      &:hover {
-        color: #333;
-        background-color: #aaa;
-      }
-    }
-    select {
-      font-family: theia;
-      font-size: 14px;
-      background: none;
-      border: none;
-      color: #777;
-      @media (prefers-color-scheme: light) {
-        color: #999;
-      }
-    }
-    .json_editor_unofficial {
-      background-color: #777;
-      button {
-        color: #333;
-      }
-    }
-    .json_editor_missing {
-      background-color: #f055;
-    }
-    .json_editor_key {
-      padding-right: 10px;
-      input {
-        color: #999;
-        @media (prefers-color-scheme: light) {
-          color: #777;
-        }
-      }
-    }
-    .json_editor_object {
-      border-left: 2px solid #333;
-      padding-left: 20px;
-      @media (prefers-color-scheme: light) {
-        border-color: #ccc;
-      }
-      .json_editor_properties {
-        > * {
-          border-bottom: var(--fg-border);
-          margin-bottom: 2px;
-        }
-      }
-    }
-  }
-}

package/react-devtools/dist/index.d.ts

@@ -1,160 +0,0 @@
-import { DetailedHTMLProps, InputHTMLAttributes, ForwardRefExoticComponent, FC, ErrorInfo, ReactNode, Component, CSSProperties, ReactElement } from 'react';
-import { JsonTypes, Json } from 'atom.io/json';
-
-declare const AtomIODevtools: React.FC;
-
-type ElasticInputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
-    widthPadding?: number;
-};
-declare const ElasticInput: ForwardRefExoticComponent<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> & {
-    widthPadding?: number;
-}>;
-
-declare function clampInto(min: number, max: number): (value: number) => number;
-declare const VALID_NON_NUMBERS: readonly ["", "-", ".", "-."];
-type ValidNonNumber = (typeof VALID_NON_NUMBERS)[number];
-declare const isValidNonNumber: (input: string) => input is ValidNonNumber;
-declare const VALID_NON_NUMBER_INTERPRETATIONS: Readonly<Record<ValidNonNumber, number | null>>;
-type DecimalInProgress = `${number | ``}.${number}`;
-declare const isDecimalInProgress: (input: string) => input is DecimalInProgress;
-type NumberConstraints = {
-    max: number;
-    min: number;
-    decimalPlaces: number;
-    nullable: boolean;
-};
-declare const DEFAULT_NUMBER_CONSTRAINTS: NumberConstraints;
-type NumberInputProps = Partial<NumberConstraints> & {
-    autoSize?: boolean;
-    disabled?: boolean;
-    id?: string;
-    label?: string;
-    name?: string;
-    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    placeholder?: string;
-    set?: ((newValue: number | null) => void) | undefined;
-    testid?: string;
-    value?: number | null;
-};
-declare const NumberInput: FC<NumberInputProps>;
-
-type TextInputProps = {
-    value: string;
-    set?: ((value: string) => void) | undefined;
-    label?: string;
-    placeholder?: string;
-    autoSize?: boolean;
-    readOnly?: boolean;
-    testid?: string;
-};
-declare const TextInput: FC<TextInputProps>;
-
-type FallbackProps = {
-    error?: Error | string | undefined;
-    errorInfo?: ErrorInfo | undefined;
-};
-declare const DefaultFallback: FC<FallbackProps>;
-
-type ErrorBoundaryState = {
-    error?: Error | string;
-    errorInfo?: ErrorInfo;
-};
-type ErrorBoundaryProps = {
-    children: ReactNode;
-    onError?: ((error: Error | string, errorInfo: ErrorInfo) => void) | undefined;
-    Fallback?: FC<FallbackProps> | undefined;
-    useResetErrorState?: () => () => void;
-    useErrorState?: () => [
-        ErrorBoundaryState,
-        (newState: ErrorBoundaryState | ((currState: ErrorBoundaryState) => ErrorBoundaryState)) => void
-    ];
-};
-declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): ReactNode;
-}
-
-type Dict<T> = Record<string, T>;
-type WrapperComponent<T extends Dict<unknown> = Dict<unknown>> = FC<T & {
-    children: ReactNode;
-    testid?: string | undefined;
-}>;
-type WC<T extends Dict<unknown> = Dict<unknown>> = WrapperComponent<T>;
-type JsonEditorComponents = {
-    ErrorBoundary: WC;
-    Button: WC<{
-        onClick?: () => void;
-        disabled?: boolean;
-    }>;
-    DeleteIcon: FC;
-    EditorWrapper: WC<{
-        style?: CSSProperties | undefined;
-        className?: string | undefined;
-        testid?: string | undefined;
-    }>;
-    ArrayWrapper: WC;
-    ObjectWrapper: WC;
-    StringWrapper: WC;
-    NumberWrapper: WC;
-    BooleanWrapper: WC;
-    Null: FC<{
-        testid?: string | undefined;
-    }>;
-    MissingPropertyWrapper: WC;
-    KeyWrapper: WC;
-};
-declare const DEFAULT_JSON_EDITOR_COMPONENTS: JsonEditorComponents;
-
-type JsonEditorProps_INTERNAL<T> = {
-    data: T;
-    set: SetterOrUpdater<T>;
-    name?: string | undefined;
-    rename?: ((newKey: string) => void) | undefined;
-    remove?: (() => void) | undefined;
-    recast?: (newType: keyof JsonTypes) => void;
-    path?: ReadonlyArray<number | string>;
-    isReadonly?: (path: ReadonlyArray<number | string>) => boolean;
-    isHidden?: (path: ReadonlyArray<number | string>) => boolean;
-    className?: string | undefined;
-    style?: CSSProperties | undefined;
-    Header?: FC<{
-        data: T;
-    }> | undefined;
-    Components: JsonEditorComponents;
-    testid?: string | undefined;
-};
-
-type JsonEditorProps<T> = {
-    data: T;
-    set: (valOrUpdater: T | ((currVal: T) => T)) => void;
-    name?: string | undefined;
-    rename?: ((newKey: string) => void) | undefined;
-    remove?: () => void;
-    path?: ReadonlyArray<number | string>;
-    isReadonly?: (path: ReadonlyArray<number | string>) => boolean;
-    isHidden?: (path: ReadonlyArray<number | string>) => boolean;
-    className?: string;
-    style?: CSSProperties;
-    Header?: FC<{
-        data: T;
-    }>;
-    Components?: Partial<JsonEditorComponents>;
-    testid?: string;
-};
-declare const JsonEditor: <T>({ data, set, name, rename, remove, isReadonly, isHidden, className, Header, style, Components: CustomComponents, testid, }: JsonEditorProps<T>) => ReactElement;
-
-declare const castToJson: (input: unknown) => {
-    array: Json.Tree.Array;
-    boolean: boolean;
-    number: number;
-    object: Json.Tree.Object;
-    string: string;
-    null: null;
-};
-
-type SetterOrUpdater<T> = <New extends T>(next: New | ((old: T) => New)) => void;
-declare const SubEditors: Record<keyof JsonTypes, FC<JsonEditorProps_INTERNAL<any>>>;
-
-export { AtomIODevtools, DEFAULT_JSON_EDITOR_COMPONENTS, DEFAULT_NUMBER_CONSTRAINTS, type DecimalInProgress, DefaultFallback, type Dict, ElasticInput, type ElasticInputProps, ErrorBoundary, type ErrorBoundaryProps, type ErrorBoundaryState, type FallbackProps, JsonEditor, type JsonEditorComponents, type JsonEditorProps, type NumberConstraints, NumberInput, type SetterOrUpdater, SubEditors, TextInput, type TextInputProps, VALID_NON_NUMBERS, VALID_NON_NUMBER_INTERPRETATIONS, type ValidNonNumber, type WC, type WrapperComponent, castToJson, clampInto, isDecimalInProgress, isValidNonNumber };