@oliasoft-open-source/react-ui-library 6.11.0-beta-14 → 6.11.0-beta-16
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/README.md
CHANGED
|
@@ -2127,16 +2127,12 @@ The `Tabs` component creates a tabbed interface for organizing content.
|
|
|
2127
2127
|
|-------------------|----------------------------------------------------------------------|---------------|
|
|
2128
2128
|
| `name` | Name of the tabs (optional). | - |
|
|
2129
2129
|
| `options` | Array of tab options. | `null` |
|
|
2130
|
-
| `children` | Content of the tabs. | `null` |
|
|
2131
2130
|
| `value` | Currently selected tab option. | - |
|
|
2132
2131
|
| `onChange` | Function called when a tab is selected. | `() => {}` |
|
|
2133
2132
|
| `padding` | Determines if padding should be applied to the tabs container. | `false` |
|
|
2134
2133
|
| `margin` | Determines if margin should be applied to the tabs container. | `true` |
|
|
2135
|
-
| `contentPadding` | Determines if padding should be applied to the tab content. | `true` |
|
|
2136
2134
|
| `testId` | Test ID for the tabs component. | - |
|
|
2137
|
-
| `
|
|
2138
|
-
| `tabs` | **(Deprecated)** Array of tab options (use `options` prop instead). | - |
|
|
2139
|
-
| `onChangeTab` | **(Deprecated)** Function called when a tab is changed. | `() => {}` |
|
|
2135
|
+
| `linkComponent` | Default router link component for tab options with `to`. | - |
|
|
2140
2136
|
|
|
2141
2137
|
### Tab Option
|
|
2142
2138
|
|
|
@@ -2167,13 +2163,8 @@ The `Tabs` component creates a tabbed interface for organizing content.
|
|
|
2167
2163
|
onChange={(evt) => console.log('Selected tab: ', evt.target.value)}
|
|
2168
2164
|
padding={true}
|
|
2169
2165
|
margin={false}
|
|
2170
|
-
contentPadding={false}
|
|
2171
2166
|
testId="example-tabs"
|
|
2172
|
-
|
|
2173
|
-
<div>Content for Tab 1</div>
|
|
2174
|
-
<div>Content for Tab 2</div>
|
|
2175
|
-
<div>Content for Tab 3</div>
|
|
2176
|
-
</Tabs>
|
|
2167
|
+
/>
|
|
2177
2168
|
```
|
|
2178
2169
|
|
|
2179
2170
|
<hr style="border: none; border-right: 2px solid black; width: 100%; height: 1px;">
|
|
@@ -28,19 +28,10 @@ export interface ITabsProps {
|
|
|
28
28
|
onChange?: TChangeEventHandler;
|
|
29
29
|
padding?: boolean;
|
|
30
30
|
margin?: boolean;
|
|
31
|
-
contentPadding?: boolean;
|
|
32
31
|
testId?: string;
|
|
33
|
-
/** @deprecated Pass tab definitions via `options` instead. */
|
|
34
|
-
children?: any;
|
|
35
|
-
/** @deprecated Use `value` and `onChange` instead. */
|
|
36
|
-
activeTabIndex?: number;
|
|
37
|
-
/** @deprecated Use `options` instead. */
|
|
38
|
-
tabs?: ITabOption[] | undefined;
|
|
39
|
-
/** @deprecated Use `onChange` instead. */
|
|
40
|
-
onChangeTab?: (index: number, value: TStringOrNumber | null) => void;
|
|
41
32
|
/** Default router link component for tab options with `to`. */
|
|
42
33
|
linkComponent?: ElementType;
|
|
43
34
|
}
|
|
44
|
-
export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin,
|
|
35
|
+
export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin, testId, linkComponent, }: ITabsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
45
36
|
export {};
|
|
46
37
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAc,MAAM,OAAO,CAAC;AASvD,OAAO,EAEL,mBAAmB,EACnB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAOzC,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;IACvB,yEAAyE;IACzE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2DAA2D;IAC3D,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAC9B,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,GAAI,mGASlB,UAAU,mDA8GZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAStD,OAAO,EAAE,UAAU,EAAQ,MAAM,QAAQ,CAAC;wBAiBrC,IAAI;AAfT,wBAeU;AAGV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,UAAU,CAAqB,CAAC;AAE9D,eAAO,MAAM,QAAQ,8GAAoB,CAAC;AAG1C,eAAO,MAAM,iBAAiB,8GAAoB,CAAC;AAWnD,eAAO,MAAM,SAAS,8GAAoB,CAAC;AAW3C,eAAO,MAAM,OAAO,+CAmCnB,CAAC;AAEF,eAAO,MAAM,aAAa,8GAAoB,CAAC;AAgD/C,eAAO,MAAM,QAAQ;;;;;;;;;CAIpB,CAAC
|
|
1
|
+
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAStD,OAAO,EAAE,UAAU,EAAQ,MAAM,QAAQ,CAAC;wBAiBrC,IAAI;AAfT,wBAeU;AAGV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,UAAU,CAAqB,CAAC;AAE9D,eAAO,MAAM,QAAQ,8GAAoB,CAAC;AAG1C,eAAO,MAAM,iBAAiB,8GAAoB,CAAC;AAWnD,eAAO,MAAM,SAAS,8GAAoB,CAAC;AAW3C,eAAO,MAAM,OAAO,+CAmCnB,CAAC;AAEF,eAAO,MAAM,aAAa,8GAAoB,CAAC;AAgD/C,eAAO,MAAM,QAAQ;;;;;;;;;CAIpB,CAAC"}
|