@deck.gl-community/widgets 9.3.1-alpha.0 → 9.3.1

package/src/lib/settings/settings.ts

@@ -1,17 +1,42 @@
-import type {
-  SettingsWidgetOption,
-  SettingsWidgetSchema,
-  SettingsWidgetSectionDescriptor,
-  SettingsWidgetSettingDescriptor,
-  SettingsWidgetState,
-  SettingsWidgetValue
-} from '../../widgets/settings-widget';
-
-export type SettingValue = SettingsWidgetValue;
-export type SettingDescriptor = SettingsWidgetSettingDescriptor;
-export type SettingsSectionDescriptor = SettingsWidgetSectionDescriptor;
-export type SettingsSchema = SettingsWidgetSchema;
-export type SettingsState = SettingsWidgetState;
+export type SettingValue = boolean | number | string;
+
+export type SettingsOption =
+  | SettingValue
+  | {
+      label: string;
+      value: SettingValue;
+    };
+
+export type SettingDescriptor = {
+  /** Path in the settings object (dot notation supported). */
+  name: string;
+  /** Human-friendly label shown in the control list. Defaults to `name`. */
+  label?: string;
+  description?: string;
+  type: 'boolean' | 'number' | 'string' | 'select';
+  min?: number;
+  max?: number;
+  step?: number;
+  options?: SettingsOption[];
+  defaultValue?: SettingValue;
+};
+
+export type SettingsSectionDescriptor = {
+  /** Optional stable id for preserving collapse state across re-renders. */
+  id?: string;
+  name: string;
+  description?: string;
+  /** Whether this section starts collapsed when first seen. Defaults to true. */
+  initiallyCollapsed?: boolean;
+  settings: SettingDescriptor[];
+};
+
+export type SettingsSchema = {
+  title?: string;
+  sections: SettingsSectionDescriptor[];
+};
+
+export type SettingsState = Record<string, unknown>;
 
 export function clamp(value: number, min?: number, max?: number): number {
   let clamped = value;
@@ -70,7 +95,7 @@ export function buildInitialCollapsedState(
   }, {});
 }
 
