@workbench-kit/react 0.0.2-prototype.0.2.6 → 0.0.2-prototype.0.2.8

package/src/layout/property/property-section.css

@@ -1,97 +1,97 @@
-.ui-workbench-property-section {
-  min-width: 0;
-  margin: 0 0 20px;
-}
-
-.ui-workbench-property-section[data-level='group'] {
-  margin: 0 0 12px;
-}
-
-.ui-workbench-property-section__header {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-width: 0;
-  margin-bottom: 8px;
-}
-
-.ui-workbench-property-section[data-level='category'] > .ui-workbench-property-section__header {
-  padding-bottom: 4px;
-  border-bottom: 1px solid
-    var(--shell-color-border-subtle, var(--color-border-subtle, rgba(255, 255, 255, 0.08)));
-}
-
-.ui-workbench-property-section__header .ui-workbench-section-title {
-  flex: 1;
-  min-width: 0;
-  padding: 0;
-  color: var(--vscode-sideBarSectionHeader-foreground, var(--color-text));
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-}
-
-.ui-workbench-property-section[data-level='group']
-  > .ui-workbench-property-section__header
-  .ui-workbench-section-title {
-  color: var(--vscode-descriptionForeground, var(--color-text-muted));
-  font-size: 10px;
-  font-weight: 600;
-  letter-spacing: 0.02em;
-  text-transform: none;
-}
-
-.ui-workbench-property-section__toggle {
-  display: inline-flex;
-  flex: 1;
-  align-items: center;
-  gap: 4px;
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-  color: inherit;
-  background: transparent;
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
-}
-
-.ui-workbench-property-section__toggle:hover {
-  color: var(--color-text);
-}
-
-.ui-workbench-property-section__toggle:focus-visible {
-  outline: 1px solid var(--vscode-focusBorder, var(--color-accent));
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
-.ui-workbench-property-section__chevron {
-  width: 14px;
-  flex-shrink: 0;
-  color: var(--vscode-descriptionForeground, var(--color-text-subtle));
-  font-size: 12px;
-}
-
-.ui-workbench-property-section__actions {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  gap: 6px;
-}
-
-.ui-workbench-property-section__body,
-.ui-workbench-property-stack {
-  display: grid;
-  min-width: 0;
-}
-
-.ui-workbench-property-section__body[hidden] {
-  display: none;
-}
-
-.ui-workbench-property-section__body,
-.ui-workbench-property-stack[data-gap='md'] {
-  gap: 10px;
-}
+.ui-workbench-property-section {
+  min-width: 0;
+  margin: 0 0 20px;
+}
+
+.ui-workbench-property-section[data-level='group'] {
+  margin: 0 0 12px;
+}
+
+.ui-workbench-property-section__header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-width: 0;
+  margin-bottom: 8px;
+}
+
+.ui-workbench-property-section[data-level='category'] > .ui-workbench-property-section__header {
+  padding-bottom: 4px;
+  border-bottom: 1px solid
+    var(--shell-color-border-subtle, var(--color-border-subtle, rgba(255, 255, 255, 0.08)));
+}
+
+.ui-workbench-property-section__header .ui-workbench-section-title {
+  flex: 1;
+  min-width: 0;
+  padding: 0;
+  color: var(--vscode-sideBarSectionHeader-foreground, var(--color-text));
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+}
+
+.ui-workbench-property-section[data-level='group']
+  > .ui-workbench-property-section__header
+  .ui-workbench-section-title {
+  color: var(--vscode-descriptionForeground, var(--color-text-muted));
+  font-size: 10px;
+  font-weight: 600;
+  letter-spacing: 0.02em;
+  text-transform: none;
+}
+
+.ui-workbench-property-section__toggle {
+  display: inline-flex;
+  flex: 1;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  color: inherit;
+  background: transparent;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.ui-workbench-property-section__toggle:hover {
+  color: var(--color-text);
+}
+
+.ui-workbench-property-section__toggle:focus-visible {
+  outline: 1px solid var(--vscode-focusBorder, var(--color-accent));
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+
+.ui-workbench-property-section__chevron {
+  width: 14px;
+  flex-shrink: 0;
+  color: var(--vscode-descriptionForeground, var(--color-text-subtle));
+  font-size: 12px;
+}
+
+.ui-workbench-property-section__actions {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 6px;
+}
+
+.ui-workbench-property-section__body,
+.ui-workbench-property-stack {
+  display: grid;
+  min-width: 0;
+}
+
+.ui-workbench-property-section__body[hidden] {
+  display: none;
+}
+
+.ui-workbench-property-section__body,
+.ui-workbench-property-stack[data-gap='md'] {
+  gap: 10px;
+}

package/src/layout/property/property-stack.css

@@ -1,11 +1,11 @@
-.ui-workbench-property-stack[data-gap='xs'] {
-  gap: 4px;
-}
-
-.ui-workbench-property-stack[data-gap='sm'] {
-  gap: 8px;
-}
-
-.ui-workbench-property-stack[data-gap='lg'] {
-  gap: 12px;
-}
+.ui-workbench-property-stack[data-gap='xs'] {
+  gap: 4px;
+}
+
+.ui-workbench-property-stack[data-gap='sm'] {
+  gap: 8px;
+}
+
+.ui-workbench-property-stack[data-gap='lg'] {
+  gap: 12px;
+}

package/src/layout/property/property-toggle.css

@@ -1,14 +1,14 @@
-.ui-workbench-property-toggle.ui-button {
-  height: 24px;
-  min-height: 0;
-  padding: 0 8px;
-  color: var(--vscode-descriptionForeground, var(--color-text-muted));
-  background: var(--vscode-input-background, var(--color-surface));
-  border-color: var(--vscode-input-border, var(--color-border));
-  font-size: 10px;
-}
-
-.ui-workbench-property-toggle.ui-button[data-active='true'] {
-  color: var(--vscode-button-foreground, var(--color-bg));
-  background: var(--vscode-button-background, var(--color-accent));
-}
+.ui-workbench-property-toggle.ui-button {
+  height: 24px;
+  min-height: 0;
+  padding: 0 8px;
+  color: var(--vscode-descriptionForeground, var(--color-text-muted));
+  background: var(--vscode-input-background, var(--color-surface));
+  border-color: var(--vscode-input-border, var(--color-border));
+  font-size: 10px;
+}
+
+.ui-workbench-property-toggle.ui-button[data-active='true'] {
+  color: var(--vscode-button-foreground, var(--color-bg));
+  background: var(--vscode-button-background, var(--color-accent));
+}

package/src/layout/propertyFieldFilter.ts

@@ -1,84 +1,84 @@
-/**
- * Declared-first property inspector search.
- *
- * Hosts supply a field manifest (id + resolved label + optional section/keywords).
- * Kit filters by query tokens — no DOM scrape.
- */
-
-export interface WorkbenchPropertyFieldManifestEntry {
-  /** Stable field id from the product/registry declaration. */
-  readonly id: string;
-  /** Host-resolved display label (already localized when applicable). */
-  readonly label: string;
-  /** Optional section/category anchor used to hide empty groups after filter. */
-  readonly sectionId?: string;
-  /** Extra searchable tokens (aliases, category titles, editor kinds). */
-  readonly keywords?: readonly string[];
-}
-
-export interface WorkbenchPropertyFieldFilterInput {
-  readonly fields: readonly WorkbenchPropertyFieldManifestEntry[];
-  /** Free-text query; empty/whitespace returns all fields. */
-  readonly query?: string;
-}
-
-export interface WorkbenchPropertyFieldFilterResult {
-  /** Matching field entries in original order. */
-  readonly fields: readonly WorkbenchPropertyFieldManifestEntry[];
-  /** Matching field ids (same order as `fields`). */
-  readonly fieldIds: readonly string[];
-  /** Distinct section ids that still have at least one match. */
-  readonly sectionIds: readonly string[];
-}
-
-function normalizedSearchText(value: string): string {
-  return value.trim().toLocaleLowerCase();
-}
-
-function fieldSearchText(field: WorkbenchPropertyFieldManifestEntry): string {
-  return normalizedSearchText(
-    [field.id, field.label, field.sectionId, ...(field.keywords ?? [])]
-      .filter((part): part is string => typeof part === 'string' && part.length > 0)
-      .join(' '),
-  );
-}
-
-/**
- * Filters a declared property-field manifest by whitespace-separated query tokens.
- * Every token must match the combined id/label/section/keywords haystack.
- */
-export function filterWorkbenchPropertyFields({
-  fields,
-  query = '',
-}: WorkbenchPropertyFieldFilterInput): WorkbenchPropertyFieldFilterResult {
-  const tokens = normalizedSearchText(query).split(/\s+/).filter(Boolean);
-  const matched =
-    tokens.length === 0
-      ? [...fields]
-      : fields.filter((field) => {
-          const haystack = fieldSearchText(field);
-          return tokens.every((token) => haystack.includes(token));
-        });
-
-  const sectionIds: string[] = [];
-  const seenSections = new Set<string>();
-  for (const field of matched) {
-    const sectionId = field.sectionId;
-    if (sectionId === undefined || sectionId.length === 0 || seenSections.has(sectionId)) {
-      continue;
-    }
-    seenSections.add(sectionId);
-    sectionIds.push(sectionId);
-  }
-
-  return {
-    fields: matched,
-    fieldIds: matched.map((field) => field.id),
-    sectionIds,
-  };
-}
-
-/** True when the query would hide at least one field from the manifest. */
-export function isWorkbenchPropertySearchActive(query: string | undefined): boolean {
-  return normalizedSearchText(query ?? '').length > 0;
-}
+/**
+ * Declared-first property inspector search.
+ *
+ * Hosts supply a field manifest (id + resolved label + optional section/keywords).
+ * Kit filters by query tokens — no DOM scrape.
+ */
+
+export interface WorkbenchPropertyFieldManifestEntry {
+  /** Stable field id from the product/registry declaration. */
+  readonly id: string;
+  /** Host-resolved display label (already localized when applicable). */
+  readonly label: string;
+  /** Optional section/category anchor used to hide empty groups after filter. */
+  readonly sectionId?: string;
+  /** Extra searchable tokens (aliases, category titles, editor kinds). */
+  readonly keywords?: readonly string[];
+}
+
+export interface WorkbenchPropertyFieldFilterInput {
+  readonly fields: readonly WorkbenchPropertyFieldManifestEntry[];
+  /** Free-text query; empty/whitespace returns all fields. */
+  readonly query?: string;
+}
+
+export interface WorkbenchPropertyFieldFilterResult {
+  /** Matching field entries in original order. */
+  readonly fields: readonly WorkbenchPropertyFieldManifestEntry[];
+  /** Matching field ids (same order as `fields`). */
+  readonly fieldIds: readonly string[];
+  /** Distinct section ids that still have at least one match. */
+  readonly sectionIds: readonly string[];
+}
+
+function normalizedSearchText(value: string): string {
+  return value.trim().toLocaleLowerCase();
+}
+
+function fieldSearchText(field: WorkbenchPropertyFieldManifestEntry): string {
+  return normalizedSearchText(
+    [field.id, field.label, field.sectionId, ...(field.keywords ?? [])]
+      .filter((part): part is string => typeof part === 'string' && part.length > 0)
+      .join(' '),
+  );
+}
+
+/**
+ * Filters a declared property-field manifest by whitespace-separated query tokens.
+ * Every token must match the combined id/label/section/keywords haystack.
+ */
+export function filterWorkbenchPropertyFields({
+  fields,
+  query = '',
+}: WorkbenchPropertyFieldFilterInput): WorkbenchPropertyFieldFilterResult {
+  const tokens = normalizedSearchText(query).split(/\s+/).filter(Boolean);
+  const matched =
+    tokens.length === 0
+      ? [...fields]
+      : fields.filter((field) => {
+          const haystack = fieldSearchText(field);
+          return tokens.every((token) => haystack.includes(token));
+        });
+
+  const sectionIds: string[] = [];
+  const seenSections = new Set<string>();
+  for (const field of matched) {
+    const sectionId = field.sectionId;
+    if (sectionId === undefined || sectionId.length === 0 || seenSections.has(sectionId)) {
+      continue;
+    }
+    seenSections.add(sectionId);
+    sectionIds.push(sectionId);
+  }
+
+  return {
+    fields: matched,
+    fieldIds: matched.map((field) => field.id),
+    sectionIds,
+  };
+}
+
+/** True when the query would hide at least one field from the manifest. */
+export function isWorkbenchPropertySearchActive(query: string | undefined): boolean {
+  return normalizedSearchText(query ?? '').length > 0;
+}