@vkontakte/vkui 5.0.0 → 5.0.1

package/dist/cssm/hooks/useAutoDetectAppearance.js

@@ -8,87 +8,71 @@ var initialAppearance = null;
 vkBridge.send("VKWebAppGetConfig").then(function (data) {
   initialAppearance = resolveAppearance(data);
 }).catch(console.error);
-
 function autoDetectAppearanceByBridge(setAppearance, onDetectAppearanceByBridge) {
   function bridgeListener(e) {
     var _e$detail = e.detail,
-        type = _e$detail.type,
-        data = _e$detail.data;
-
+      type = _e$detail.type,
+      data = _e$detail.data;
     if (type !== "VKWebAppUpdateConfig") {
       return;
     }
-
     initialAppearance = resolveAppearance(data);
-
     if (initialAppearance) {
       onDetectAppearanceByBridge();
       setAppearance(initialAppearance);
     }
   }
-
   vkBridge.subscribe(bridgeListener);
   return function () {
     return vkBridge.unsubscribe(bridgeListener);
   };
 }
-
 function autoDetectAppearance(window, setAppearance) {
   var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
-
   if (mediaQuery === undefined) {
     return noop;
   }
-
   var check = function check(event) {
     // eslint-disable-next-line no-restricted-properties
     setAppearance(event.matches ? "dark" : "light");
   };
-
   check(mediaQuery);
   mediaQuery.addEventListener("change", check);
   return function () {
     return mediaQuery.removeEventListener("change", check);
   };
 }
