@snack-uikit/utils 4.0.1 → 4.0.3-preview-fc6b5b87.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.0.2 (2026-05-18)
+
+
+### Bug Fixes
+
+* **PDS-3818:** swap places for useDataPersist so that URL > localStorage ([4018a25](https://github.com/cloud-ru-tech/snack-uikit/commit/4018a2536565b8fb85da1f26b22234806812ef56))
+
+
+
+
+
 ## <small>4.0.1 (2026-01-19)</small>
 
 * chore(FF-6693): tune test configs ([d194f4d](https://github.com/cloud-ru-tech/snack-uikit/commit/d194f4d))

package/dist/cjs/components/ThemeProvider/ThemeProvider.js

@@ -19,9 +19,7 @@ const contexts_1 = require("./contexts");
  * Провайдер, предназначенный для работы с темами
  */
 function ThemeProvider(_a) {
-  var {
-      children
-    } = _a,
+  var children = _a.children,
     props = __rest(_a, ["children"]);
   const themeConfig = (0, hooks_1.useThemeConfig)(props);
   return (0, jsx_runtime_1.jsx)(contexts_1.ThemeContext.Provider, {

package/dist/cjs/hooks/useDataPersist/useDataPersist.js

@@ -8,25 +8,21 @@ const react_1 = require("react");
 const sources_1 = require("./sources");
 const useSource_1 = require("./useSource");
 const useDataPersist = _ref => {
-  let {
-    options,
-    parser,
-    serializer
-  } = _ref;
+  let options = _ref.options,
+    parser = _ref.parser,
+    serializer = _ref.serializer;
   const querySource = (0, react_1.useMemo)(() => options ? new sources_1.QueryParamSource(options.queryKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
   const localStorageSource = (0, react_1.useMemo)(() => options ? new sources_1.LocalStorageSource(options.localStorageKey, options.validateData) : undefined, [options]);
-  const {
-    getData: getLocalStorageData,
-    setData: setLocalStorageData
-  } = (0, useSource_1.useSource)({
-    source: querySource
-  });
-  const {
-    getData: getQueryParamsData,
-    setData: setQueryParamsData
-  } = (0, useSource_1.useSource)({
-    source: localStorageSource
-  });
+  const _ref2 = (0, useSource_1.useSource)({
+      source: localStorageSource
+    }),
+    getLocalStorageData = _ref2.getData,
+    setLocalStorageData = _ref2.setData;
+  const _ref3 = (0, useSource_1.useSource)({
+      source: querySource
+    }),
+    getQueryParamsData = _ref3.getData,
+    setQueryParamsData = _ref3.setData;
   const setDataToStorages = (0, react_1.useCallback)(data => {
     setLocalStorageData(data);
     setQueryParamsData(data);

package/dist/cjs/hooks/useDataPersist/useSource.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useSource = void 0;
 const react_1 = require("react");
 const useSource = _ref => {
-  let {
-    source
-  } = _ref;
+  let source = _ref.source;
   const setData = (0, react_1.useCallback)(data => {
     if (!source) {
       return;

package/dist/cjs/hooks/useDynamicList.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,15 +15,21 @@ const useIsomorphicLayoutEffect_1 = require("./useIsomorphicLayoutEffect");
  * @function React hook
  */
 function useDynamicList(_ref) {
-  let {
-    parentContainerRef,
-    resizingContainerRef = parentContainerRef,
-    items,
-    maxVisibleItems = Infinity
-  } = _ref;
+  let parentContainerRef = _ref.parentContainerRef,
+    _ref$resizingContaine = _ref.resizingContainerRef,
+    resizingContainerRef = _ref$resizingContaine === void 0 ? parentContainerRef : _ref$resizingContaine,
+    items = _ref.items,
+    _ref$maxVisibleItems = _ref.maxVisibleItems,
+    maxVisibleItems = _ref$maxVisibleItems === void 0 ? Infinity : _ref$maxVisibleItems;
   const adjustAmount = value => Math.min(maxVisibleItems, value);
-  const [visibleItemsAmount, setVisibleItemsAmount] = (0, react_1.useState)(adjustAmount(items.length));
-  const [width, setWidth] = (0, react_1.useState)(Infinity);
+  const _ref2 = (0, react_1.useState)(adjustAmount(items.length)),
+    _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
+    visibleItemsAmount = _ref3[0],
+    setVisibleItemsAmount = _ref3[1];
+  const _ref4 = (0, react_1.useState)(Infinity),
+    _ref5 = (0, _slicedToArray2.default)(_ref4, 2),
+    width = _ref5[0],
+    setWidth = _ref5[1];
   const widthRef = (0, react_1.useRef)(width);
   const handleVisibleItemsAmount = param => {
     if (typeof param === 'number') {
@@ -45,11 +53,9 @@ function useDynamicList(_ref) {
       handleVisibleItemsAmount(value => value + 1);
     }
   });
-  const toggleItemWidth = (0, useEventHandler_1.useEventHandler)(_ref2 => {
-    let {
-      changedWidth,
-      initialWidth
-    } = _ref2;
+  const toggleItemWidth = (0, useEventHandler_1.useEventHandler)(_ref6 => {
+    let changedWidth = _ref6.changedWidth,
+      initialWidth = _ref6.initialWidth;
     if (changedWidth > initialWidth) {
       //try to add extra item
       if (visibleItemsAmount < maxVisibleItems) {
@@ -75,9 +81,8 @@ function useDynamicList(_ref) {
     if (container) {
       const observer = new ResizeObserver(entities => entities.forEach(entity => {
         if (entity.target === container) {
-          const [{
-            inlineSize: newWidth
-          }] = entity.contentBoxSize;
+          const _entity$contentBoxSiz = (0, _slicedToArray2.default)(entity.contentBoxSize, 1),
+            newWidth = _entity$contentBoxSiz[0].inlineSize;
           setWidth(Math.floor(newWidth));
         }
       }));

package/dist/cjs/hooks/useModalOpenState.js

@@ -16,10 +16,10 @@ const usePopstateSubscription_1 = require("./usePopstateSubscription");
 function useModalOpenState(/** состояние модалки */
 open, /** колбек закрытия */
 onClose, _ref) {
-  let {
-    closeOnPopstate = false,
-    closeByCloseWatcher = true
-  } = _ref;
+  let _ref$closeOnPopstate = _ref.closeOnPopstate,
+    closeOnPopstate = _ref$closeOnPopstate === void 0 ? false : _ref$closeOnPopstate,
+    _ref$closeByCloseWatc = _ref.closeByCloseWatcher,
+    closeByCloseWatcher = _ref$closeByCloseWatc === void 0 ? true : _ref$closeByCloseWatc;
   const closeHandler = (0, useEventHandler_1.useEventHandler)(onClose);
   (0, usePopstateSubscription_1.usePopstateSubscription)(() => open && closeHandler(), closeOnPopstate);
   (0, react_1.useEffect)(() => {

package/dist/cjs/hooks/useSwipeable.js

@@ -20,10 +20,9 @@ exports.DATA_SWIPE_DIRECTIONS_ATTRIBUTE = 'data-swipe-directions';
  * Хук для работы с событиями свайпа
  */
 function useSwipeable(_a) {
-  var {
-      availableDirections,
-      enabled = true
-    } = _a,
+  var availableDirections = _a.availableDirections,
+    _a$enabled = _a.enabled,
+    enabled = _a$enabled === void 0 ? true : _a$enabled,
     options = __rest(_a, ["availableDirections", "enabled"]);
   const canSwipe = (0, react_1.useRef)(true);
   const onSwipeStart = eventData => {

package/dist/cjs/hooks/useThemeConfig.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +11,10 @@ function hasDefaultTheme(props) {
   return Boolean(props.defaultTheme);
 }
 function useThemeConfig(props) {
-  const [theme, setTheme] = (0, react_1.useState)(hasDefaultTheme(props) ? props.defaultTheme : undefined);
+  const _ref = (0, react_1.useState)(hasDefaultTheme(props) ? props.defaultTheme : undefined),
+    _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+    theme = _ref2[0],
+    setTheme = _ref2[1];
   return {
     theme,
     themeClassName: theme ? props.themeMap[theme] : undefined,

package/dist/cjs/hooks/useValueControl.js

@@ -10,11 +10,9 @@ const uncontrollable_1 = require("uncontrollable");
  * Нужен для поддержки controlled/uncontrolled поведения, в зависимости от того были ли переданы входные аргументы
  */
 function useValueControl(_ref) {
-  let {
-    value,
-    onChange,
-    defaultValue
-  } = _ref;
+  let value = _ref.value,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue;
   return (0, uncontrollable_1.useUncontrolledProp)(value, defaultValue, newValue => {
     const newState = typeof newValue === 'function' ? newValue(value) : newValue;
     onChange === null || onChange === void 0 ? void 0 : onChange(newState);

package/dist/esm/hooks/useDataPersist/useDataPersist.js

@@ -5,10 +5,10 @@ export const useDataPersist = ({ options, parser, serializer }) => {
     const querySource = useMemo(() => options ? new QueryParamSource(options.queryKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
     const localStorageSource = useMemo(() => (options ? new LocalStorageSource(options.localStorageKey, options.validateData) : undefined), [options]);
     const { getData: getLocalStorageData, setData: setLocalStorageData } = useSource({
-        source: querySource,
+        source: localStorageSource,
     });
     const { getData: getQueryParamsData, setData: setQueryParamsData } = useSource({
-        source: localStorageSource,
+        source: querySource,
     });
     const setDataToStorages = useCallback((data) => {
         setLocalStorageData(data);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "4.0.1",
+  "version": "4.0.3-preview-fc6b5b87.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,8 +36,8 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "react-swipeable": "7.0.2",
-    "uncontrollable": "8.0.4"
+    "react-swipeable": "^7.0.2",
+    "uncontrollable": "^8.0.4"
   },
-  "gitHead": "84371bbf91915f650a852df849cd71d416c5b7b2"
+  "gitHead": "16b836ca7cb734e4aa2dfb477a1466a64d5c72a5"
 }

package/src/hooks/useDataPersist/useDataPersist.ts

@@ -27,11 +27,11 @@ export const useDataPersist = <TData>({ options, parser, serializer }: DataPersi
   );
 
   const { getData: getLocalStorageData, setData: setLocalStorageData } = useSource<TData>({
-    source: querySource,
+    source: localStorageSource,
   });
 
   const { getData: getQueryParamsData, setData: setQueryParamsData } = useSource<TData>({
-    source: localStorageSource,
+    source: querySource,
   });
 
   const setDataToStorages = useCallback(