@headless-adminapp/app 1.1.6 → 1.1.8

package/app/index.d.ts

@@ -1,4 +1,3 @@
 export { AppContext } from './context';
 export { useAppContext } from './hooks';
 export { AppProvider } from './AppProvider';
-export { LayoutProvider } from './LayoutProvider';

package/app/index.js

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutProvider = exports.AppProvider = exports.useAppContext = exports.AppContext = void 0;
+exports.AppProvider = exports.useAppContext = exports.AppContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "AppContext", { enumerable: true, get: function () { return context_1.AppContext; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useAppContext", { enumerable: true, get: function () { return hooks_1.useAppContext; } });
 var AppProvider_1 = require("./AppProvider");
 Object.defineProperty(exports, "AppProvider", { enumerable: true, get: function () { return AppProvider_1.AppProvider; } });
-var LayoutProvider_1 = require("./LayoutProvider");
-Object.defineProperty(exports, "LayoutProvider", { enumerable: true, get: function () { return LayoutProvider_1.LayoutProvider; } });

package/builders/DefineFormExperience.d.ts

@@ -20,7 +20,7 @@ export declare namespace DefineFormExperience {
     type TabColumn<S extends SchemaAttributes = SchemaAttributes> = {
         sections: Section<S>[];
     };
-    type Section<S extends SchemaAttributes = SchemaAttributes> = Pick<$Section<S>, 'label' | 'columnCount' | 'labelPosition' | 'name' | 'localizedLabels' | 'hidden' | 'hideLabel' | 'noPadding'> & {
+    type Section<S extends SchemaAttributes = SchemaAttributes> = Pick<$Section<S>, 'label' | 'columnCount' | 'labelPosition' | 'name' | 'localizedLabels' | 'hidden' | 'hideLabel' | 'noPadding' | 'fullHeight'> & {
         controls: SectionControl<S>[];
     };
     export type SectionControl<S extends SchemaAttributes = SchemaAttributes> = $SectionControl<S> | keyof S;

package/components/ScrollView/index.d.ts

@@ -5,6 +5,7 @@ interface ScrollViewProps {
     autoHide?: boolean;
     rtl?: boolean;
     onScroll?: ScrollbarProps['onScroll'];
+    shadowEffect?: boolean;
 }
 export declare const ScrollView: FC<PropsWithChildren<ScrollViewProps>>;
 export {};

package/components/ScrollView/index.js

@@ -6,6 +6,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ScrollView = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
 const react_custom_scrollbars_2_1 = require("react-custom-scrollbars-2");
-const ScrollView = ({ children, className, rtl, autoHide, onScroll, }) => ((0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.Scrollbars, { autoHide: autoHide, className: (0, clsx_1.default)(className, 'hdl-scrollbar', rtl && 'rtl'), onScroll: onScroll, children: children }));
+function getReaminingSpace(div) {
+    return div.scrollHeight - div.scrollTop - div.clientHeight;
+}
+const ScrollView = ({ children, className, rtl, autoHide, onScroll, shadowEffect = false, }) => {
+    const [isTop, setIsTop] = (0, react_1.useState)(true);
+    const [isBottom, setIsBottom] = (0, react_1.useState)(false);
+    const handleScroll = (event) => {
+        const div = event.target;
+        const remainingSpace = getReaminingSpace(div);
+        const _isTop = div.scrollTop === 0;
+        const _isBottom = remainingSpace <= 0;
+        if (isTop !== _isTop) {
+            setIsTop(_isTop);
+        }
+        if (isBottom !== _isBottom) {
+            setIsBottom(_isBottom);
+        }
+        if (onScroll) {
+            onScroll(event);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.Scrollbars, { autoHide: autoHide, className: (0, clsx_1.default)(className, 'hdl-scrollbar', rtl && 'rtl', shadowEffect && !isTop && 'hdl-scrollbar-shadow-top', shadowEffect && !isBottom && 'hdl-scrollbar-shadow-bottom'), onScroll: handleScroll, children: children }));
+};
 exports.ScrollView = ScrollView;

package/dataform/utils/index.d.ts

@@ -32,12 +32,12 @@ export declare const generateValidationSchema: (<A extends SchemaAttributes = Sc
     schema: Schema<A>;
     columns: string[];
     readonlyAttributes?: string[];
-    editableGrids: Array<{
+    editableGrids?: Array<{
         schema: Schema;
         columns: string[];
         attributeName: string;
         required?: boolean;
-    }> | undefined;
+    }>;
     language: string;
     strings: FormValidationStringSet;
     region: string;

package/index.css

@@ -2,3 +2,32 @@
   margin-right: 0 !important;
   margin-left: -15px;
 }
+
+.hdl-scrollbar-shadow-top::before {
+  content: ' ';
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 40px;
+  pointer-events: none;
+  background: linear-gradient(
+    to bottom,
+    var(--colorNeutralStrokeAlpha),
+    transparent
+  );
+}
+.hdl-scrollbar-shadow-bottom::after {
+  content: ' ';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 40px;
+  pointer-events: none;
+  background: linear-gradient(
+    to top,
+    var(--colorNeutralStrokeAlpha),
+    transparent
+  );
+}

package/metadata/hooks/useExperienceViewCommands.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceViewCommands = useExperienceViewCommands;
-const app_1 = require("@headless-adminapp/app/app");
 const react_query_1 = require("@tanstack/react-query");
+const useAppContext_1 = require("../../app/hooks/useAppContext");
 const useExperienceStore_1 = require("./useExperienceStore");
 /** @todo move in different dir */
 function useExperienceViewCommands(logicalName) {
     const experienceStore = (0, useExperienceStore_1.useExperienceStore)();
-    const { appExperience: { viewCommands }, } = (0, app_1.useAppContext)();
+    const { appExperience: { viewCommands }, } = (0, useAppContext_1.useAppContext)();
     const { data: commands } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-view-commands', logicalName],
         queryFn: async () => {

package/metadata/hooks/useExperienceViewSubgridCommands.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useExperienceViewSubgridCommands = useExperienceViewSubgridCommands;
-const app_1 = require("@headless-adminapp/app/app");
 const react_query_1 = require("@tanstack/react-query");
+const useAppContext_1 = require("../../app/hooks/useAppContext");
 const useExperienceStore_1 = require("./useExperienceStore");
 /** @todo move in different dir */
 function useExperienceViewSubgridCommands(logicalName) {
     const experienceStore = (0, useExperienceStore_1.useExperienceStore)();
-    const { appExperience: { subgridCommands }, } = (0, app_1.useAppContext)();
+    const { appExperience: { subgridCommands }, } = (0, useAppContext_1.useAppContext)();
     const { data: commands } = (0, react_query_1.useQuery)({
         queryKey: ['experience-schema-view-subgrid-commands', logicalName],
         queryFn: async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.1.6",
+  "version": "1.1.8",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -36,5 +36,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "23ea276caca4d792a5229dc2e1323f6888eb1424"
+  "gitHead": "918b655a582c5c63864e8bbe6999289ec959b917"
 }