@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 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$5, Object.assign({ className: className, "data-testid": dataTestId }, { children: children })));
2425
- const Layout$5 = tailwindStyledComponents.tw.span `
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$4, { children: children });
2448
- const Layout$4 = tailwindStyledComponents.tw.span `
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$3, Object.assign({ "data-testid": dataTestId, className: className, "$rowSizing": rowSizing, "$rowMinHeight": rowMinHeight !== null && rowMinHeight !== void 0 ? rowMinHeight : 0 }, { children: children })));
2461
- const Layout$3 = tailwindStyledComponents.tw.span `
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$2, Object.assign({ "$minColumnWidth": minColumnWidth, "data-testid": dataTestId, "$gap": gap, "$rowHeight": rowHeight, "$occupation": occupation, className: className }, { children: children })));
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$2 = tailwindStyledComponents.tw.span `
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$1, Object.assign({ className: className }, { children: children })));
2569
- const Layout$1 = tailwindStyledComponents.tw.div `
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$5, Object.assign({ className: className, "data-testid": dataTestId }, { children: children })));
2398
- const Layout$5 = tw.span `
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$4, { children: children });
2421
- const Layout$4 = tw.span `
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$3, Object.assign({ "data-testid": dataTestId, className: className, "$rowSizing": rowSizing, "$rowMinHeight": rowMinHeight !== null && rowMinHeight !== void 0 ? rowMinHeight : 0 }, { children: children })));
2434
- const Layout$3 = tw.span `
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$2, Object.assign({ "$minColumnWidth": minColumnWidth, "data-testid": dataTestId, "$gap": gap, "$rowHeight": rowHeight, "$occupation": occupation, className: className }, { children: children })));
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$2 = tw.span `
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$1, Object.assign({ className: className }, { children: children })));
2542
- const Layout$1 = tw.div `
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/react-components",
3
- "version": "0.1.116",
3
+ "version": "0.1.117",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {
@@ -4,4 +4,3 @@ export * from "./responsive/FullWidthRepeatingLayout";
4
4
  export * from "./responsive/GridArea";
5
5
  export * from "./responsive/IntrinsicallyResponsiveGrid";
6
6
  export * from "./responsive/TitleNavContentLayout";
7
- export * from "./responsive/TwoColumnLayout";
@@ -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 {};