Skip to content

Commit be220e7

Browse files
committed
fix: rename to subheader
1 parent 66471ec commit be220e7

File tree

8 files changed

+41
-43
lines changed

8 files changed

+41
-43
lines changed
Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
import { ScoutListViewSubheader } from "@scouterna/ui-react";
2+
import preview from "#.storybook/preview";
3+
4+
const meta = preview.meta({
5+
title: "Uncategorized/List-View-Subheader",
6+
component: ScoutListViewSubheader,
7+
parameters: {
8+
layout: "centered",
9+
},
10+
});
11+
12+
export default meta;
13+
14+
export const BasicExample = meta.story({
15+
args: {},
16+
render: (args) => <ScoutListViewSubheader {...args} />,
17+
});

packages/storybook/src/stories/list-view-subheading.stories.tsx

Lines changed: 0 additions & 19 deletions
This file was deleted.

packages/storybook/src/stories/list-view.stories.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import {
22
ScoutDivider,
33
ScoutListView,
44
ScoutListViewItem,
5-
ScoutListViewSubheading,
5+
ScoutListViewSubheader,
66
} from "@scouterna/ui-react";
77
import BoxIcon from "@tabler/icons/outline/box.svg?raw";
88
import ClipboardDataIcon from "@tabler/icons/outline/clipboard-data.svg?raw";
@@ -53,14 +53,14 @@ export const WithSections = meta.story({
5353
render: (args) => (
5454
<div style={{ maxWidth: "20rem", width: "100vw" }}>
5555
<ScoutListView {...args}>
56-
<ScoutListViewSubheading text="First section" />
56+
<ScoutListViewSubheader text="First section" />
5757
<ScoutListViewItem icon={BoxIcon} primary="First item" />
5858
<ScoutListViewItem icon={BoxIcon} primary="Second item" />
59-
<ScoutListViewSubheading text="Second section" />
59+
<ScoutListViewSubheader text="Second section" />
6060
<ScoutListViewItem icon={BoxIcon} primary="Third item" />
6161
<ScoutListViewItem icon={BoxIcon} primary="Fourth item" />
6262
<ScoutListViewItem icon={BoxIcon} primary="Fifth item" />
63-
<ScoutListViewSubheading text="Third section" />
63+
<ScoutListViewSubheader text="Third section" />
6464
<ScoutListViewItem icon={BoxIcon} primary="Sixth item" />
6565
<ScoutListViewItem icon={BoxIcon} primary="Seventh item" />
6666
</ScoutListView>

packages/ui-react/lib/components/stencil-generated/components.ts

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ import { ScoutDivider as ScoutDividerElement, defineCustomElement as defineScout
1717
import { ScoutField as ScoutFieldElement, defineCustomElement as defineScoutField } from "@scouterna/ui-webc/dist/components/scout-field.js";
1818
import { ScoutInput as ScoutInputElement, defineCustomElement as defineScoutInput } from "@scouterna/ui-webc/dist/components/scout-input.js";
1919
import { ScoutListViewItem as ScoutListViewItemElement, defineCustomElement as defineScoutListViewItem } from "@scouterna/ui-webc/dist/components/scout-list-view-item.js";
20-
import { ScoutListViewSubheading as ScoutListViewSubheadingElement, defineCustomElement as defineScoutListViewSubheading } from "@scouterna/ui-webc/dist/components/scout-list-view-subheading.js";
20+
import { ScoutListViewSubheader as ScoutListViewSubheaderElement, defineCustomElement as defineScoutListViewSubheader } from "@scouterna/ui-webc/dist/components/scout-list-view-subheader.js";
2121
import { ScoutListView as ScoutListViewElement, defineCustomElement as defineScoutListView } from "@scouterna/ui-webc/dist/components/scout-list-view.js";
2222
import { ScoutLoader as ScoutLoaderElement, defineCustomElement as defineScoutLoader } from "@scouterna/ui-webc/dist/components/scout-loader.js";
2323
import { ScoutSelect as ScoutSelectElement, defineCustomElement as defineScoutSelect } from "@scouterna/ui-webc/dist/components/scout-select.js";
@@ -157,15 +157,15 @@ export const ScoutListViewItem: StencilReactComponent<ScoutListViewItemElement,
157157
defineCustomElement: defineScoutListViewItem
158158
});
159159

160-
export type ScoutListViewSubheadingEvents = NonNullable<unknown>;
160+
export type ScoutListViewSubheaderEvents = NonNullable<unknown>;
161161

162-
export const ScoutListViewSubheading: StencilReactComponent<ScoutListViewSubheadingElement, ScoutListViewSubheadingEvents> = /*@__PURE__*/ createComponent<ScoutListViewSubheadingElement, ScoutListViewSubheadingEvents>({
163-
tagName: 'scout-list-view-subheading',
164-
elementClass: ScoutListViewSubheadingElement,
162+
export const ScoutListViewSubheader: StencilReactComponent<ScoutListViewSubheaderElement, ScoutListViewSubheaderEvents> = /*@__PURE__*/ createComponent<ScoutListViewSubheaderElement, ScoutListViewSubheaderEvents>({
163+
tagName: 'scout-list-view-subheader',
164+
elementClass: ScoutListViewSubheaderElement,
165165
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
166166
react: React,
167-
events: {} as ScoutListViewSubheadingEvents,
168-
defineCustomElement: defineScoutListViewSubheading
167+
events: {} as ScoutListViewSubheaderEvents,
168+
defineCustomElement: defineScoutListViewSubheader
169169
});
170170

171171
export type ScoutLoaderEvents = NonNullable<unknown>;

packages/ui-webc/src/components.d.ts

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -147,7 +147,7 @@ export namespace Components {
147147
*/
148148
"type": ItemType1;
149149
}
150-
interface ScoutListViewSubheading {
150+
interface ScoutListViewSubheader {
151151
/**
152152
* @default "h2"
153153
*/
@@ -373,11 +373,11 @@ declare global {
373373
prototype: HTMLScoutListViewItemElement;
374374
new (): HTMLScoutListViewItemElement;
375375
};
376-
interface HTMLScoutListViewSubheadingElement extends Components.ScoutListViewSubheading, HTMLStencilElement {
376+
interface HTMLScoutListViewSubheaderElement extends Components.ScoutListViewSubheader, HTMLStencilElement {
377377
}
378-
var HTMLScoutListViewSubheadingElement: {
379-
prototype: HTMLScoutListViewSubheadingElement;
380-
new (): HTMLScoutListViewSubheadingElement;
378+
var HTMLScoutListViewSubheaderElement: {
379+
prototype: HTMLScoutListViewSubheaderElement;
380+
new (): HTMLScoutListViewSubheaderElement;
381381
};
382382
interface HTMLScoutLoaderElement extends Components.ScoutLoader, HTMLStencilElement {
383383
}
@@ -445,7 +445,7 @@ declare global {
445445
"scout-input": HTMLScoutInputElement;
446446
"scout-list-view": HTMLScoutListViewElement;
447447
"scout-list-view-item": HTMLScoutListViewItemElement;
448-
"scout-list-view-subheading": HTMLScoutListViewSubheadingElement;
448+
"scout-list-view-subheader": HTMLScoutListViewSubheaderElement;
449449
"scout-loader": HTMLScoutLoaderElement;
450450
"scout-select": HTMLScoutSelectElement;
451451
"scout-stack": HTMLScoutStackElement;
@@ -604,7 +604,7 @@ declare namespace LocalJSX {
604604
*/
605605
"type"?: ItemType1;
606606
}
607-
interface ScoutListViewSubheading {
607+
interface ScoutListViewSubheader {
608608
/**
609609
* @default "h2"
610610
*/
@@ -690,7 +690,7 @@ declare namespace LocalJSX {
690690
"scout-input": ScoutInput;
691691
"scout-list-view": ScoutListView;
692692
"scout-list-view-item": ScoutListViewItem;
693-
"scout-list-view-subheading": ScoutListViewSubheading;
693+
"scout-list-view-subheader": ScoutListViewSubheader;
694694
"scout-loader": ScoutLoader;
695695
"scout-select": ScoutSelect;
696696
"scout-stack": ScoutStack;
@@ -725,7 +725,7 @@ declare module "@stencil/core" {
725725
"scout-input": LocalJSX.ScoutInput & JSXBase.HTMLAttributes<HTMLScoutInputElement>;
726726
"scout-list-view": LocalJSX.ScoutListView & JSXBase.HTMLAttributes<HTMLScoutListViewElement>;
727727
"scout-list-view-item": LocalJSX.ScoutListViewItem & JSXBase.HTMLAttributes<HTMLScoutListViewItemElement>;
728-
"scout-list-view-subheading": LocalJSX.ScoutListViewSubheading & JSXBase.HTMLAttributes<HTMLScoutListViewSubheadingElement>;
728+
"scout-list-view-subheader": LocalJSX.ScoutListViewSubheader & JSXBase.HTMLAttributes<HTMLScoutListViewSubheaderElement>;
729729
"scout-loader": LocalJSX.ScoutLoader & JSXBase.HTMLAttributes<HTMLScoutLoaderElement>;
730730
"scout-select": LocalJSX.ScoutSelect & JSXBase.HTMLAttributes<HTMLScoutSelectElement>;
731731
"scout-stack": LocalJSX.ScoutStack & JSXBase.HTMLAttributes<HTMLScoutStackElement>;

packages/ui-webc/src/components/list-view-subheading/list-view-subheading.css renamed to packages/ui-webc/src/components/list-view-subheader/list-view-subheader.css

File renamed without changes.

packages/ui-webc/src/components/list-view-subheading/list-view-subheading.tsx renamed to packages/ui-webc/src/components/list-view-subheader/list-view-subheader.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import { Component, Host, h, Prop } from "@stencil/core";
22

33
@Component({
4-
tag: "scout-list-view-subheading",
5-
styleUrl: "list-view-subheading.css",
4+
tag: "scout-list-view-subheader",
5+
styleUrl: "list-view-subheader.css",
66
shadow: {
77
delegatesFocus: true,
88
},
99
})
10-
export class ScoutListViewSubheading {
10+
export class ScoutListViewSubheader {
1111
@Prop() text: string;
1212
@Prop() headingLevel: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" = "h2";
1313

packages/ui-webc/src/components/list-view-subheading/readme.md renamed to packages/ui-webc/src/components/list-view-subheader/readme.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# scout-list-view-subheading
1+
# scout-list-view-subheader
22

33
<!-- Auto Generated Below -->
44

0 commit comments

Comments
 (0)