@trackunit/react-components 0.1.116 → 0.1.117
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/index.cjs +10 -22
- package/index.js +11 -22
- package/package.json +1 -1
- package/src/layout/index.d.ts +0 -1
- package/src/layout/responsive/TwoColumnLayout.d.ts +0 -12
package/index.cjs
CHANGED
|
@@ -2421,8 +2421,8 @@ const cvaClickable = cssClassVarianceUtilities.cvaMerge([
|
|
|
2421
2421
|
* @param {MinTopFullContentLayoutProps} props - The props for the MinTopFullContentLayout component
|
|
2422
2422
|
* @returns {JSX.Element} MinTopFullContentLayout component
|
|
2423
2423
|
*/
|
|
2424
|
-
const MinTopFullContentLayout = ({ children, className, dataTestId }) => (jsxRuntime.jsx(Layout$
|
|
2425
|
-
const Layout$
|
|
2424
|
+
const MinTopFullContentLayout = ({ children, className, dataTestId }) => (jsxRuntime.jsx(Layout$4, Object.assign({ className: className, "data-testid": dataTestId }, { children: children })));
|
|
2425
|
+
const Layout$4 = tailwindStyledComponents.tw.span `
|
|
2426
2426
|
grid
|
|
2427
2427
|
h-full
|
|
2428
2428
|
grid-rows-min-fr
|
|
@@ -2444,8 +2444,8 @@ const Layout$5 = tailwindStyledComponents.tw.span `
|
|
|
2444
2444
|
* @param {FilterListMapLayoutProps} props - The props for the FilterListMapLayout component
|
|
2445
2445
|
* @returns {JSX.Element} FilterListMapLayout component
|
|
2446
2446
|
*/
|
|
2447
|
-
const FilterListMapLayout = ({ children }) => jsxRuntime.jsx(Layout$
|
|
2448
|
-
const Layout$
|
|
2447
|
+
const FilterListMapLayout = ({ children }) => jsxRuntime.jsx(Layout$3, { children: children });
|
|
2448
|
+
const Layout$3 = tailwindStyledComponents.tw.span `
|
|
2449
2449
|
tu-layout-FilterListMap
|
|
2450
2450
|
`;
|
|
2451
2451
|
|
|
@@ -2457,8 +2457,8 @@ const Layout$4 = tailwindStyledComponents.tw.span `
|
|
|
2457
2457
|
* @param {FullWidthRepeatingLayoutProps} props - The props for the FullWidthRepeatingLayout component
|
|
2458
2458
|
* @returns {JSX.Element} FullWidthRepeatingLayout component
|
|
2459
2459
|
*/
|
|
2460
|
-
const FullWidthRepeatingLayout = ({ children, rowSizing = "Unmanaged", rowMinHeight, dataTestId, className, }) => (jsxRuntime.jsx(Layout$
|
|
2461
|
-
const Layout$
|
|
2460
|
+
const FullWidthRepeatingLayout = ({ children, rowSizing = "Unmanaged", rowMinHeight, dataTestId, className, }) => (jsxRuntime.jsx(Layout$2, Object.assign({ "data-testid": dataTestId, className: className, "$rowSizing": rowSizing, "$rowMinHeight": rowMinHeight !== null && rowMinHeight !== void 0 ? rowMinHeight : 0 }, { children: children })));
|
|
2461
|
+
const Layout$2 = tailwindStyledComponents.tw.span `
|
|
2462
2462
|
tu-layout-FullWidthRepeatingLayout
|
|
2463
2463
|
|
|
2464
2464
|
${({ $rowSizing }) => {
|
|
@@ -2490,9 +2490,9 @@ const GridArea = ({ area, dataTestId, className, children }) => (jsxRuntime.jsx(
|
|
|
2490
2490
|
* @returns {JSX.Element} IntrinsicallyResponsiveGrid component
|
|
2491
2491
|
*/
|
|
2492
2492
|
const IntrinsicallyResponsiveGrid = ({ children, occupation = "auto-fill", minColumnWidth = "md", rowHeight = "1fr", gap = "auto", dataTestId, className, }) => {
|
|
2493
|
-
return (jsxRuntime.jsx(Layout$
|
|
2493
|
+
return (jsxRuntime.jsx(Layout$1, Object.assign({ "$minColumnWidth": minColumnWidth, "data-testid": dataTestId, "$gap": gap, "$rowHeight": rowHeight, "$occupation": occupation, className: className }, { children: children })));
|
|
2494
2494
|
};
|
|
2495
|
-
const Layout$
|
|
2495
|
+
const Layout$1 = tailwindStyledComponents.tw.span `
|
|
2496
2496
|
empty:hidden
|
|
2497
2497
|
tu-layout-IntrinsicallyResponsiveGrid
|
|
2498
2498
|
${({ $occupation }) => {
|
|
@@ -2565,8 +2565,8 @@ const Layout$2 = tailwindStyledComponents.tw.span `
|
|
|
2565
2565
|
* @param {TitleNavContentLayoutProps} props - The props for the TitleNavContentLayout component
|
|
2566
2566
|
* @returns {JSX.Element} TitleNavContentLayout component
|
|
2567
2567
|
*/
|
|
2568
|
-
const TitleNavContentLayout = ({ children, className }) => (jsxRuntime.jsx(Layout
|
|
2569
|
-
const Layout
|
|
2568
|
+
const TitleNavContentLayout = ({ children, className }) => (jsxRuntime.jsx(Layout, Object.assign({ className: className }, { children: children })));
|
|
2569
|
+
const Layout = tailwindStyledComponents.tw.div `
|
|
2570
2570
|
tu-layout-TitleNavContentLayout
|
|
2571
2571
|
lg:tu-layout-TitleNavContentLayout-lg
|
|
2572
2572
|
`;
|
|
@@ -2591,17 +2591,6 @@ const ContentGridArea = tailwindStyledComponents.tw.article `
|
|
|
2591
2591
|
tu-layout-area-content
|
|
2592
2592
|
`;
|
|
2593
2593
|
|
|
2594
|
-
/**
|
|
2595
|
-
* TwoColumnLayout.
|
|
2596
|
-
*
|
|
2597
|
-
* @param {TwoColumnLayoutProps} props - The props for the TwoColumnLayout component
|
|
2598
|
-
* @returns {JSX.Element} TwoColumnLayout component
|
|
2599
|
-
*/
|
|
2600
|
-
const TwoColumnLayout = ({ children }) => jsxRuntime.jsx(Layout, { children: children });
|
|
2601
|
-
const Layout = tailwindStyledComponents.tw.div `
|
|
2602
|
-
tu-layout-TwoColumnLayout
|
|
2603
|
-
`;
|
|
2604
|
-
|
|
2605
2594
|
exports.Alert = Alert;
|
|
2606
2595
|
exports.Badge = Badge;
|
|
2607
2596
|
exports.Button = Button;
|
|
@@ -2655,7 +2644,6 @@ exports.Tip = Tip;
|
|
|
2655
2644
|
exports.TitleGridArea = TitleGridArea;
|
|
2656
2645
|
exports.TitleNavContentLayout = TitleNavContentLayout;
|
|
2657
2646
|
exports.Tooltip = Tooltip;
|
|
2658
|
-
exports.TwoColumnLayout = TwoColumnLayout;
|
|
2659
2647
|
exports.ValueBar = ValueBar;
|
|
2660
2648
|
exports.cvaButton = cvaButton;
|
|
2661
2649
|
exports.cvaButtonSpinner = cvaButtonSpinner;
|
package/index.js
CHANGED
|
@@ -2394,8 +2394,8 @@ const cvaClickable = cvaMerge([
|
|
|
2394
2394
|
* @param {MinTopFullContentLayoutProps} props - The props for the MinTopFullContentLayout component
|
|
2395
2395
|
* @returns {JSX.Element} MinTopFullContentLayout component
|
|
2396
2396
|
*/
|
|
2397
|
-
const MinTopFullContentLayout = ({ children, className, dataTestId }) => (jsx(Layout$
|
|
2398
|
-
const Layout$
|
|
2397
|
+
const MinTopFullContentLayout = ({ children, className, dataTestId }) => (jsx(Layout$4, Object.assign({ className: className, "data-testid": dataTestId }, { children: children })));
|
|
2398
|
+
const Layout$4 = tw.span `
|
|
2399
2399
|
grid
|
|
2400
2400
|
h-full
|
|
2401
2401
|
grid-rows-min-fr
|
|
@@ -2417,8 +2417,8 @@ const Layout$5 = tw.span `
|
|
|
2417
2417
|
* @param {FilterListMapLayoutProps} props - The props for the FilterListMapLayout component
|
|
2418
2418
|
* @returns {JSX.Element} FilterListMapLayout component
|
|
2419
2419
|
*/
|
|
2420
|
-
const FilterListMapLayout = ({ children }) => jsx(Layout$
|
|
2421
|
-
const Layout$
|
|
2420
|
+
const FilterListMapLayout = ({ children }) => jsx(Layout$3, { children: children });
|
|
2421
|
+
const Layout$3 = tw.span `
|
|
2422
2422
|
tu-layout-FilterListMap
|
|
2423
2423
|
`;
|
|
2424
2424
|
|
|
@@ -2430,8 +2430,8 @@ const Layout$4 = tw.span `
|
|
|
2430
2430
|
* @param {FullWidthRepeatingLayoutProps} props - The props for the FullWidthRepeatingLayout component
|
|
2431
2431
|
* @returns {JSX.Element} FullWidthRepeatingLayout component
|
|
2432
2432
|
*/
|
|
2433
|
-
const FullWidthRepeatingLayout = ({ children, rowSizing = "Unmanaged", rowMinHeight, dataTestId, className, }) => (jsx(Layout$
|
|
2434
|
-
const Layout$
|
|
2433
|
+
const FullWidthRepeatingLayout = ({ children, rowSizing = "Unmanaged", rowMinHeight, dataTestId, className, }) => (jsx(Layout$2, Object.assign({ "data-testid": dataTestId, className: className, "$rowSizing": rowSizing, "$rowMinHeight": rowMinHeight !== null && rowMinHeight !== void 0 ? rowMinHeight : 0 }, { children: children })));
|
|
2434
|
+
const Layout$2 = tw.span `
|
|
2435
2435
|
tu-layout-FullWidthRepeatingLayout
|
|
2436
2436
|
|
|
2437
2437
|
${({ $rowSizing }) => {
|
|
@@ -2463,9 +2463,9 @@ const GridArea = ({ area, dataTestId, className, children }) => (jsx("section",
|
|
|
2463
2463
|
* @returns {JSX.Element} IntrinsicallyResponsiveGrid component
|
|
2464
2464
|
*/
|
|
2465
2465
|
const IntrinsicallyResponsiveGrid = ({ children, occupation = "auto-fill", minColumnWidth = "md", rowHeight = "1fr", gap = "auto", dataTestId, className, }) => {
|
|
2466
|
-
return (jsx(Layout$
|
|
2466
|
+
return (jsx(Layout$1, Object.assign({ "$minColumnWidth": minColumnWidth, "data-testid": dataTestId, "$gap": gap, "$rowHeight": rowHeight, "$occupation": occupation, className: className }, { children: children })));
|
|
2467
2467
|
};
|
|
2468
|
-
const Layout$
|
|
2468
|
+
const Layout$1 = tw.span `
|
|
2469
2469
|
empty:hidden
|
|
2470
2470
|
tu-layout-IntrinsicallyResponsiveGrid
|
|
2471
2471
|
${({ $occupation }) => {
|
|
@@ -2538,8 +2538,8 @@ const Layout$2 = tw.span `
|
|
|
2538
2538
|
* @param {TitleNavContentLayoutProps} props - The props for the TitleNavContentLayout component
|
|
2539
2539
|
* @returns {JSX.Element} TitleNavContentLayout component
|
|
2540
2540
|
*/
|
|
2541
|
-
const TitleNavContentLayout = ({ children, className }) => (jsx(Layout
|
|
2542
|
-
const Layout
|
|
2541
|
+
const TitleNavContentLayout = ({ children, className }) => (jsx(Layout, Object.assign({ className: className }, { children: children })));
|
|
2542
|
+
const Layout = tw.div `
|
|
2543
2543
|
tu-layout-TitleNavContentLayout
|
|
2544
2544
|
lg:tu-layout-TitleNavContentLayout-lg
|
|
2545
2545
|
`;
|
|
@@ -2564,15 +2564,4 @@ const ContentGridArea = tw.article `
|
|
|
2564
2564
|
tu-layout-area-content
|
|
2565
2565
|
`;
|
|
2566
2566
|
|
|
2567
|
-
|
|
2568
|
-
* TwoColumnLayout.
|
|
2569
|
-
*
|
|
2570
|
-
* @param {TwoColumnLayoutProps} props - The props for the TwoColumnLayout component
|
|
2571
|
-
* @returns {JSX.Element} TwoColumnLayout component
|
|
2572
|
-
*/
|
|
2573
|
-
const TwoColumnLayout = ({ children }) => jsx(Layout, { children: children });
|
|
2574
|
-
const Layout = tw.div `
|
|
2575
|
-
tu-layout-TwoColumnLayout
|
|
2576
|
-
`;
|
|
2577
|
-
|
|
2578
|
-
export { Alert, Badge, Button, Card, CardBody, CardFooter, CardHeader, Collapse, ContentGridArea, CopyableText, DayPicker, DayPickerPopover, DayRangePicker, DensityContainer, Drawer, ExternalLink, FilterListMapLayout, FullWidthRepeatingLayout, GridArea, Heading, Icon, IconButton, Indicator, IntrinsicallyResponsiveGrid, MenuItem, MenuList, MinTopFullContentLayout, Modal, ModalBackdrop, MoreMenu, NavGridArea, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tag, Text, Timeline, TimelineElement, Tip, TitleGridArea, TitleNavContentLayout, Tooltip, TwoColumnLayout, ValueBar, cvaButton, cvaButtonSpinner, cvaClickable, cvaIconButtonContainer, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, docs, getDevicePixelRatio, getValueBarColorByValue, useClickOutside, useContainerProps, useDebounce, useDevicePixelRatio, useHover, useIsFirstRender, useLocalStorage, useLocalStorageReducer, useModal, usePopoverContext, usePrompt, useResize, useTimeout };
|
|
2567
|
+
export { Alert, Badge, Button, Card, CardBody, CardFooter, CardHeader, Collapse, ContentGridArea, CopyableText, DayPicker, DayPickerPopover, DayRangePicker, DensityContainer, Drawer, ExternalLink, FilterListMapLayout, FullWidthRepeatingLayout, GridArea, Heading, Icon, IconButton, Indicator, IntrinsicallyResponsiveGrid, MenuItem, MenuList, MinTopFullContentLayout, Modal, ModalBackdrop, MoreMenu, NavGridArea, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tag, Text, Timeline, TimelineElement, Tip, TitleGridArea, TitleNavContentLayout, Tooltip, ValueBar, cvaButton, cvaButtonSpinner, cvaClickable, cvaIconButtonContainer, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, docs, getDevicePixelRatio, getValueBarColorByValue, useClickOutside, useContainerProps, useDebounce, useDevicePixelRatio, useHover, useIsFirstRender, useLocalStorage, useLocalStorageReducer, useModal, usePopoverContext, usePrompt, useResize, useTimeout };
|
package/package.json
CHANGED
package/src/layout/index.d.ts
CHANGED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
interface TwoColumnLayoutProps {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* TwoColumnLayout.
|
|
7
|
-
*
|
|
8
|
-
* @param {TwoColumnLayoutProps} props - The props for the TwoColumnLayout component
|
|
9
|
-
* @returns {JSX.Element} TwoColumnLayout component
|
|
10
|
-
*/
|
|
11
|
-
export declare const TwoColumnLayout: ({ children }: TwoColumnLayoutProps) => JSX.Element;
|
|
12
|
-
export {};
|