-export function normalizeOption(option: SettingsWidgetOption): {
+export function normalizeOption(option: SettingsOption): {
   label: string;
   value: SettingValue;
 } {

package/src/widget-panels/keyboard-shortcuts-widget.tsx

@@ -1,21 +1,11 @@
 /** @jsxImportSource preact */
-import {Widget} from '@deck.gl/core';
-import {render} from 'preact';
 
-import {DEFAULT_SHORTCUTS, formatKey} from '../keyboard-shortcuts/keyboard-shortcuts';
-import {KeyboardShortcutsManager} from '../keyboard-shortcuts/keyboard-shortcuts-manager';
+import {formatKey} from '../keyboard-shortcuts/keyboard-shortcuts';
 
 import type {KeyboardShortcut} from '../keyboard-shortcuts/keyboard-shortcuts';
 import type {WidgetPanel, WidgetPanelTheme} from './widget-containers';
-import type {WidgetPlacement, WidgetProps} from '@deck.gl/core';
 import type {JSX} from 'preact';
 
-export type KeyboardShortcutsWidgetProps = WidgetProps & {
-  placement?: WidgetPlacement;
-  keyboardShortcuts: KeyboardShortcut[];
-  installShortcuts?: boolean;
-};
-
 export type KeyboardShortcutsPanelProps = {
   /** Optional list of keyboard shortcuts to render in the panel. */
   keyboardShortcuts?: KeyboardShortcut[];
@@ -38,156 +28,6 @@ export class KeyboardShortcutsPanel implements WidgetPanel {
   }
 }
 
-export class KeyboardShortcutsWidget extends Widget<KeyboardShortcutsWidgetProps> {
-  static override defaultProps = {
-    ...Widget.defaultProps,
-    id: 'keyboard-bindings',
-    placement: 'top-left',
-    keyboardShortcuts: []
-  } satisfies Required<WidgetProps> &
-    Required<Pick<KeyboardShortcutsWidgetProps, 'placement' | 'keyboardShortcuts'>> &
-    KeyboardShortcutsWidgetProps;
-
-  className = 'deck-widget-keyboard-bindings';
-  placement: WidgetPlacement = KeyboardShortcutsWidget.defaultProps.placement;
-
-  #isOpen = false;
-  #rootElement: HTMLElement | null = null;
-  #keyboardShortcuts: KeyboardShortcut[] = KeyboardShortcutsWidget.defaultProps.keyboardShortcuts;
-  #keyboardShortcutsManager: KeyboardShortcutsManager | null = null;
-
-  constructor(props: KeyboardShortcutsWidgetProps) {
-    super({...KeyboardShortcutsWidget.defaultProps, ...props});
-    this.#keyboardShortcuts = props.keyboardShortcuts;
-    if (props.placement !== undefined) {
-      this.placement = props.placement;
-    }
-  }
-
-  override setProps(props: Partial<KeyboardShortcutsWidgetProps>): void {
-    if (props.keyboardShortcuts !== undefined) {
-      this.#keyboardShortcuts = props.keyboardShortcuts;
-      this.#restartKeyboardShortcutsManager();
-      this.#renderRootElement();
-    }
-    if (props.installShortcuts !== undefined) {
-      this.#restartKeyboardShortcutsManager();
-    }
-    if (props.placement !== undefined) {
-      this.placement = props.placement;
-    }
-    super.setProps(props);
-  }
-
-  override onAdd(): void {
-    this.#restartKeyboardShortcutsManager();
-  }
-
-  override onRenderHTML(rootElement: HTMLElement): void {
-    this.#rootElement = rootElement;
-
-    const className = ['deck-widget', this.className, this.props.className]
-      .filter(Boolean)
-      .join(' ');
-    rootElement.className = className;
-
-    this.#renderRootElement();
-  }
-
-  override onRemove(): void {
-    if (this.#rootElement) {
-      render(null, this.#rootElement);
-    }
-    if (this.#keyboardShortcutsManager) {
-      this.#keyboardShortcutsManager.stop();
-      this.#keyboardShortcutsManager = null;
-    }
-  }
-
-  #restartKeyboardShortcutsManager(): void {
-    if (this.#keyboardShortcutsManager) {
-      this.#keyboardShortcutsManager.stop();
-      this.#keyboardShortcutsManager = null;
-    }
-    // @ts-expect-error Accessing protected member 'eventManager'.
-    const eventManager = this.deck?.eventManager;
-    if (eventManager && this.props.installShortcuts) {
-      this.#keyboardShortcutsManager = new KeyboardShortcutsManager(
-        eventManager,
-        this.#getEffectiveKeyboardShortcuts()
-      );
-      this.#keyboardShortcutsManager.start();
-    }
-  }
-
-  #renderRootElement(): void {
-    if (!this.#rootElement) {
-      return;
-    }
-
-    render(
-      <KeyboardShortcutsWidgetView
-        isOpen={this.#isOpen}
-        keyboardShortcuts={this.#getEffectiveKeyboardShortcuts()}
-        onClose={this.#handleClose}
-        onOpen={this.#handleOpen}
-      />,
-      this.#rootElement
-    );
-  }
-
-  #getEffectiveKeyboardShortcuts(): KeyboardShortcut[] {
-    return [
-      ...DEFAULT_SHORTCUTS.map((shortcut) => ({
-        ...shortcut,
-        onKeyPress: this.#handleOpen
-      })),
-      ...this.#keyboardShortcuts
-    ];
-  }
-
-  #handleOpen = (): void => {
-    if (this.#isOpen) {
-      return;
-    }
-
-    this.#isOpen = true;
-    this.#renderRootElement();
-  };
-
-  #handleClose = (): void => {
-    if (!this.#isOpen) {
-      return;
-    }
-
-    this.#isOpen = false;
-    this.#renderRootElement();
-  };
-}
-
-const MODAL_BACKDROP_STYLE: JSX.CSSProperties = {
-  position: 'fixed',
-  inset: 0,
-  display: 'flex',
-  alignItems: 'center',
-  justifyContent: 'center',
-  backgroundColor: 'rgba(15, 23, 42, 0.28)',
-  pointerEvents: 'auto',
-  zIndex: 1000
-};
-
-const MODAL_STYLE: JSX.CSSProperties = {
-  width: 'min(640px, calc(100vw - 24px))',
-  maxHeight: 'min(520px, calc(100vh - 24px))',
-  borderRadius: '14px',
-  border: '1px solid rgba(148, 163, 184, 0.75)',
-  backgroundColor: 'rgba(255, 255, 255, 0.98)',
-  boxShadow: '0 14px 40px rgba(15, 23, 42, 0.28)',
-  display: 'flex',
-  flexDirection: 'column',
-  overflow: 'hidden'
-};
-
 const KEY_STYLE: JSX.CSSProperties = {
   borderRadius: '6px',
   border: '1px solid rgba(148, 163, 184, 0.85)',
@@ -197,7 +37,6 @@ const KEY_STYLE: JSX.CSSProperties = {
   color: 'var(--button-text, #0f172a)',
   whiteSpace: 'nowrap'
 };
-const ICON_COLOR = 'var(--button-icon-idle, var(--button-text, currentColor))';
 const SHORTCUT_BADGE_STYLE: JSX.CSSProperties = {
   display: 'inline-flex',
   alignItems: 'center',
@@ -250,91 +89,6 @@ const SHORTCUT_CHORD_STYLE: JSX.CSSProperties = {
   whiteSpace: 'nowrap'
 };
 
-function KeyboardShortcutsWidgetView({
-  isOpen,
-  keyboardShortcuts,
-  onClose,
-  onOpen
-}: {
-  isOpen: boolean;
-  keyboardShortcuts: KeyboardShortcut[];
-  onClose: () => void;
-  onOpen: () => void;
-}) {
-  return (
-    <>
-      <div className="deck-widget-button">
-        <button
-          className="deck-widget-icon-button"
-          style={{color: 'var(--button-text, currentColor)'}}
-          type="button"
-          title="Keyboard shortcuts"
-          aria-label="Keyboard shortcuts"
-          onClick={onOpen}
-        >
-          <span
-            style={{
-              fontSize: '12px',
-              fontWeight: 700,
-              color: ICON_COLOR
-            }}
-          >
-            <kbd
-              style={{
-                color: ICON_COLOR
-              }}
-            >
-              ?
-            </kbd>
-          </span>
-        </button>
-      </div>
-
-      {isOpen && (
-        <div style={MODAL_BACKDROP_STYLE} onClick={onClose}>
-          <div
-            style={MODAL_STYLE}
-            role="dialog"
-            aria-label="Keyboard Shortcuts"
-            onClick={(event) => event.stopPropagation()}
-          >
-            <div
-              style={{
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                borderBottom: '1px solid rgba(226, 232, 240, 1)',
-                padding: '10px 12px'
-              }}
-            >
-              <div style={{fontSize: '14px', fontWeight: 700, color: 'rgb(30, 41, 59)'}}>
-                Keyboard Shortcuts
-              </div>
-              <button
-                type="button"
-                onClick={onClose}
-                style={{
-                  border: 0,
-                  background: 'transparent',
-                  color: 'rgb(71, 85, 105)',
-                  cursor: 'pointer',
-                  fontSize: '18px',
-                  lineHeight: '18px'
-                }}
-                aria-label="Close keyboard shortcuts"
-                title="Close"
-              >
-                ×
-              </button>
-            </div>
-            <KeyboardSettingsPanelContent keyboardShortcuts={keyboardShortcuts} />
-          </div>
-        </div>
-      )}
-    </>
-  );
-}
-
 function KeyboardSettingsPanelContent({
   keyboardShortcuts
 }: {

package/src/widget-panels/settings-panel.test.tsx

@@ -151,7 +151,7 @@ describe('SettingsPanel', () => {
 
     expect(root.querySelector('select')).toBeNull();
 
-    const selectButton = getRequiredButton(root, '#settings-widget-input-mode');
+    const selectButton = getRequiredButton(root, '#settings-panel-input-mode');
     selectButton.click();
     await Promise.resolve();
 

package/src/widget-panels/settings-panel.tsx

@@ -257,7 +257,7 @@ function StringSettingControl({inputId, label, value, onApply}: StringSettingCon
 function SettingsControl({setting, value, onValueChange}: SettingsControlProps) {
   const label = setting.label ?? setting.name;
   const tooltip = setting.description?.trim();
-  const inputId = `settings-widget-input-${setting.name.replace(/[^a-zA-Z0-9_-]/g, '-')}`;
+  const inputId = `settings-panel-input-${setting.name.replace(/[^a-zA-Z0-9_-]/g, '-')}`;
 
   const handleBooleanChange: JSX.GenericEventHandler<HTMLInputElement> = (event) => {
     onValueChange(event.currentTarget.checked);

package/dist/widgets/keyboard-shortcuts-widget.d.ts

@@ -1,28 +0,0 @@
-/** @jsxImportSource preact */
-import { Widget } from '@deck.gl/core';
-import type { KeyboardShortcut } from "../keyboard-shortcuts/keyboard-shortcuts.js";
-import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
-export type KeyboardShortcutsWidgetProps = WidgetProps & {
-    placement?: WidgetPlacement;
-    keyboardShortcuts: KeyboardShortcut[];
-    installShortcuts?: boolean;
-};
-export declare class KeyboardShortcutsWidget extends Widget<KeyboardShortcutsWidgetProps> {
-    #private;
-    static defaultProps: {
-        id: string;
-        placement: "top-left";
-        keyboardShortcuts: any[];
-        style: Partial<CSSStyleDeclaration>;
-        className: string;
-        _container: string | HTMLDivElement | null;
-    };
-    className: string;
-    placement: WidgetPlacement;
-    constructor(props: KeyboardShortcutsWidgetProps);
-    setProps(props: Partial<KeyboardShortcutsWidgetProps>): void;
-    onAdd(): void;
-    onRenderHTML(rootElement: HTMLElement): void;
-    onRemove(): void;
-}
-//# sourceMappingURL=keyboard-shortcuts-widget.d.ts.map

package/dist/widgets/keyboard-shortcuts-widget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-shortcuts-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/keyboard-shortcuts-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAOrC,OAAO,KAAK,EAAC,gBAAgB,EAAC,oDAAiD;AAC/E,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,MAAM,MAAM,4BAA4B,GAAG,WAAW,GAAG;IACvD,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,iBAAiB,EAAE,gBAAgB,EAAE,CAAC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,qBAAa,uBAAwB,SAAQ,MAAM,CAAC,4BAA4B,CAAC;;IAC/E,OAAgB,YAAY;;;;;;;MAOG;IAE/B,SAAS,SAAmC;IAC5C,SAAS,EAAE,eAAe,CAAkD;gBAMhE,KAAK,EAAE,4BAA4B;IAQtC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,4BAA4B,CAAC,GAAG,IAAI;IAU5D,KAAK,IAAI,IAAI;IAYb,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAc5C,QAAQ,IAAI,IAAI;CAS1B"}

package/dist/widgets/keyboard-shortcuts-widget.js

@@ -1,125 +0,0 @@
-var _a;
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "preact/jsx-runtime";
-/** @jsxImportSource preact */
-import { Widget } from '@deck.gl/core';
-import { render } from 'preact';
-import { useState } from 'preact/hooks';
-import { formatKey } from "../keyboard-shortcuts/keyboard-shortcuts.js";
-import { KeyboardShortcutsManager } from "../keyboard-shortcuts/keyboard-shortcuts-manager.js";
-export class KeyboardShortcutsWidget extends Widget {
-    static defaultProps = {
-        ...Widget.defaultProps,
-        id: 'keyboard-bindings',
-        placement: 'top-left',
-        keyboardShortcuts: []
-    };
-    className = 'deck-widget-keyboard-bindings';
-    placement = _a.defaultProps.placement;
-    #rootElement = null;
-    #keyboardShortcuts = _a.defaultProps.keyboardShortcuts;
-    #keyboardShortcutsManager = null;
-    constructor(props) {
-        super({ ..._a.defaultProps, ...props });
-        this.#keyboardShortcuts = props.keyboardShortcuts;
-        if (props.placement !== undefined) {
-            this.placement = props.placement;
-        }
-    }
-    setProps(props) {
-        if (props.keyboardShortcuts !== undefined) {
-            this.#keyboardShortcuts = props.keyboardShortcuts;
-        }
-        if (props.placement !== undefined) {
-            this.placement = props.placement;
-        }
-        super.setProps(props);
-    }
-    onAdd() {
-        // @ts-expect-error Accessing protected member 'eventManager'.
-        const eventManager = this.deck?.eventManager;
-        if (eventManager && this.props.installShortcuts) {
-            this.#keyboardShortcutsManager = new KeyboardShortcutsManager(eventManager, this.#keyboardShortcuts);
-            this.#keyboardShortcutsManager.start();
-        }
-    }
-    onRenderHTML(rootElement) {
-        this.#rootElement = rootElement;
-        const className = ['deck-widget', this.className, this.props.className]
-            .filter(Boolean)
-            .join(' ');
-        rootElement.className = className;
-        render(_jsx(KeyboardShortcutsWidgetView, { keyboardShortcuts: this.#keyboardShortcuts }), rootElement);
-    }
-    onRemove() {
-        if (this.#rootElement) {
-            render(null, this.#rootElement);
-        }
-        if (this.#keyboardShortcutsManager) {
-            this.#keyboardShortcutsManager.stop();
-            this.#keyboardShortcutsManager = null;
-        }
-    }
-}
-_a = KeyboardShortcutsWidget;
-const MODAL_BACKDROP_STYLE = {
-    position: 'fixed',
-    inset: 0,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    backgroundColor: 'rgba(15, 23, 42, 0.28)',
-    pointerEvents: 'auto',
-    zIndex: 1000
-};
-const MODAL_STYLE = {
-    width: 'min(420px, calc(100vw - 24px))',
-    maxHeight: 'min(460px, calc(100vh - 24px))',
-    borderRadius: '10px',
-    border: '1px solid rgba(148, 163, 184, 0.75)',
-    backgroundColor: 'rgba(255, 255, 255, 0.98)',
-    boxShadow: '0 14px 40px rgba(15, 23, 42, 0.28)',
-    display: 'flex',
-    flexDirection: 'column',
-    overflow: 'hidden'
-};
-const KEY_STYLE = {
-    borderRadius: '6px',
-    border: '1px solid rgba(148, 163, 184, 0.85)',
-    backgroundColor: 'rgba(248, 250, 252, 1)',
-    padding: '2px 8px',
-    fontSize: '11px',
-    color: 'rgb(51, 65, 85)',
-    whiteSpace: 'nowrap'
-};
-function KeyboardShortcutsWidgetView({ keyboardShortcuts }) {
-    const [isOpen, setIsOpen] = useState(false);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "deck-widget-button", children: _jsx("button", { className: "deck-widget-icon-button", type: "button", title: "Keyboard shortcuts", "aria-label": "Keyboard shortcuts", onClick: () => setIsOpen(true), children: _jsx("span", { style: {
-                            fontSize: '12px',
-                            fontWeight: 700,
-                            color: 'var(--deck-widget-icon-color, #0f172a)'
-                        }, children: _jsx("kbd", { style: {
-                                color: 'var(--deck-widget-icon-color, #0f172a)'
-                            }, children: "?" }) }) }) }), isOpen && (_jsx("div", { style: MODAL_BACKDROP_STYLE, onClick: () => setIsOpen(false), children: _jsxs("div", { style: MODAL_STYLE, role: "dialog", "aria-label": "Keyboard Shortcuts", onClick: (event) => event.stopPropagation(), children: [_jsxs("div", { style: {
-                                display: 'flex',
-                                alignItems: 'center',
-                                justifyContent: 'space-between',
-                                borderBottom: '1px solid rgba(226, 232, 240, 1)',
-                                padding: '10px 12px'
-                            }, children: [_jsx("div", { style: { fontSize: '14px', fontWeight: 700, color: 'rgb(30, 41, 59)' }, children: "Keyboard Shortcuts" }), _jsx("button", { type: "button", onClick: () => setIsOpen(false), style: {
-                                        border: 0,
-                                        background: 'transparent',
-                                        color: 'rgb(71, 85, 105)',
-                                        cursor: 'pointer',
-                                        fontSize: '18px',
-                                        lineHeight: '18px'
-                                    }, "aria-label": "Close keyboard shortcuts", title: "Close", children: "\u00D7" })] }), _jsx("div", { style: { overflowY: 'auto', padding: '10px 12px' }, children: _jsx("div", { style: { display: 'grid', gap: '8px' }, children: keyboardShortcuts.map((shortcut, index) => (_jsxs("div", { style: {
-                                        display: 'flex',
-                                        alignItems: 'center',
-                                        justifyContent: 'space-between',
-                                        gap: '8px'
-                                    }, children: [_jsx(ShortcutKey, { shortcut: shortcut }), _jsx("span", { style: { fontSize: '12px', color: 'rgb(71, 85, 105)' }, children: shortcut.name })] }, `${shortcut.name}-${shortcut.key}-${index}`))) }) })] }) }))] }));
-}
-function ShortcutKey({ shortcut }) {
-    return (_jsxs("div", { style: { color: 'rgb(51, 65, 85)', fontSize: '11px' }, children: [shortcut.commandKey && (_jsxs("span", { children: [_jsx("kbd", { style: KEY_STYLE, children: "\u2318" }), ' + '] })), shortcut.ctrlKey && (_jsxs("span", { children: [_jsx("kbd", { style: KEY_STYLE, children: "^" }), ' + '] })), shortcut.shiftKey && (_jsxs("span", { children: [_jsx("kbd", { style: KEY_STYLE, children: "Shift" }), ' + '] })), shortcut.key && _jsx("kbd", { style: KEY_STYLE, children: formatKey(shortcut.key) }), shortcut.dragMouse && 'drag mouse'] }));
-}
-//# sourceMappingURL=keyboard-shortcuts-widget.js.map

package/dist/widgets/keyboard-shortcuts-widget.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keyboard-shortcuts-widget.js","sourceRoot":"","sources":["../../src/widgets/keyboard-shortcuts-widget.tsx"],"names":[],"mappings":"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"}

package/dist/widgets/settings-widget.d.ts

@@ -1,64 +0,0 @@
-/** @jsxImportSource preact */
-import { Widget } from '@deck.gl/core';
-import type { WidgetPlacement, WidgetProps } from '@deck.gl/core';
-export type SettingsWidgetValue = boolean | number | string;
-export type SettingsWidgetSettingType = 'boolean' | 'number' | 'string' | 'select';
-export type SettingsWidgetOption = SettingsWidgetValue | {
-    label: string;
-    value: SettingsWidgetValue;
-};
-export type SettingsWidgetSettingDescriptor = {
-    /** Path in the settings object (dot notation supported). */
-    name: string;
-    /** Human-friendly label shown in the control list. Defaults to `name`. */
-    label?: string;
-    description?: string;
-    type: SettingsWidgetSettingType;
-    min?: number;
-    max?: number;
-    step?: number;
-    options?: SettingsWidgetOption[];
-    defaultValue?: SettingsWidgetValue;
-};
-export type SettingsWidgetSectionDescriptor = {
-    /** Optional stable id for preserving collapse state across re-renders. */
-    id?: string;
-    name: string;
-    description?: string;
-    /** Whether this section starts collapsed when first seen. Defaults to true. */
-    initiallyCollapsed?: boolean;
-    settings: SettingsWidgetSettingDescriptor[];
-};
-export type SettingsWidgetSchema = {
-    title?: string;
-    sections: SettingsWidgetSectionDescriptor[];
-};
-export type SettingsWidgetState = Record<string, unknown>;
-export type SettingsWidgetProps = WidgetProps & {
-    placement?: WidgetPlacement;
-    label?: string;
-    schema?: SettingsWidgetSchema;
-    settings?: SettingsWidgetState;
-    onSettingsChange?: (settings: SettingsWidgetState) => void;
-};
-export declare class SettingsWidget extends Widget<SettingsWidgetProps> {
-    #private;
-    static defaultProps: {
-        id: string;
-        placement: "top-left";
-        label: string;
-        schema: SettingsWidgetSchema;
-        settings: SettingsWidgetState;
-        onSettingsChange: any;
-        style: Partial<CSSStyleDeclaration>;
-        className: string;
-        _container: string | HTMLDivElement | null;
-    };
-    className: string;
-    placement: WidgetPlacement;
-    constructor(props?: SettingsWidgetProps);
-    setProps(props: Partial<SettingsWidgetProps>): void;
-    onRenderHTML(rootElement: HTMLElement): void;
-    onRemove(): void;
-}
-//# sourceMappingURL=settings-widget.d.ts.map

package/dist/widgets/settings-widget.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings-widget.d.ts","sourceRoot":"","sources":["../../src/widgets/settings-widget.tsx"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAC,MAAM,EAAC,MAAM,eAAe,CAAC;AAOrC,OAAO,KAAK,EAAC,eAAe,EAAE,WAAW,EAAC,MAAM,eAAe,CAAC;AAGhE,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5D,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEnF,MAAM,MAAM,oBAAoB,GAC5B,mBAAmB,GACnB;IACE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,mBAAmB,CAAC;CAC5B,CAAC;AAEN,MAAM,MAAM,+BAA+B,GAAG;IAC5C,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,yBAAyB,CAAC;IAChC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG;IAC5C,0EAA0E;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,+BAA+B,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,+BAA+B,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE1D,MAAM,MAAM,mBAAmB,GAAG,WAAW,GAAG;IAC9C,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC5D,CAAC;AAkIF,qBAAa,cAAe,SAAQ,MAAM,CAAC,mBAAmB,CAAC;;IAC7D,OAAgB,YAAY;;;;;;;;;;MAUN;IAEtB,SAAS,SAA0B;IACnC,SAAS,EAAE,eAAe,CAAyC;gBASvD,KAAK,GAAE,mBAAwB;IAoBlC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,mBAAmB,CAAC,GAAG,IAAI;IAmBnD,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAoB5C,QAAQ,IAAI,IAAI;CAK1B"}