@instructure/ui-tabs 8.46.2-snapshot-7 → 8.46.2-snapshot-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +5 -2
- package/es/Tabs/Panel/index.js +4 -2
- package/es/Tabs/Panel/props.js +3 -2
- package/es/Tabs/__new-tests__/Tabs.test.js +120 -0
- package/es/Tabs/index.js +32 -7
- package/lib/Tabs/Panel/index.js +4 -2
- package/lib/Tabs/Panel/props.js +3 -2
- package/lib/Tabs/__new-tests__/Tabs.test.js +122 -0
- package/lib/Tabs/index.js +32 -7
- package/package.json +22 -20
- package/src/Tabs/Panel/index.tsx +3 -1
- package/src/Tabs/Panel/props.ts +9 -2
- package/src/Tabs/README.md +71 -0
- package/src/Tabs/__new-tests__/Tabs.test.tsx +128 -0
- package/src/Tabs/index.tsx +43 -8
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Tabs/Panel/index.d.ts +3 -0
- package/types/Tabs/Panel/index.d.ts.map +1 -1
- package/types/Tabs/Panel/props.d.ts +5 -0
- package/types/Tabs/Panel/props.d.ts.map +1 -1
- package/types/Tabs/__new-tests__/Tabs.test.d.ts +2 -0
- package/types/Tabs/__new-tests__/Tabs.test.d.ts.map +1 -0
- package/types/Tabs/index.d.ts +1 -1
- package/types/Tabs/index.d.ts.map +1 -1
|
@@ -24,6 +24,7 @@ declare class Panel extends Component<TabsPanelProps> {
|
|
|
24
24
|
padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
25
25
|
textAlign?: "start" | "center" | "end" | undefined;
|
|
26
26
|
elementRef?: ((element: HTMLDivElement | null) => void) | undefined;
|
|
27
|
+
active?: boolean | undefined;
|
|
27
28
|
})[];
|
|
28
29
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
29
30
|
renderTitle: import("react").ReactNode | (() => import("react").ReactNode);
|
|
@@ -38,6 +39,7 @@ declare class Panel extends Component<TabsPanelProps> {
|
|
|
38
39
|
padding?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
39
40
|
textAlign?: "start" | "center" | "end" | undefined;
|
|
40
41
|
elementRef?: ((element: HTMLDivElement | null) => void) | undefined;
|
|
42
|
+
active?: boolean | undefined;
|
|
41
43
|
}>;
|
|
42
44
|
static defaultProps: {
|
|
43
45
|
isDisabled: boolean;
|
|
@@ -45,6 +47,7 @@ declare class Panel extends Component<TabsPanelProps> {
|
|
|
45
47
|
variant: string;
|
|
46
48
|
isSelected: boolean;
|
|
47
49
|
padding: string;
|
|
50
|
+
active: boolean;
|
|
48
51
|
};
|
|
49
52
|
componentDidMount(): void;
|
|
50
53
|
componentDidUpdate(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Panel/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;;GAMG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Panel/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;;GAMG;AACH,cACM,KAAM,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,GAAG,EAAE,cAAc,GAAG,IAAI,CAAO;IAEjC,SAAS,OAAQ,cAAc,GAAG,IAAI,UAQrC;IAED,MAAM;CAiDP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -21,6 +21,11 @@ type TabsPanelOwnProps = {
|
|
|
21
21
|
* provides a reference to the underlying html root element
|
|
22
22
|
*/
|
|
23
23
|
elementRef?: (element: HTMLDivElement | null) => void;
|
|
24
|
+
/**
|
|
25
|
+
* Only one `<Tabs.Panel />` can be marked as active. The marked panel's content is rendered
|
|
26
|
+
* for all the `<Tabs.Panel />`s.
|
|
27
|
+
*/
|
|
28
|
+
active?: boolean;
|
|
24
29
|
};
|
|
25
30
|
type PropKeys = keyof TabsPanelOwnProps;
|
|
26
31
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Panel/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,KAAK,iBAAiB,GAAG;IACvB;;;OAGG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Tabs/Panel/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACd,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,KAAK,iBAAiB,GAAG;IACvB;;;OAGG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IACtC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,iBAAiB,CAAA;AAEvC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,cAAc,GAAG,iBAAiB,GACrC,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,GAC9C,mBAAmB,CAAC,iBAAiB,CAAC,CAAA;AAExC,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;AAEzD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAcvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.test.d.ts","sourceRoot":"","sources":["../../../src/Tabs/__new-tests__/Tabs.test.tsx"],"names":[],"mappings":"AA4BA,OAAO,2BAA2B,CAAA"}
|
package/types/Tabs/index.d.ts
CHANGED
|
@@ -90,7 +90,7 @@ declare class Tabs extends Component<TabsProps, TabsState> {
|
|
|
90
90
|
id?: string;
|
|
91
91
|
}): void;
|
|
92
92
|
createTab(index: number, generatedId: string, selected: boolean, panel: PanelChild): TabChild;
|
|
93
|
-
clonePanel(_index: number, generatedId: string, selected: boolean, panel: PanelChild): PanelChild;
|
|
93
|
+
clonePanel(_index: number, generatedId: string, selected: boolean, panel: PanelChild, activePanel?: PanelChild): PanelChild;
|
|
94
94
|
handleFocusableRef: (el: Focusable | null) => void;
|
|
95
95
|
handleTabListRef: (el: Element | null) => void;
|
|
96
96
|
focus(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tabs/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EACZ,SAAS,EAET,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Tabs/index.tsx"],"names":[],"mappings":"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"}
|