pne-ui 3.1.1 → 3.1.3

package/esm/component/table/useDelayedLoading.d.ts

@@ -1,9 +1,9 @@
 /**
- * Хук задержки отображения состояния загрузки.
+ * Хук стабилизации отображения состояния загрузки.
  *
- * Если загрузка завершается быстрее {@link DELAY_BEFORE_SHOWING} мс, индикатор не показывается вовсе.
- * Если индикатор был показан, он остаётся видимым минимум {@link MIN_DISPLAY_DURATION} мс,
- * чтобы избежать мерцания.
+ * Initial loading показывается сразу, чтобы таблица не рендерила пустую высоту до первого
+ * skeleton. Последующие loading-состояния остаются отложенными, чтобы избежать мерцания
+ * при быстрых refetch.
  */
 declare const useDelayedLoading: (loading: boolean) => boolean;
 export default useDelayedLoading;

package/esm/component/table/useDelayedLoading.js

@@ -2,23 +2,32 @@ import { useEffect, useRef, useState } from 'react';
 const DELAY_BEFORE_SHOWING = 300;
 const MIN_DISPLAY_DURATION = 500;
 /**
- * Хук задержки отображения состояния загрузки.
+ * Хук стабилизации отображения состояния загрузки.
  *
- * Если загрузка завершается быстрее {@link DELAY_BEFORE_SHOWING} мс, индикатор не показывается вовсе.
- * Если индикатор был показан, он остаётся видимым минимум {@link MIN_DISPLAY_DURATION} мс,
- * чтобы избежать мерцания.
+ * Initial loading показывается сразу, чтобы таблица не рендерила пустую высоту до первого
+ * skeleton. Последующие loading-состояния остаются отложенными, чтобы избежать мерцания
+ * при быстрых refetch.
  */
 const useDelayedLoading = (loading) => {
-    const [showSkeleton, setShowSkeleton] = useState(false);
-    const skeletonShownAt = useRef(null);
+    const [showSkeleton, setShowSkeleton] = useState(loading);
+    const isInitialLoadingRef = useRef(loading);
+    const initialLoadingHandledRef = useRef(false);
+    const skeletonShownAt = useRef(loading ? Date.now() : null);
     useEffect(() => {
         if (loading) {
+            if (isInitialLoadingRef.current && !initialLoadingHandledRef.current) {
+                initialLoadingHandledRef.current = true;
+                setShowSkeleton(true);
+                skeletonShownAt.current = skeletonShownAt.current ?? Date.now();
+                return undefined;
+            }
             const timer = setTimeout(() => {
                 setShowSkeleton(true);
                 skeletonShownAt.current = Date.now();
             }, DELAY_BEFORE_SHOWING);
             return () => clearTimeout(timer);
         }
+        initialLoadingHandledRef.current = true;
         if (skeletonShownAt.current) {
             const elapsed = Date.now() - skeletonShownAt.current;
             if (elapsed < MIN_DISPLAY_DURATION) {

package/esm/component/table/useDelayedLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDelayedLoading.js","sourceRoot":"","sources":["../../../src/component/table/useDelayedLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAElD,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAW,EAAE;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACzC,CAAC,EAAE,oBAAoB,CAAC,CAAC;YACzB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;YACrD,IAAI,OAAO,GAAG,oBAAoB,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC1B,eAAe,CAAC,KAAK,CAAC,CAAC;oBACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnC,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,CAAC;gBACnC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;QACL,CAAC;QAED,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"useDelayedLoading.js","sourceRoot":"","sources":["../../../src/component/table/useDelayedLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAElD,MAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC;;;;;;GAMG;AACH,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAW,EAAE;IACpD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1D,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,eAAe,GAAG,MAAM,CAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,EAAE,CAAC;YACV,IAAI,mBAAmB,CAAC,OAAO,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,CAAC;gBACnE,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACxC,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,eAAe,CAAC,OAAO,GAAG,eAAe,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;gBAChE,OAAO,SAAS,CAAC;YACrB,CAAC;YAED,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACzC,CAAC,EAAE,oBAAoB,CAAC,CAAC;YAEzB,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;QAED,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;QAExC,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC1B,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;YACrD,IAAI,OAAO,GAAG,oBAAoB,EAAE,CAAC;gBACjC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC1B,eAAe,CAAC,KAAK,CAAC,CAAC;oBACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;gBACnC,CAAC,EAAE,oBAAoB,GAAG,OAAO,CAAC,CAAC;gBACnC,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;QACL,CAAC;QAED,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,YAAY,CAAC;AACxB,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/esm/exports/search.d.ts

@@ -1,6 +1,6 @@
 export { SearchUI, type SearchParams, } from '../component/search-ui/SearchUI';
 export { SearchUIFilters, type SearchUIFiltersConfig, type DateRangeCriterionConfig, } from '../component/search-ui/filters/SearchUIFilters';
-export { CriterionTypeEnum, DATE_RANGE_SPEC_TYPES, ExactCriterionSearchLabelEnum, GroupingType, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, MultigetCriterion, ORDER_SEARCH_LABELS, OrderSearchLabel, SearchCriteria, SearchUIConditions, TransactionSessionGroup, TransactionSessionStatus, TransactionSessionStatuses, DateRangeSpec, } from '../component/search-ui/filters/types';
+export { CriterionTypeEnum, DATE_RANGE_SPEC_TYPES, ExactCriterionSearchLabelEnum, GroupingType, LinkedEntityTypeEnum, MultichoiceFilterTypeEnum, MultigetCriterion, ORDER_SEARCH_LABELS, OrderSearchLabel, SearchCriteria, SearchUICriterionAvailabilityRule, SearchUIConditions, TransactionSessionGroup, TransactionSessionStatus, TransactionSessionStatuses, DateRangeSpec, } from '../component/search-ui/filters/types';
 export { SearchUIProvider, type SearchUIDefaults } from '../component/search-ui/SearchUIProvider';
 export { MultigetSelect } from '../component/search-ui/multiget_select/MultigetSelect';
 export { SearchUITemplate } from '../component/search-ui/filters/types';

package/esm/exports/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/exports/search.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,GAEX,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACH,eAAe,GAGlB,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,6BAA6B,EAE7B,oBAAoB,EACpB,yBAAyB,EAEzB,mBAAmB,GAQtB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,yCAAyC,CAAA;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAA;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA"}
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../src/exports/search.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,GAEX,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACH,eAAe,GAGlB,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACH,iBAAiB,EACjB,qBAAqB,EACrB,6BAA6B,EAE7B,oBAAoB,EACpB,yBAAyB,EAEzB,mBAAmB,GAStB,MAAM,sCAAsC,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAyB,MAAM,yCAAyC,CAAA;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,uDAAuD,CAAA;AAEtF,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pne-ui",
-    "version": "3.1.1",
+    "version": "3.1.3",
     "description": "",
     "repository": {
         "type": "git",