-
 export var useAutoDetectAppearance = function useAutoDetectAppearance(appearanceProp, onDetectAppearanceByBridge) {
   var _useDOM = useDOM(),
-      window = _useDOM.window;
-
+    window = _useDOM.window;
   var onceDetectAppearanceByBridge = React.useRef(function () {
     onDetectAppearanceByBridge && onDetectAppearanceByBridge();
     onceDetectAppearanceByBridge.current = noop;
   });
-
   var _React$useState = React.useState(function () {
-    if (appearanceProp) {
-      return appearanceProp;
-    }
-
-    if (initialAppearance) {
-      onceDetectAppearanceByBridge.current();
-      return initialAppearance;
-    }
-
-    var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)"); // eslint-disable-next-line no-restricted-properties
-
-    return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? "dark" : "light";
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      appearance = _React$useState2[0],
-      setAppearance = _React$useState2[1];
-
+      if (appearanceProp) {
+        return appearanceProp;
+      }
+      if (initialAppearance) {
+        onceDetectAppearanceByBridge.current();
+        return initialAppearance;
+      }
+      var mediaQuery = window && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)");
+
+      // eslint-disable-next-line no-restricted-properties
+      return mediaQuery !== null && mediaQuery !== void 0 && mediaQuery.matches ? "dark" : "light";
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    appearance = _React$useState2[0],
+    setAppearance = _React$useState2[1];
   React.useEffect(function () {
     if (appearanceProp) {
       setAppearance(appearanceProp);
       return noop;
     }
-
     if (vkBridge.isEmbedded()) {
       return autoDetectAppearanceByBridge(setAppearance, onceDetectAppearanceByBridge.current);
     }
-
     return autoDetectAppearance(window, setAppearance);
   }, [window, appearanceProp]);
   return appearance;

package/dist/cssm/hooks/useAutoDetectAppearance.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","useDOM","noop","resolveAppearance","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","addEventListener","removeEventListener","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from \"@vkontakte/vk-bridge\";\nimport { useDOM } from \"../lib/dom\";\nimport { noop } from \"../lib/utils\";\nimport { resolveAppearance, VKBridgeConfigData } from \"../helpers/appearance\";\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send(\"VKWebAppGetConfig\")\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== \"VKWebAppUpdateConfig\") {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void\n): () => void {\n  const mediaQuery =\n    window &&\n    window.matchMedia &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? \"dark\" : \"light\");\n  };\n\n  check(mediaQuery);\n  mediaQuery.addEventListener(\"change\", check);\n\n  return () => mediaQuery.removeEventListener(\"change\", check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window &&\n      window.matchMedia &&\n      window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? \"dark\" : \"light\";\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(\n        setAppearance,\n        onceDetectAppearanceByBridge.current\n      );\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}
+{"version":3,"file":"useAutoDetectAppearance.js","names":["React","vkBridge","useDOM","noop","resolveAppearance","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","detail","type","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","addEventListener","removeEventListener","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","useState","appearance","useEffect","isEmbedded"],"sources":["../../../src/hooks/useAutoDetectAppearance.tsx"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge, {\n  AnyReceiveMethodName,\n  AppearanceType,\n  VKBridgeEvent,\n} from \"@vkontakte/vk-bridge\";\nimport { useDOM } from \"../lib/dom\";\nimport { noop } from \"../lib/utils\";\nimport { resolveAppearance, VKBridgeConfigData } from \"../helpers/appearance\";\n\nlet initialAppearance: AppearanceType | null = null;\n\nvkBridge\n  .send(\"VKWebAppGetConfig\")\n  .then((data) => {\n    initialAppearance = resolveAppearance(data);\n  })\n  .catch(console.error);\n\nfunction autoDetectAppearanceByBridge(\n  setAppearance: (value: AppearanceType) => void,\n  onDetectAppearanceByBridge: () => void\n) {\n  function bridgeListener(e: VKBridgeEvent<AnyReceiveMethodName>) {\n    const { type, data } = e.detail;\n\n    if (type !== \"VKWebAppUpdateConfig\") {\n      return;\n    }\n\n    initialAppearance = resolveAppearance(data as VKBridgeConfigData);\n\n    if (initialAppearance) {\n      onDetectAppearanceByBridge();\n      setAppearance(initialAppearance);\n    }\n  }\n\n  vkBridge.subscribe(bridgeListener);\n\n  return () => vkBridge.unsubscribe(bridgeListener);\n}\n\nfunction autoDetectAppearance(\n  window: Window | undefined,\n  setAppearance: (value: AppearanceType) => void\n): () => void {\n  const mediaQuery =\n    window &&\n    window.matchMedia &&\n    window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n  if (mediaQuery === undefined) {\n    return noop;\n  }\n\n  const check = (event: MediaQueryList | MediaQueryListEvent) => {\n    // eslint-disable-next-line no-restricted-properties\n    setAppearance(event.matches ? \"dark\" : \"light\");\n  };\n\n  check(mediaQuery);\n  mediaQuery.addEventListener(\"change\", check);\n\n  return () => mediaQuery.removeEventListener(\"change\", check);\n}\n\nexport const useAutoDetectAppearance = (\n  appearanceProp?: AppearanceType,\n  onDetectAppearanceByBridge?: () => void\n): AppearanceType => {\n  const { window } = useDOM();\n  const onceDetectAppearanceByBridge = React.useRef(() => {\n    onDetectAppearanceByBridge && onDetectAppearanceByBridge();\n    onceDetectAppearanceByBridge.current = noop;\n  });\n\n  const [appearance, setAppearance] = React.useState<AppearanceType>(() => {\n    if (appearanceProp) {\n      return appearanceProp;\n    }\n\n    if (initialAppearance) {\n      onceDetectAppearanceByBridge.current();\n      return initialAppearance;\n    }\n\n    const mediaQuery =\n      window &&\n      window.matchMedia &&\n      window.matchMedia(\"(prefers-color-scheme: dark)\");\n\n    // eslint-disable-next-line no-restricted-properties\n    return mediaQuery?.matches ? \"dark\" : \"light\";\n  });\n\n  React.useEffect(() => {\n    if (appearanceProp) {\n      setAppearance(appearanceProp);\n      return noop;\n    }\n\n    if (vkBridge.isEmbedded()) {\n      return autoDetectAppearanceByBridge(\n        setAppearance,\n        onceDetectAppearanceByBridge.current\n      );\n    }\n\n    return autoDetectAppearance(window, setAppearance);\n  }, [window, appearanceProp]);\n\n  return appearance;\n};\n"],"mappings":"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"}

package/dist/cssm/hooks/useBooleanState.js

@@ -2,12 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from "react";
 export var useBooleanState = function useBooleanState() {
   var defaultValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-
   var _React$useState = React.useState(defaultValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      value = _React$useState2[0],
-      setValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
   var setTrue = React.useCallback(function () {
     setValue(true);
   }, []);

package/dist/cssm/hooks/useBooleanState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.js","names":["React","useBooleanState","defaultValue","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,GAA0B;EAAA,IAAzBC,YAAyB,uEAAV,KAAU;;EACvD,sBAA0BF,KAAK,CAACG,QAAN,CAAeD,YAAf,CAA1B;EAAA;EAAA,IAAOE,KAAP;EAAA,IAAcC,QAAd;;EAEA,IAAMC,OAAO,GAAGN,KAAK,CAACO,WAAN,CAAkB,YAAM;IACtCF,QAAQ,CAAC,IAAD,CAAR;EACD,CAFe,EAEb,EAFa,CAAhB;EAIA,IAAMG,QAAQ,GAAGR,KAAK,CAACO,WAAN,CAAkB,YAAM;IACvCF,QAAQ,CAAC,KAAD,CAAR;EACD,CAFgB,EAEd,EAFc,CAAjB;EAIA,IAAMI,MAAM,GAAGT,KAAK,CAACO,WAAN,CAAkB,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAF,CAAR;EACD,CAFc,EAEZ,CAACA,KAAD,CAFY,CAAf;EAIA,OAAO;IAAEA,KAAK,EAALA,KAAF;IAASE,OAAO,EAAPA,OAAT;IAAkBE,QAAQ,EAARA,QAAlB;IAA4BC,MAAM,EAANA;EAA5B,CAAP;AACD,CAhBM"}
+{"version":3,"file":"useBooleanState.js","names":["React","useBooleanState","defaultValue","useState","value","setValue","setTrue","useCallback","setFalse","toggle"],"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport const useBooleanState = (defaultValue = false) => {\n  const [value, setValue] = React.useState(defaultValue);\n\n  const setTrue = React.useCallback(() => {\n    setValue(true);\n  }, []);\n\n  const setFalse = React.useCallback(() => {\n    setValue(false);\n  }, []);\n\n  const toggle = React.useCallback(() => {\n    setValue(!value);\n  }, [value]);\n\n  return { value, setTrue, setFalse, toggle };\n};\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAe,GAA6B;EAAA,IAAzBC,YAAY,uEAAG,KAAK;EAClD,sBAA0BF,KAAK,CAACG,QAAQ,CAACD,YAAY,CAAC;IAAA;IAA/CE,KAAK;IAAEC,QAAQ;EAEtB,IAAMC,OAAO,GAAGN,KAAK,CAACO,WAAW,CAAC,YAAM;IACtCF,QAAQ,CAAC,IAAI,CAAC;EAChB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,QAAQ,GAAGR,KAAK,CAACO,WAAW,CAAC,YAAM;IACvCF,QAAQ,CAAC,KAAK,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMI,MAAM,GAAGT,KAAK,CAACO,WAAW,CAAC,YAAM;IACrCF,QAAQ,CAAC,CAACD,KAAK,CAAC;EAClB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAO;IAAEA,KAAK,EAALA,KAAK;IAAEE,OAAO,EAAPA,OAAO;IAAEE,QAAQ,EAARA,QAAQ;IAAEC,MAAM,EAANA;EAAO,CAAC;AAC7C,CAAC"}

package/dist/cssm/hooks/useBridgeAdaptivity.js

@@ -7,57 +7,47 @@ var initialState = {
   viewportWidth: 0,
   viewportHeight: 0
 };
-
 function resolveAdaptivity(e) {
   var _e$detail = e.detail,
-      type = _e$detail.type,
-      data = _e$detail.data;
-
+    type = _e$detail.type,
+    data = _e$detail.data;
   if (type !== "VKWebAppUpdateConfig" || !data) {
     return null;
   }
-
   var adaptivity = data.adaptivity,
-      viewportWidth = data.viewport_width,
-      viewportHeight = data.viewport_height;
+    viewportWidth = data.viewport_width,
+    viewportHeight = data.viewport_height;
   var bridgeAdaptivity = {
     type: "",
     viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
     viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
   };
-
   switch (adaptivity) {
     case "force_mobile":
     case "force_mobile_compact":
     case "adaptive":
       bridgeAdaptivity.type = adaptivity;
   }
-
   return bridgeAdaptivity;
 }
-
 vkBridge.subscribe(function (e) {
   var bridgeAdaptivity = resolveAdaptivity(e);
-
   if (bridgeAdaptivity) {
     initialState = bridgeAdaptivity;
   }
 });
 export function useBridgeAdaptivity() {
   var _React$useState = React.useState(initialState),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      bridgeAdaptivity = _React$useState2[0],
-      setBridgeAdaptivity = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    bridgeAdaptivity = _React$useState2[0],
+    setBridgeAdaptivity = _React$useState2[1];
   useIsomorphicLayoutEffect(function () {
     function bridgeListener(e) {
       var newBridgeAdaptivity = resolveAdaptivity(e);
-
       if (newBridgeAdaptivity) {
         setBridgeAdaptivity(newBridgeAdaptivity);
       }
     }
-
     vkBridge.subscribe(bridgeListener);
     return function () {
       vkBridge.unsubscribe(bridgeListener);

package/dist/cssm/hooks/useBridgeAdaptivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBridgeAdaptivity.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface BridgeAdaptivity {\n  type: \"\" | \"force_mobile\" | \"force_mobile_compact\" | \"adaptive\";\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: \"\",\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== \"VKWebAppUpdateConfig\" || !data) {\n    return null;\n  }\n\n  const {\n    adaptivity,\n    viewport_width: viewportWidth,\n    viewport_height: viewportHeight,\n  } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: \"\",\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case \"force_mobile\":\n    case \"force_mobile_compact\":\n    case \"adaptive\":\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] =\n    React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,sBAArB;AACA,SAASC,yBAAT;AAiBA,IAAIC,YAA8B,GAAG;EACnCC,IAAI,EAAE,EAD6B;EAEnCC,aAAa,EAAE,CAFoB;EAGnCC,cAAc,EAAE;AAHmB,CAArC;;AAMA,SAASC,iBAAT,CAA2BC,CAA3B,EAAoE;EAClE,gBAAuBA,CAAC,CAACC,MAAzB;EAAA,IAAQL,IAAR,aAAQA,IAAR;EAAA,IAAcM,IAAd,aAAcA,IAAd;;EAEA,IAAIN,IAAI,KAAK,sBAAT,IAAmC,CAACM,IAAxC,EAA8C;IAC5C,OAAO,IAAP;EACD;;EAED,IACEC,UADF,GAIID,IAJJ,CACEC,UADF;EAAA,IAEkBN,aAFlB,GAIIK,IAJJ,CAEEE,cAFF;EAAA,IAGmBN,cAHnB,GAIII,IAJJ,CAGEG,eAHF;EAMA,IAAMC,gBAAkC,GAAG;IACzCV,IAAI,EAAE,EADmC;IAEzCC,aAAa,EAAEU,QAAQ,CAACV,aAAD,CAAR,GAA0B,CAACA,aAA3B,GAA2C,CAFjB;IAGzCC,cAAc,EAAES,QAAQ,CAACT,cAAD,CAAR,GAA2B,CAACA,cAA5B,GAA6C;EAHpB,CAA3C;;EAMA,QAAQK,UAAR;IACE,KAAK,cAAL;IACA,KAAK,sBAAL;IACA,KAAK,UAAL;MACEG,gBAAgB,CAACV,IAAjB,GAAwBO,UAAxB;EAJJ;;EAOA,OAAOG,gBAAP;AACD;;AAEDb,QAAQ,CAACe,SAAT,CAAmB,UAACR,CAAD,EAAoB;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAD,CAA1C;;EAEA,IAAIM,gBAAJ,EAAsB;IACpBX,YAAY,GAAGW,gBAAf;EACD;AACF,CAND;AAQA,OAAO,SAASG,mBAAT,GAAiD;EACtD,sBACEjB,KAAK,CAACkB,QAAN,CAAiCf,YAAjC,CADF;EAAA;EAAA,IAAOW,gBAAP;EAAA,IAAyBK,mBAAzB;;EAGAjB,yBAAyB,CAAC,YAAM;IAC9B,SAASkB,cAAT,CAAwBZ,CAAxB,EAAwC;MACtC,IAAMa,mBAAmB,GAAGd,iBAAiB,CAACC,CAAD,CAA7C;;MAEA,IAAIa,mBAAJ,EAAyB;QACvBF,mBAAmB,CAACE,mBAAD,CAAnB;MACD;IACF;;IAEDpB,QAAQ,CAACe,SAAT,CAAmBI,cAAnB;IACA,OAAO,YAAM;MACXnB,QAAQ,CAACqB,WAAT,CAAqBF,cAArB;IACD,CAFD;EAGD,CAbwB,EAatB,EAbsB,CAAzB;EAeA,OAAON,gBAAP;AACD"}
+{"version":3,"file":"useBridgeAdaptivity.js","names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","useState","setBridgeAdaptivity","bridgeListener","newBridgeAdaptivity","unsubscribe"],"sources":["../../../src/hooks/useBridgeAdaptivity.ts"],"sourcesContent":["import * as React from \"react\";\nimport vkBridge from \"@vkontakte/vk-bridge\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\nexport interface BridgeAdaptivity {\n  type: \"\" | \"force_mobile\" | \"force_mobile_compact\" | \"adaptive\";\n  viewportWidth: number;\n  viewportHeight: number;\n}\n\ninterface BridgeEvent {\n  detail: {\n    type: string;\n    data: {\n      [index: string]: any;\n    };\n  };\n}\n\nlet initialState: BridgeAdaptivity = {\n  type: \"\",\n  viewportWidth: 0,\n  viewportHeight: 0,\n};\n\nfunction resolveAdaptivity(e: BridgeEvent): BridgeAdaptivity | null {\n  const { type, data } = e.detail;\n\n  if (type !== \"VKWebAppUpdateConfig\" || !data) {\n    return null;\n  }\n\n  const {\n    adaptivity,\n    viewport_width: viewportWidth,\n    viewport_height: viewportHeight,\n  } = data;\n\n  const bridgeAdaptivity: BridgeAdaptivity = {\n    type: \"\",\n    viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,\n    viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0,\n  };\n\n  switch (adaptivity) {\n    case \"force_mobile\":\n    case \"force_mobile_compact\":\n    case \"adaptive\":\n      bridgeAdaptivity.type = adaptivity;\n  }\n\n  return bridgeAdaptivity;\n}\n\nvkBridge.subscribe((e: BridgeEvent) => {\n  const bridgeAdaptivity = resolveAdaptivity(e);\n\n  if (bridgeAdaptivity) {\n    initialState = bridgeAdaptivity;\n  }\n});\n\nexport function useBridgeAdaptivity(): BridgeAdaptivity {\n  const [bridgeAdaptivity, setBridgeAdaptivity] =\n    React.useState<BridgeAdaptivity>(initialState);\n\n  useIsomorphicLayoutEffect(() => {\n    function bridgeListener(e: BridgeEvent) {\n      const newBridgeAdaptivity = resolveAdaptivity(e);\n\n      if (newBridgeAdaptivity) {\n        setBridgeAdaptivity(newBridgeAdaptivity);\n      }\n    }\n\n    vkBridge.subscribe(bridgeListener);\n    return () => {\n      vkBridge.unsubscribe(bridgeListener);\n    };\n  }, []);\n\n  return bridgeAdaptivity;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,SAASC,yBAAyB,QAAQ,kCAAkC;AAiB5E,IAAIC,YAA8B,GAAG;EACnCC,IAAI,EAAE,EAAE;EACRC,aAAa,EAAE,CAAC;EAChBC,cAAc,EAAE;AAClB,CAAC;AAED,SAASC,iBAAiB,CAACC,CAAc,EAA2B;EAClE,gBAAuBA,CAAC,CAACC,MAAM;IAAvBL,IAAI,aAAJA,IAAI;IAAEM,IAAI,aAAJA,IAAI;EAElB,IAAIN,IAAI,KAAK,sBAAsB,IAAI,CAACM,IAAI,EAAE;IAC5C,OAAO,IAAI;EACb;EAEA,IACEC,UAAU,GAGRD,IAAI,CAHNC,UAAU;IACMN,aAAa,GAE3BK,IAAI,CAFNE,cAAc;IACGN,cAAc,GAC7BI,IAAI,CADNG,eAAe;EAGjB,IAAMC,gBAAkC,GAAG;IACzCV,IAAI,EAAE,EAAE;IACRC,aAAa,EAAEU,QAAQ,CAACV,aAAa,CAAC,GAAG,CAACA,aAAa,GAAG,CAAC;IAC3DC,cAAc,EAAES,QAAQ,CAACT,cAAc,CAAC,GAAG,CAACA,cAAc,GAAG;EAC/D,CAAC;EAED,QAAQK,UAAU;IAChB,KAAK,cAAc;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;MACbG,gBAAgB,CAACV,IAAI,GAAGO,UAAU;EAAC;EAGvC,OAAOG,gBAAgB;AACzB;AAEAb,QAAQ,CAACe,SAAS,CAAC,UAACR,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEF,OAAO,SAASG,mBAAmB,GAAqB;EACtD,sBACEjB,KAAK,CAACkB,QAAQ,CAAmBf,YAAY,CAAC;IAAA;IADzCW,gBAAgB;IAAEK,mBAAmB;EAG5CjB,yBAAyB,CAAC,YAAM;IAC9B,SAASkB,cAAc,CAACZ,CAAc,EAAE;MACtC,IAAMa,mBAAmB,GAAGd,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIa,mBAAmB,EAAE;QACvBF,mBAAmB,CAACE,mBAAmB,CAAC;MAC1C;IACF;IAEApB,QAAQ,CAACe,SAAS,CAACI,cAAc,CAAC;IAClC,OAAO,YAAM;MACXnB,QAAQ,CAACqB,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAON,gBAAgB;AACzB"}

package/dist/cssm/hooks/useCalendar.js

@@ -3,25 +3,21 @@ import * as React from "react";
 import { subMonths, addMonths, isSameDay, isBefore, endOfDay, isAfter, startOfDay } from "../lib/date";
 export function useCalendar(_ref) {
   var _ref2;
-
   var value = _ref.value,
-      disablePast = _ref.disablePast,
-      disableFuture = _ref.disableFuture,
-      shouldDisableDate = _ref.shouldDisableDate,
-      onHeaderChange = _ref.onHeaderChange,
-      onNextMonth = _ref.onNextMonth,
-      onPrevMonth = _ref.onPrevMonth;
-
+    disablePast = _ref.disablePast,
+    disableFuture = _ref.disableFuture,
+    shouldDisableDate = _ref.shouldDisableDate,
+    onHeaderChange = _ref.onHeaderChange,
+    onNextMonth = _ref.onNextMonth,
+    onPrevMonth = _ref.onPrevMonth;
   var _React$useState = React.useState((_ref2 = Array.isArray(value) ? value[0] : value) !== null && _ref2 !== void 0 ? _ref2 : new Date()),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      viewDate = _React$useState2[0],
-      setViewDate = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    viewDate = _React$useState2[0],
+    setViewDate = _React$useState2[1];
   var _React$useState3 = React.useState(),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      focusedDay = _React$useState4[0],
-      setFocusedDay = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focusedDay = _React$useState4[0],
+    setFocusedDay = _React$useState4[1];
   var setPrevMonth = React.useCallback(function () {
     onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth();
     setViewDate(subMonths(viewDate, 1));
@@ -40,19 +36,15 @@ export function useCalendar(_ref) {
   var isDayDisabled = React.useCallback(function (day) {
     var now = new Date();
     var disabled = false;
-
     if (disablePast) {
       disabled = isBefore(endOfDay(day), now);
     }
-
     if (disableFuture) {
       disabled = isAfter(startOfDay(day), now);
     }
-
     if (shouldDisableDate) {
       disabled = shouldDisableDate(day);
     }
-
     return disabled;
   }, [disableFuture, disablePast, shouldDisableDate]);
   var resetSelectedDay = React.useCallback(function () {

package/dist/cssm/hooks/useCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useCalendar.js","names":["React","subMonths","addMonths","isSameDay","isBefore","endOfDay","isAfter","startOfDay","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from \"react\";\nimport {\n  subMonths,\n  addMonths,\n  isSameDay,\n  isBefore,\n  endOfDay,\n  isAfter,\n  startOfDay,\n} from \"../lib/date\";\nimport { CalendarProps } from \"../components/Calendar/Calendar\";\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    \"onHeaderChange\" | \"onNextMonth\" | \"onPrevMonth\"\n  > {\n  value?: Array<Date | null> | Date;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  shouldDisableDate?(value: Date): boolean;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n}: UseCalendarDependencies) {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date()\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange]\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay]\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date) => {\n      const now = new Date();\n      let disabled = false;\n      if (disablePast) {\n        disabled = isBefore(endOfDay(day), now);\n      }\n      if (disableFuture) {\n        disabled = isAfter(startOfDay(day), now);\n      }\n      if (shouldDisableDate) {\n        disabled = shouldDisableDate(day);\n      }\n\n      return disabled;\n    },\n    [disableFuture, disablePast, shouldDisableDate]\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n  };\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,SAAS,EACTC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,UAAU,QACL,aAAa;AAcpB,OAAO,SAASC,WAAW,OAQC;EAAA;EAAA,IAP1BC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,iBAAiB,QAAjBA,iBAAiB;IACjBC,cAAc,QAAdA,cAAc;IACdC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;EAEX,sBAAgCf,KAAK,CAACgB,QAAQ,UAC3CC,KAAK,CAACC,OAAO,CAACT,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,yCAAK,IAAIU,IAAI,EAAE,CACxD;IAAA;IAFMC,QAAQ;IAAEC,WAAW;EAG5B,uBAAoCrB,KAAK,CAACgB,QAAQ,EAAQ;IAAA;IAAnDM,UAAU;IAAEC,aAAa;EAEhC,IAAMC,YAAY,GAAGxB,KAAK,CAACyB,WAAW,CAAC,YAAM;IAC3CV,WAAW,aAAXA,WAAW,uBAAXA,WAAW,EAAI;IACfM,WAAW,CAACpB,SAAS,CAACmB,QAAQ,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,QAAQ,EAAEL,WAAW,CAAC,CAAC;EAC3B,IAAMW,YAAY,GAAG1B,KAAK,CAACyB,WAAW,CAAC,YAAM;IAC3CX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,EAAI;IACfO,WAAW,CAACnB,SAAS,CAACkB,QAAQ,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,QAAQ,EAAEN,WAAW,CAAC,CAAC;EAE3B,IAAMa,iBAAiB,GAAG3B,KAAK,CAACyB,WAAW,CACzC,UAAChB,KAAW,EAAK;IACfI,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGJ,KAAK,CAAC;IACvBY,WAAW,CAACZ,KAAK,CAAC;EACpB,CAAC,EACD,CAACI,cAAc,CAAC,CACjB;EAED,IAAMe,YAAY,GAAG5B,KAAK,CAACyB,WAAW,CACpC,UAACI,GAAS;IAAA,OAAKC,OAAO,CAACR,UAAU,IAAInB,SAAS,CAAC0B,GAAG,EAAEP,UAAU,CAAC,CAAC;EAAA,GAChE,CAACA,UAAU,CAAC,CACb;EAED,IAAMS,aAAa,GAAG/B,KAAK,CAACyB,WAAW,CACrC,UAACI,GAAS,EAAK;IACb,IAAMG,GAAG,GAAG,IAAIb,IAAI,EAAE;IACtB,IAAIc,QAAQ,GAAG,KAAK;IACpB,IAAIvB,WAAW,EAAE;MACfuB,QAAQ,GAAG7B,QAAQ,CAACC,QAAQ,CAACwB,GAAG,CAAC,EAAEG,GAAG,CAAC;IACzC;IACA,IAAIrB,aAAa,EAAE;MACjBsB,QAAQ,GAAG3B,OAAO,CAACC,UAAU,CAACsB,GAAG,CAAC,EAAEG,GAAG,CAAC;IAC1C;IACA,IAAIpB,iBAAiB,EAAE;MACrBqB,QAAQ,GAAGrB,iBAAiB,CAACiB,GAAG,CAAC;IACnC;IAEA,OAAOI,QAAQ;EACjB,CAAC,EACD,CAACtB,aAAa,EAAED,WAAW,EAAEE,iBAAiB,CAAC,CAChD;EAED,IAAMsB,gBAAgB,GAAGlC,KAAK,CAACyB,WAAW,CAAC,YAAM;IAC/CF,aAAa,CAACY,SAAS,CAAC;EAC1B,CAAC,EAAE,CAACZ,aAAa,CAAC,CAAC;EAEnB,OAAO;IACLH,QAAQ,EAARA,QAAQ;IACRC,WAAW,EAAEM,iBAAiB;IAC9BH,YAAY,EAAZA,YAAY;IACZE,YAAY,EAAZA,YAAY;IACZJ,UAAU,EAAVA,UAAU;IACVC,aAAa,EAAbA,aAAa;IACbK,YAAY,EAAZA,YAAY;IACZG,aAAa,EAAbA,aAAa;IACbG,gBAAgB,EAAhBA;EACF,CAAC;AACH"}

package/dist/cssm/hooks/useChipsInput.js

@@ -2,21 +2,18 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from "react";
 export var useChipsInput = function useChipsInput(props) {
   var value = props.value,
-      getOptionValue = props.getOptionValue,
-      onChange = props.onChange,
-      onInputChange = props.onInputChange,
-      getNewOptionData = props.getNewOptionData;
-
+    getOptionValue = props.getOptionValue,
+    onChange = props.onChange,
+    onInputChange = props.onInputChange,
+    getNewOptionData = props.getNewOptionData;
   var _React$useState = React.useState(props.inputValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      fieldValue = _React$useState2[0],
-      setFieldValue = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    fieldValue = _React$useState2[0],
+    setFieldValue = _React$useState2[1];
   var _React$useState3 = React.useState(value !== null && value !== void 0 ? value : []),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      selectedOptions = _React$useState4[0],
-      setSelectedOptions = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    selectedOptions = _React$useState4[0],
+    setSelectedOptions = _React$useState4[1];
   var clearInput = React.useCallback(function () {
     setFieldValue("");
     onInputChange({
@@ -33,11 +30,9 @@ export var useChipsInput = function useChipsInput(props) {
     var newSelectedOptions = selectedOptions.filter(function (option) {
       return getOptionValue(newOption) !== getOptionValue(option);
     });
-
     if (value === true) {
       newSelectedOptions.push(newOption);
     }
-
     setSelectedOptions(newSelectedOptions);
     onChange(newSelectedOptions);
   }, [selectedOptions, getOptionValue, onChange]);
@@ -46,7 +41,6 @@ export var useChipsInput = function useChipsInput(props) {
   }, [toggleOption]);
   var addOptionFromInput = React.useCallback(function () {
     var trimmedValue = fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.trim();
-
     if (trimmedValue) {
       addOption(getNewOptionData(undefined, trimmedValue));
       clearInput();

package/dist/cssm/hooks/useChipsInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"useChipsInput.js","names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","useState","inputValue","fieldValue","setFieldValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"sources":["../../../src/hooks/useChipsInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { ChipOption } from \"../components/Chip/Chip\";\nimport { ChipsInputBaseProps } from \"../components/ChipsInputBase/ChipsInputBase\";\n\nexport const useChipsInput = <Option extends ChipOption>(\n  props: Partial<ChipsInputBaseProps<Option>>\n) => {\n  const { value, getOptionValue, onChange, onInputChange, getNewOptionData } =\n    props;\n\n  const [fieldValue, setFieldValue] = React.useState(props.inputValue);\n  const [selectedOptions, setSelectedOptions] = React.useState(value ?? []);\n\n  const clearInput = React.useCallback(() => {\n    setFieldValue(\"\");\n    onInputChange!({ target: { value: \"\" } } as any);\n  }, [onInputChange]);\n\n  const handleInputChange = React.useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setFieldValue(e.target.value);\n      onInputChange!(e);\n    },\n    [onInputChange]\n  );\n\n  const toggleOption = React.useCallback(\n    (newOption: Option, value?: boolean) => {\n      const newSelectedOptions = selectedOptions.filter(\n        (option: Option) =>\n          getOptionValue!(newOption) !== getOptionValue!(option)\n      );\n\n      if (value === true) {\n        newSelectedOptions.push(newOption);\n      }\n\n      setSelectedOptions(newSelectedOptions);\n      onChange!(newSelectedOptions);\n    },\n    [selectedOptions, getOptionValue, onChange]\n  );\n\n  const addOption = React.useCallback(\n    (newOption: Option) => toggleOption(newOption, true),\n    [toggleOption]\n  );\n  const addOptionFromInput = React.useCallback(() => {\n    const trimmedValue = fieldValue?.trim();\n\n    if (trimmedValue) {\n      addOption(getNewOptionData!(undefined, trimmedValue));\n      clearInput();\n    }\n  }, [addOption, clearInput, getNewOptionData, fieldValue]);\n  const removeOption = React.useCallback(\n    (value) => {\n      toggleOption(getNewOptionData!(undefined, value as string), false);\n    },\n    [toggleOption, getNewOptionData]\n  );\n\n  React.useEffect(() => {\n    setSelectedOptions(value as Option[]);\n\n    return () => setSelectedOptions([]);\n  }, [props.value, value]);\n\n  React.useEffect(() => {\n    setFieldValue(props.inputValue);\n\n    return () => setFieldValue(\"\");\n  }, [props.inputValue]);\n\n  return {\n    fieldValue,\n    setFieldValue,\n    selectedOptions,\n    setSelectedOptions,\n    clearInput,\n    toggleOption,\n    addOption,\n    addOptionFromInput,\n    removeOption,\n    handleInputChange,\n  };\n};\n"],"mappings":"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"}

package/dist/cssm/hooks/useChipsSelect.js

@@ -8,43 +8,35 @@ import * as React from "react";
 import { useChipsInput } from "./useChipsInput";
 export var useChipsSelect = function useChipsSelect(props) {
   var options = props.options,
-      filterFn = props.filterFn,
-      getOptionLabel = props.getOptionLabel,
-      getOptionValue = props.getOptionValue;
-
+    filterFn = props.filterFn,
+    getOptionLabel = props.getOptionLabel,
+    getOptionValue = props.getOptionValue;
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      opened = _React$useState2[0],
-      setOpened = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    opened = _React$useState2[0],
+    setOpened = _React$useState2[1];
   var _React$useState3 = React.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      focusedOptionIndex = _React$useState4[0],
-      setFocusedOptionIndex = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    focusedOptionIndex = _React$useState4[0],
+    setFocusedOptionIndex = _React$useState4[1];
   var _React$useState5 = React.useState(null),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      focusedOption = _React$useState6[0],
-      setFocusedOption = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    focusedOption = _React$useState6[0],
+    setFocusedOption = _React$useState6[1];
   var _useChipsInput = useChipsInput(props),
-      fieldValue = _useChipsInput.fieldValue,
-      selectedOptions = _useChipsInput.selectedOptions,
-      chipsInputState = _objectWithoutProperties(_useChipsInput, _excluded);
-
+    fieldValue = _useChipsInput.fieldValue,
+    selectedOptions = _useChipsInput.selectedOptions,
+    chipsInputState = _objectWithoutProperties(_useChipsInput, _excluded);
   var handleInputChange = function handleInputChange(e) {
     if (!e) {
       return;
     }
-
     chipsInputState.handleInputChange(e);
-
     if (!opened) {
       setOpened(true);
       setFocusedOptionIndex(0);
     }
   };
-
   var filteredOptions = React.useMemo(function () {
     return filterFn ? options.filter(function (option) {
       return filterFn(fieldValue, option, getOptionLabel);
@@ -54,19 +46,15 @@ export var useChipsSelect = function useChipsSelect(props) {
     if (!filteredOptions.length) {
       return filteredOptions;
     }
-
     var filteredSet = new Set(filteredOptions);
     var selected = selectedOptions.map(function (item) {
       return getOptionValue(item);
     });
-
     var _iterator = _createForOfIteratorHelper(filteredSet),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var item = _step.value;
-
         if (selected.includes(getOptionValue(item))) {
           filteredSet.delete(item);
         }
@@ -76,7 +64,6 @@ export var useChipsSelect = function useChipsSelect(props) {
     } finally {
       _iterator.f();
     }
-
     return _toConsumableArray(filteredSet);
   }, [filteredOptions, selectedOptions, getOptionValue]);
   return _objectSpread(_objectSpread({}, chipsInputState), {}, {

package/dist/cssm/hooks/useChipsSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT;AAIA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAC5BC,KAD4B,EAEzB;EACH,IAAQC,OAAR,GAA8DD,KAA9D,CAAQC,OAAR;EAAA,IAAiBC,QAAjB,GAA8DF,KAA9D,CAAiBE,QAAjB;EAAA,IAA2BC,cAA3B,GAA8DH,KAA9D,CAA2BG,cAA3B;EAAA,IAA2CC,cAA3C,GAA8DJ,KAA9D,CAA2CI,cAA3C;;EAEA,sBAA4BP,KAAK,CAACQ,QAAN,CAAe,KAAf,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,uBAAoDV,KAAK,CAACQ,QAAN,CAElD,CAFkD,CAApD;EAAA;EAAA,IAAOG,kBAAP;EAAA,IAA2BC,qBAA3B;;EAGA,uBAA0CZ,KAAK,CAACQ,QAAN,CAA8B,IAA9B,CAA1C;EAAA;EAAA,IAAOK,aAAP;EAAA,IAAsBC,gBAAtB;;EAEA,qBACEb,aAAa,CAACE,KAAD,CADf;EAAA,IAAQY,UAAR,kBAAQA,UAAR;EAAA,IAAoBC,eAApB,kBAAoBA,eAApB;EAAA,IAAwCC,eAAxC;;EAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CACxBC,CADwB,EAErB;IACH,IAAI,CAACA,CAAL,EAAQ;MACN;IACD;;IACDF,eAAe,CAACC,iBAAhB,CAAkCC,CAAlC;;IAEA,IAAI,CAACV,MAAL,EAAa;MACXC,SAAS,CAAC,IAAD,CAAT;MACAE,qBAAqB,CAAC,CAAD,CAArB;IACD;EACF,CAZD;;EAcA,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAN,CAAc,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAT,CAAgB,UAACC,MAAD;MAAA,OACdlB,QAAQ,CAACU,UAAD,EAAaQ,MAAb,EAAqBjB,cAArB,CADM;IAAA,CAAhB,CADW,GAIVF,OAJL;EAKD,CANqB,EAMnB,CAACA,OAAD,EAAUC,QAAV,EAAoBU,UAApB,EAAgCT,cAAhC,CANmB,CAAtB;EAQAc,eAAe,GAAGpB,KAAK,CAACqB,OAAN,CAAc,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAArB,EAA6B;MAC3B,OAAOJ,eAAP;IACD;;IAED,IAAMK,WAAW,GAAG,IAAIC,GAAJ,CAAQN,eAAR,CAApB;IACA,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAhB,CAAoB,UAACC,IAAD;MAAA,OAAUtB,cAAc,CAAEsB,IAAF,CAAxB;IAAA,CAApB,CAAjB;;IANoC,2CAQjBJ,WARiB;IAAA;;IAAA;MAQpC,oDAAgC;QAAA,IAArBI,IAAqB;;QAC9B,IAAIF,QAAQ,CAACG,QAAT,CAAkBvB,cAAc,CAAEsB,IAAF,CAAhC,CAAJ,EAA8C;UAC5CJ,WAAW,CAACM,MAAZ,CAAmBF,IAAnB;QACD;MACF;IAZmC;MAAA;IAAA;MAAA;IAAA;;IAcpC,0BAAWJ,WAAX;EACD,CAfiB,EAef,CAACL,eAAD,EAAkBJ,eAAlB,EAAmCT,cAAnC,CAfe,CAAlB;EAiBA,uCACKU,eADL;IAEEF,UAAU,EAAVA,UAFF;IAGEG,iBAAiB,EAAjBA,iBAHF;IAIET,MAAM,EAANA,MAJF;IAKEC,SAAS,EAATA,SALF;IAMEU,eAAe,EAAfA,eANF;IAOET,kBAAkB,EAAlBA,kBAPF;IAQEC,qBAAqB,EAArBA,qBARF;IASEC,aAAa,EAAbA,aATF;IAUEC,gBAAgB,EAAhBA,gBAVF;IAWEE,eAAe,EAAfA;EAXF;AAaD,CAlEM"}
+{"version":3,"file":"useChipsSelect.js","names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useChipsInput } from \"./useChipsInput\";\nimport { ChipsSelectProps } from \"../components/ChipsSelect/ChipsSelect\";\nimport { ChipOption } from \"../components/Chip/Chip\";\n\nexport const useChipsSelect = <Option extends ChipOption>(\n  props: Partial<ChipsSelectProps<Option>>\n) => {\n  const { options, filterFn, getOptionLabel, getOptionValue } = props;\n\n  const [opened, setOpened] = React.useState(false);\n  const [focusedOptionIndex, setFocusedOptionIndex] = React.useState<\n    number | null\n  >(0);\n  const [focusedOption, setFocusedOption] = React.useState<Option | null>(null);\n\n  const { fieldValue, selectedOptions, ...chipsInputState } =\n    useChipsInput(props);\n\n  const handleInputChange = (\n    e: React.ChangeEvent<HTMLInputElement> | undefined\n  ) => {\n    if (!e) {\n      return;\n    }\n    chipsInputState.handleInputChange(e);\n\n    if (!opened) {\n      setOpened(true);\n      setFocusedOptionIndex(0);\n    }\n  };\n\n  let filteredOptions = React.useMemo(() => {\n    return filterFn\n      ? options!.filter((option) =>\n          filterFn(fieldValue, option, getOptionLabel)\n        )\n      : (options as Option[]);\n  }, [options, filterFn, fieldValue, getOptionLabel]);\n\n  filteredOptions = React.useMemo(() => {\n    if (!filteredOptions.length) {\n      return filteredOptions;\n    }\n\n    const filteredSet = new Set(filteredOptions);\n    const selected = selectedOptions.map((item) => getOptionValue!(item));\n\n    for (const item of filteredSet) {\n      if (selected.includes(getOptionValue!(item))) {\n        filteredSet.delete(item);\n      }\n    }\n\n    return [...filteredSet];\n  }, [filteredOptions, selectedOptions, getOptionValue]);\n\n  return {\n    ...chipsInputState,\n    fieldValue,\n    handleInputChange,\n    opened,\n    setOpened,\n    filteredOptions,\n    focusedOptionIndex,\n    setFocusedOptionIndex,\n    focusedOption,\n    setFocusedOption,\n    selectedOptions,\n  };\n};\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,aAAa,QAAQ,iBAAiB;AAI/C,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CACzBC,KAAwC,EACrC;EACH,IAAQC,OAAO,GAA+CD,KAAK,CAA3DC,OAAO;IAAEC,QAAQ,GAAqCF,KAAK,CAAlDE,QAAQ;IAAEC,cAAc,GAAqBH,KAAK,CAAxCG,cAAc;IAAEC,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;EAEzD,sBAA4BP,KAAK,CAACQ,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDV,KAAK,CAACQ,QAAQ,CAEhE,CAAC,CAAC;IAAA;IAFGG,kBAAkB;IAAEC,qBAAqB;EAGhD,uBAA0CZ,KAAK,CAACQ,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBACEb,aAAa,CAACE,KAAK,CAAC;IADdY,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAGvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CACrBC,CAAkD,EAC/C;IACH,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACV,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIQ,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACxC,OAAOhB,QAAQ,GACXD,OAAO,CAAEkB,MAAM,CAAC,UAACC,MAAM;MAAA,OACrBlB,QAAQ,CAACU,UAAU,EAAEQ,MAAM,EAAEjB,cAAc,CAAC;IAAA,EAC7C,GACAF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEU,UAAU,EAAET,cAAc,CAAC,CAAC;EAEnDc,eAAe,GAAGpB,KAAK,CAACqB,OAAO,CAAC,YAAM;IACpC,IAAI,CAACD,eAAe,CAACI,MAAM,EAAE;MAC3B,OAAOJ,eAAe;IACxB;IAEA,IAAMK,WAAW,GAAG,IAAIC,GAAG,CAACN,eAAe,CAAC;IAC5C,IAAMO,QAAQ,GAAGX,eAAe,CAACY,GAAG,CAAC,UAACC,IAAI;MAAA,OAAKtB,cAAc,CAAEsB,IAAI,CAAC;IAAA,EAAC;IAAC,2CAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACvB,cAAc,CAAEsB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,0BAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAET,cAAc,CAAC,CAAC;EAEtD,uCACKU,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBT,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTU,eAAe,EAAfA,eAAe;IACfT,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBE,eAAe,EAAfA;EAAe;AAEnB,CAAC"}