@snack-uikit/utils 4.0.2 → 4.0.3-preview-fe85442f.0

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: localStorageSource
-  });
-  const {
-    getData: getQueryParamsData,
-    setData: setQueryParamsData
-  } = (0, useSource_1.useSource)({
-    source: querySource
-  });
+  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/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "4.0.2",
+  "version": "4.0.3-preview-fe85442f.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -34,10 +34,9 @@
     "./LICENSE"
   ],
   "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": "a9f6571146845d828e00206abdedb160980cff97"
-}
+  "scripts": {}
+}