@astral/ui 4.75.0 → 4.76.1

package/node/components/PageContent/PageContentHeader/useLogic/useLogic.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_1 = require("react");
+const PageHeader_1 = require("../../../PageHeader");
+const useViewportType_1 = require("../../../useViewportType");
+const useLogic = () => {
+    const [pageHeaderContainer, setPageHeaderContainer] = (0, react_1.useState)(null);
+    const { isMobile } = (0, useViewportType_1.useViewportType)();
+    (0, react_1.useEffect)(() => {
+        const container = document.querySelector(`.${PageHeader_1.pageHeaderClassnames.root}`);
+        setPageHeaderContainer(container);
+    }, []);
+    return {
+        pageHeaderContainer,
+        isMobile,
+    };
+};
+exports.useLogic = useLogic;

package/node/components/PageContent/public.d.ts

@@ -1,4 +1,4 @@
 export { pageContentClassnames } from './constants';
 export { PageContent } from './PageContent';
-export { PageContentHeader, PageContentHeaderActions, type PageContentHeaderActionsProps, type PageContentHeaderProps, } from './PageContentHeader';
+export { PageContentHeader, PageContentHeaderActions, type PageContentHeaderActionsProps, PageContentHeaderActionsSkeleton, type PageContentHeaderProps, } from './PageContentHeader';
 export type { PageContentProps } from './types';

package/node/components/PageContent/public.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageContentHeaderActions = exports.PageContentHeader = exports.PageContent = exports.pageContentClassnames = void 0;
+exports.PageContentHeaderActionsSkeleton = exports.PageContentHeaderActions = exports.PageContentHeader = exports.PageContent = exports.pageContentClassnames = void 0;
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "pageContentClassnames", { enumerable: true, get: function () { return constants_1.pageContentClassnames; } });
 var PageContent_1 = require("./PageContent");
@@ -8,3 +8,4 @@ Object.defineProperty(exports, "PageContent", { enumerable: true, get: function
 var PageContentHeader_1 = require("./PageContentHeader");
 Object.defineProperty(exports, "PageContentHeader", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeader; } });
 Object.defineProperty(exports, "PageContentHeaderActions", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeaderActions; } });
+Object.defineProperty(exports, "PageContentHeaderActionsSkeleton", { enumerable: true, get: function () { return PageContentHeader_1.PageContentHeaderActionsSkeleton; } });

package/node/components/PageContent/styles.js

@@ -70,6 +70,10 @@ exports.Content = styled_1.styled.div `
     padding-right: ${({ theme }) => theme.spacing(4)};
     padding-bottom: ${({ theme }) => theme.spacing(3)};
     padding-left: ${({ theme }) => theme.spacing(4)};
+
+    &.${constants_2.pageContentClassnames.contentHasHeader}, &.${constants_2.pageContentClassnames.hasAside} {
+      padding: ${({ theme }) => theme.spacing(4, 4, 3)};
+    }
   }
 
   ${({ theme }) => theme.breakpoints.down('sm')} {

package/node/components/TreeLikeAutocomplete/OptionsModal/styles.js

@@ -22,6 +22,5 @@ exports.StyledDialogContent = (0, styled_1.styled)(DialogContent_1.DialogContent
 exports.TreeListWrapper = styled_1.styled.div `
   overflow: auto;
 
-  min-width: 500px;
   height: 100%;
 `;

package/node/components/TreeLikeList/TreeLikeList.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TreeLikeList = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const Tree_1 = require("../Tree");
+const classNames_1 = require("../utils/classNames");
 const styles_1 = require("./styles");
 const TreeItem_1 = require("./TreeItem");
 const useLogic_1 = require("./useLogic");
@@ -9,6 +11,6 @@ const INITIAL_LEVEL = 0;
 const TreeLikeList = (props) => {
     const { listProps, itemProps } = (0, useLogic_1.useLogic)(props);
     const { data, className, expandedLevel = 10, disabledItems, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: className, ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.List, { className: (0, classNames_1.classNames)(className, Tree_1.treeListClassnames.list), ...listProps, children: data.map((item) => ((0, jsx_runtime_1.jsx)(TreeItem_1.TreeItem, { item: item, level: INITIAL_LEVEL, expandedLevel: expandedLevel, ...itemProps, ...restProps }, item.id))) }));
 };
 exports.TreeLikeList = TreeLikeList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.75.0",
+  "version": "4.76.1",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {