npm - @vkontakte/vkui - Versions diffs - 5.0.3 → 5.1.2 - Mend

@vkontakte/vkui 5.0.3 → 5.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2443) hide show

package/dist/cjs/hooks/useBridgeAdaptivity.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export interface BridgeAdaptivity {
-    type: "" | "force_mobile" | "force_mobile_compact" | "adaptive";
+    type: '' | 'force_mobile' | 'force_mobile_compact' | 'adaptive';
     viewportWidth: number;
     viewportHeight: number;
 }

package/dist/cjs/hooks/useBridgeAdaptivity.js CHANGED Viewed

@@ -11,7 +11,7 @@ var React = _interopRequireWildcard(require("react"));
 var _vkBridge = _interopRequireDefault(require("@vkontakte/vk-bridge"));
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 var initialState = {
-  type: "",
+  type: '',
   viewportWidth: 0,
   viewportHeight: 0
 };
@@ -19,21 +19,21 @@ function resolveAdaptivity(e) {
   var _e$detail = e.detail,
     type = _e$detail.type,
     data = _e$detail.data;
-  if (type !== "VKWebAppUpdateConfig" || !data) {
+  if (type !== 'VKWebAppUpdateConfig' || !data) {
     return null;
   }
   var adaptivity = data.adaptivity,
     viewportWidth = data.viewport_width,
     viewportHeight = data.viewport_height;
   var bridgeAdaptivity = {
-    type: "",
+    type: '',
     viewportWidth: isFinite(viewportWidth) ? +viewportWidth : 0,
     viewportHeight: isFinite(viewportHeight) ? +viewportHeight : 0
   };
   switch (adaptivity) {
-    case "force_mobile":
-    case "force_mobile_compact":
-    case "adaptive":
+    case 'force_mobile':
+    case 'force_mobile_compact':
+    case 'adaptive':
       bridgeAdaptivity.type = adaptivity;
   }
   return bridgeAdaptivity;

package/dist/cjs/hooks/useBridgeAdaptivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useBridgeAdaptivity.js","names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","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;AACA;AACA;AAiBA,IAAIA,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;AAEAE,iBAAQ,CAACC,SAAS,CAAC,UAACT,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEK,SAASI,mBAAmB,GAAqB;EACtD,~~sBACEC~~,KAAK,CAACC,QAAQ,CAAmBjB,YAAY,CAAC;IAAA;~~IADzCW~~,gBAAgB;IAAEO,mBAAmB;~~EAG5C~~,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,cAAc,CAACf,CAAc,EAAE;MACtC,IAAMgB,mBAAmB,GAAGjB,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIgB,mBAAmB,EAAE;QACvBH,mBAAmB,CAACG,mBAAmB,CAAC;MAC1C;IACF;IAEAR,iBAAQ,CAACC,SAAS,CAACM,cAAc,CAAC;IAClC,OAAO,YAAM;MACXP,iBAAQ,CAACS,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOT,gBAAgB;AACzB"}
1	+ {"version":3,"file":"useBridgeAdaptivity.js","names":["initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","detail","data","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","vkBridge","subscribe","useBridgeAdaptivity","React","useState","setBridgeAdaptivity","useIsomorphicLayoutEffect","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 { adaptivity, viewport_width: viewportWidth, viewport_height: viewportHeight } = 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] = 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;AACA;AACA;AAiBA,IAAIA,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,IAAQC,UAAU,GAAqED,IAAI,CAAnFC,UAAU;IAAkBN,aAAa,GAAsCK,IAAI,CAAvEE,cAAc;IAAkCN,cAAc,GAAKI,IAAI,CAAxCG,eAAe;EAElE,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;AAEAE,iBAAQ,CAACC,SAAS,CAAC,UAACT,CAAc,EAAK;EACrC,IAAMM,gBAAgB,GAAGP,iBAAiB,CAACC,CAAC,CAAC;EAE7C,IAAIM,gBAAgB,EAAE;IACpBX,YAAY,GAAGW,gBAAgB;EACjC;AACF,CAAC,CAAC;AAEK,SAASI,mBAAmB,GAAqB;EACtD,sBAAgDC,KAAK,CAACC,QAAQ,CAAmBjB,YAAY,CAAC;IAAA;IAAvFW,gBAAgB;IAAEO,mBAAmB;EAE5C,IAAAC,oDAAyB,EAAC,YAAM;IAC9B,SAASC,cAAc,CAACf,CAAc,EAAE;MACtC,IAAMgB,mBAAmB,GAAGjB,iBAAiB,CAACC,CAAC,CAAC;MAEhD,IAAIgB,mBAAmB,EAAE;QACvBH,mBAAmB,CAACG,mBAAmB,CAAC;MAC1C;IACF;IAEAR,iBAAQ,CAACC,SAAS,CAACM,cAAc,CAAC;IAClC,OAAO,YAAM;MACXP,iBAAQ,CAACS,WAAW,CAACF,cAAc,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOT,gBAAgB;AACzB"}

package/dist/cjs/hooks/useCalendar.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { CalendarProps } from "../components/Calendar/Calendar";
-export interface UseCalendarDependencies extends Pick<CalendarProps, "onHeaderChange" | "onNextMonth" | "onPrevMonth"> {
+import * as React from 'react';
+import { CalendarProps } from '../components/Calendar/Calendar';
+export interface UseCalendarDependencies extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth'> {
     value?: Array<Date | null> | Date;
     disablePast?: boolean;
     disableFuture?: boolean;

package/dist/cjs/hooks/useCalendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCalendar.js","names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","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;AACA;~~AAsBO~~,SAASA,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,sBAAgCC,KAAK,CAACC,QAAQ,UAC3CC,KAAK,CAACC,OAAO,CAACV,KAAK,CAAC,GAAGA,KAAK,CAAC,CAAC,CAAC,GAAGA,KAAK,yCAAK,IAAIW,IAAI,EAAE,CACxD;IAAA;IAFMC,QAAQ;IAAEC,WAAW;EAG5B,uBAAoCN,KAAK,CAACC,QAAQ,EAAQ;IAAA;IAAnDM,UAAU;IAAEC,aAAa;EAEhC,IAAMC,YAAY,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IAC3CX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,EAAI;IACfO,WAAW,CAAC,IAAAK,eAAS,EAACN,QAAQ,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,QAAQ,EAAEN,WAAW,CAAC,CAAC;EAC3B,IAAMa,YAAY,GAAGZ,KAAK,CAACU,WAAW,CAAC,YAAM;IAC3CZ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,EAAI;IACfQ,WAAW,CAAC,IAAAO,eAAS,EAACR,QAAQ,EAAE,CAAC,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,QAAQ,EAAEP,WAAW,CAAC,CAAC;EAE3B,IAAMgB,iBAAiB,GAAGd,KAAK,CAACU,WAAW,CACzC,UAACjB,KAAW,EAAK;IACfI,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAGJ,KAAK,CAAC;IACvBa,WAAW,CAACb,KAAK,CAAC;EACpB,CAAC,EACD,CAACI,cAAc,CAAC,CACjB;EAED,IAAMkB,YAAY,GAAGf,KAAK,CAACU,WAAW,CACpC,UAACM,GAAS;IAAA,OAAKC,OAAO,CAACV,UAAU,IAAI,IAAAW,eAAS,EAACF,GAAG,EAAET,UAAU,CAAC,CAAC;EAAA,GAChE,CAACA,UAAU,CAAC,CACb;EAED,IAAMY,aAAa,GAAGnB,KAAK,CAACU,WAAW,CACrC,UAACM,GAAS,EAAK;IACb,IAAMI,GAAG,GAAG,IAAIhB,IAAI,EAAE;IACtB,IAAIiB,QAAQ,GAAG,KAAK;IACpB,IAAI3B,WAAW,EAAE;MACf2B,QAAQ,GAAG,IAAAC,cAAQ,EAAC,IAAAC,cAAQ,EAACP,GAAG,CAAC,EAAEI,GAAG,CAAC;IACzC;IACA,IAAIzB,aAAa,EAAE;MACjB0B,QAAQ,GAAG,IAAAG,aAAO,EAAC,IAAAC,gBAAU,EAACT,GAAG,CAAC,EAAEI,GAAG,CAAC;IAC1C;IACA,IAAIxB,iBAAiB,EAAE;MACrByB,QAAQ,GAAGzB,iBAAiB,CAACoB,GAAG,CAAC;IACnC;IAEA,OAAOK,QAAQ;EACjB,CAAC,EACD,CAAC1B,aAAa,EAAED,WAAW,EAAEE,iBAAiB,CAAC,CAChD;EAED,IAAM8B,gBAAgB,GAAG1B,KAAK,CAACU,WAAW,CAAC,YAAM;IAC/CF,aAAa,CAACmB,SAAS,CAAC;EAC1B,CAAC,EAAE,CAACnB,aAAa,CAAC,CAAC;EAEnB,OAAO;IACLH,QAAQ,EAARA,QAAQ;IACRC,WAAW,EAAEQ,iBAAiB;IAC9BL,YAAY,EAAZA,YAAY;IACZG,YAAY,EAAZA,YAAY;IACZL,UAAU,EAAVA,UAAU;IACVC,aAAa,EAAbA,aAAa;IACbO,YAAY,EAAZA,YAAY;IACZI,aAAa,EAAbA,aAAa;IACbO,gBAAgB,EAAhBA;EACF,CAAC;AACH"}
1	+ {"version":3,"file":"useCalendar.js","names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","React","useState","Array","isArray","Date","viewDate","setViewDate","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","now","disabled","isBefore","endOfDay","isAfter","startOfDay","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<CalendarProps, 'onHeaderChange' \| 'onNextMonth' \| 'onPrevMonth'> {\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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"}

package/dist/cjs/hooks/useChipsInput.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipOption } from "../components/Chip/Chip";
-import { ChipsInputBaseProps } from "../components/ChipsInputBase/ChipsInputBase";
+import * as React from 'react';
+import { ChipOption } from '../components/Chip/Chip';
+import { ChipsInputBaseProps } from '../components/ChipsInputBase/ChipsInputBase';
 export declare const useChipsInput: <Option extends ChipOption>(props: Partial<ChipsInputBaseProps<Option>>) => {
     fieldValue: string | undefined;
     setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;

package/dist/cjs/hooks/useChipsInput.js CHANGED Viewed

@@ -23,10 +23,10 @@ var useChipsInput = function useChipsInput(props) {
     selectedOptions = _React$useState4[0],
     setSelectedOptions = _React$useState4[1];
   var clearInput = React.useCallback(function () {
-    setFieldValue("");
+    setFieldValue('');
     onInputChange({
       target: {
-        value: ""
+        value: ''
       }
     });
   }, [onInputChange]);
@@ -66,7 +66,7 @@ var useChipsInput = function useChipsInput(props) {
   React.useEffect(function () {
     setFieldValue(props.inputValue);
     return function () {
-      return setFieldValue("");
+      return setFieldValue('');
     };
   }, [props.inputValue]);
   return {

package/dist/cjs/hooks/useChipsInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","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":";;;;;;;;;AAAA;AAIO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CACxBC,KAA2C,EACxC;EACH,IAAQC,KAAK,~~GACXD~~,KAAK,~~CADCC~~,KAAK;IAAEC,cAAc,~~GAC3BF~~,KAAK,~~CADQE~~,cAAc;IAAEC,QAAQ,~~GACrCH~~,KAAK,~~CADwBG~~,QAAQ;IAAEC,aAAa,~~GACpDJ~~,KAAK,~~CADkCI~~,aAAa;IAAEC,gBAAgB,~~GACtEL~~,KAAK,~~CADiDK~~,gBAAgB;~~EAGxE~~,sBAAoCC,KAAK,CAACC,QAAQ,CAACP,KAAK,CAACQ,UAAU,CAAC;IAAA;IAA7DC,UAAU;IAAEC,aAAa;EAChC,uBAA8CJ,KAAK,CAACC,QAAQ,CAACN,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC;IAAA;IAAlEU,eAAe;IAAEC,kBAAkB;EAE1C,IAAMC,UAAU,GAAGP,KAAK,CAACQ,WAAW,CAAC,YAAM;IACzCJ,aAAa,CAAC,EAAE,CAAC;IACjBN,aAAa,CAAE;MAAEW,MAAM,EAAE;QAAEd,KAAK,EAAE;MAAG;IAAE,CAAC,CAAQ;EAClD,CAAC,EAAE,CAACG,aAAa,CAAC,CAAC;EAEnB,IAAMY,iBAAiB,GAAGV,KAAK,CAACQ,WAAW,CACzC,UAACG,CAAsC,EAAK;IAC1CP,aAAa,CAACO,CAAC,CAACF,MAAM,CAACd,KAAK,CAAC;IAC7BG,aAAa,CAAEa,CAAC,CAAC;EACnB,CAAC,EACD,CAACb,aAAa,CAAC,CAChB;EAED,IAAMc,YAAY,GAAGZ,KAAK,CAACQ,WAAW,CACpC,UAACK,SAAiB,EAAElB,KAAe,EAAK;IACtC,IAAMmB,kBAAkB,GAAGT,eAAe,CAACU,MAAM,CAC/C,UAACC,MAAc;MAAA,~~OACbpB~~,cAAc,CAAEiB,SAAS,CAAC,KAAKjB,cAAc,CAAEoB,MAAM,CAAC;IAAA,~~EACzD~~;IAED,IAAIrB,KAAK,KAAK,IAAI,EAAE;MAClBmB,kBAAkB,CAACG,IAAI,CAACJ,SAAS,CAAC;IACpC;IAEAP,kBAAkB,CAACQ,kBAAkB,CAAC;IACtCjB,QAAQ,CAAEiB,kBAAkB,CAAC;EAC/B,CAAC,EACD,CAACT,eAAe,EAAET,cAAc,EAAEC,QAAQ,CAAC,CAC5C;EAED,IAAMqB,SAAS,GAAGlB,KAAK,CAACQ,WAAW,CACjC,UAACK,SAAiB;IAAA,OAAKD,YAAY,CAACC,SAAS,EAAE,IAAI,CAAC;EAAA,GACpD,CAACD,YAAY,CAAC,CACf;EACD,IAAMO,kBAAkB,GAAGnB,KAAK,CAACQ,WAAW,CAAC,YAAM;IACjD,IAAMY,YAAY,GAAGjB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEkB,IAAI,EAAE;IAEvC,IAAID,YAAY,EAAE;MAChBF,SAAS,CAACnB,gBAAgB,CAAEuB,SAAS,EAAEF,YAAY,CAAC,CAAC;MACrDb,UAAU,EAAE;IACd;EACF,CAAC,EAAE,CAACW,SAAS,EAAEX,UAAU,EAAER,gBAAgB,EAAEI,UAAU,CAAC,CAAC;EACzD,IAAMoB,YAAY,GAAGvB,KAAK,CAACQ,WAAW,CACpC,UAACb,KAAK,EAAK;IACTiB,YAAY,CAACb,gBAAgB,CAAEuB,SAAS,EAAE3B,KAAK,CAAW,EAAE,KAAK,CAAC;EACpE,CAAC,EACD,CAACiB,YAAY,EAAEb,gBAAgB,CAAC,CACjC;EAEDC,KAAK,CAACwB,SAAS,CAAC,YAAM;IACpBlB,kBAAkB,CAACX,KAAK,CAAa;IAErC,OAAO;MAAA,OAAMW,kBAAkB,CAAC,EAAE,CAAC;IAAA;EACrC,CAAC,EAAE,CAACZ,KAAK,CAACC,KAAK,EAAEA,KAAK,CAAC,CAAC;EAExBK,KAAK,CAACwB,SAAS,CAAC,YAAM;IACpBpB,aAAa,CAACV,KAAK,CAACQ,UAAU,CAAC;IAE/B,OAAO;MAAA,OAAME,aAAa,CAAC,EAAE,CAAC;IAAA;EAChC,CAAC,EAAE,CAACV,KAAK,CAACQ,UAAU,CAAC,CAAC;EAEtB,OAAO;IACLC,UAAU,EAAVA,UAAU;IACVC,aAAa,EAAbA,aAAa;IACbC,eAAe,EAAfA,eAAe;IACfC,kBAAkB,EAAlBA,kBAAkB;IAClBC,UAAU,EAAVA,UAAU;IACVK,YAAY,EAAZA,YAAY;IACZM,SAAS,EAATA,SAAS;IACTC,kBAAkB,EAAlBA,kBAAkB;IAClBI,YAAY,EAAZA,YAAY;IACZb,iBAAiB,EAAjBA;EACF,CAAC;AACH,CAAC;AAAC"}
1	+ {"version":3,"file":"useChipsInput.js","names":["useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","React","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 } = 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) => 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/cjs/hooks/useChipsSelect.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { ChipsSelectProps } from "../components/ChipsSelect/ChipsSelect";
-import { ChipOption } from "../components/Chip/Chip";
+import * as React from 'react';
+import { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';
+import { ChipOption } from '../components/Chip/Chip';
 export declare const useChipsSelect: <Option extends ChipOption>(props: Partial<ChipsSelectProps<Option>>) => {
     fieldValue: string | undefined;
     handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;

package/dist/cjs/hooks/useChipsSelect.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","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;AACA;AAAgD;AAIzC,IAAMA,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,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,~~CAEhE~~,CAAC,CAAC;IAAA;~~IAFGG~~,kBAAkB;IAAEC,qBAAqB;~~EAGhD~~,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,~~qBACE~~,IAAAC,6BAAa,EAACb,KAAK,CAAC;~~IADdc~~,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,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,~~OACrBpB~~,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,~~EAC7C~~,~~GACAF~~,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,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,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}
1	+ {"version":3,"file":"useChipsSelect.js","names":["useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","React","useState","opened","setOpened","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","useChipsInput","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<number \| null>(0);\n const [focusedOption, setFocusedOption] = React.useState<Option \| null>(null);\n\n const { fieldValue, selectedOptions, ...chipsInputState } = useChipsInput(props);\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement> \| undefined) => {\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) => filterFn(fieldValue, option, getOptionLabel))\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;AACA;AAAgD;AAIzC,IAAMA,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,sBAA4BC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA;IAA1CC,MAAM;IAAEC,SAAS;EACxB,uBAAoDH,KAAK,CAACC,QAAQ,CAAgB,CAAC,CAAC;IAAA;IAA7EG,kBAAkB;IAAEC,qBAAqB;EAChD,uBAA0CL,KAAK,CAACC,QAAQ,CAAgB,IAAI,CAAC;IAAA;IAAtEK,aAAa;IAAEC,gBAAgB;EAEtC,qBAA4D,IAAAC,6BAAa,EAACb,KAAK,CAAC;IAAxEc,UAAU,kBAAVA,UAAU;IAAEC,eAAe,kBAAfA,eAAe;IAAKC,eAAe;EAEvD,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,CAAkD,EAAK;IAChF,IAAI,CAACA,CAAC,EAAE;MACN;IACF;IACAF,eAAe,CAACC,iBAAiB,CAACC,CAAC,CAAC;IAEpC,IAAI,CAACX,MAAM,EAAE;MACXC,SAAS,CAAC,IAAI,CAAC;MACfE,qBAAqB,CAAC,CAAC,CAAC;IAC1B;EACF,CAAC;EAED,IAAIS,eAAe,GAAGd,KAAK,CAACe,OAAO,CAAC,YAAM;IACxC,OAAOlB,QAAQ,GACXD,OAAO,CAAEoB,MAAM,CAAC,UAACC,MAAM;MAAA,OAAKpB,QAAQ,CAACY,UAAU,EAAEQ,MAAM,EAAEnB,cAAc,CAAC;IAAA,EAAC,GACxEF,OAAoB;EAC3B,CAAC,EAAE,CAACA,OAAO,EAAEC,QAAQ,EAAEY,UAAU,EAAEX,cAAc,CAAC,CAAC;EAEnDgB,eAAe,GAAGd,KAAK,CAACe,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,OAAKxB,cAAc,CAAEwB,IAAI,CAAC;IAAA,EAAC;IAAC,yDAEnDJ,WAAW;MAAA;IAAA;MAA9B,oDAAgC;QAAA,IAArBI,IAAI;QACb,IAAIF,QAAQ,CAACG,QAAQ,CAACzB,cAAc,CAAEwB,IAAI,CAAC,CAAC,EAAE;UAC5CJ,WAAW,CAACM,MAAM,CAACF,IAAI,CAAC;QAC1B;MACF;IAAC;MAAA;IAAA;MAAA;IAAA;IAED,wCAAWJ,WAAW;EACxB,CAAC,EAAE,CAACL,eAAe,EAAEJ,eAAe,EAAEX,cAAc,CAAC,CAAC;EAEtD,mEACKY,eAAe;IAClBF,UAAU,EAAVA,UAAU;IACVG,iBAAiB,EAAjBA,iBAAiB;IACjBV,MAAM,EAANA,MAAM;IACNC,SAAS,EAATA,SAAS;IACTW,eAAe,EAAfA,eAAe;IACfV,kBAAkB,EAAlBA,kBAAkB;IAClBC,qBAAqB,EAArBA,qBAAqB;IACrBC,aAAa,EAAbA,aAAa;IACbC,gBAAgB,EAAhBA,gBAAgB;IAChBG,eAAe,EAAfA;EAAe;AAEnB,CAAC;AAAC"}

package/dist/cjs/hooks/useDateInput.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 export interface UseDateInputDependencies<T, D> {
     maxElement: number;
     refs: Array<React.RefObject<T>>;

package/dist/cjs/hooks/useDateInput.js CHANGED Viewed

@@ -58,7 +58,7 @@ function useDateInput(_ref) {
   var selectFirst = React.useCallback(function () {
     setFocusedElement(0);
   }, []);
-  (0, _useGlobalEventListener.useGlobalEventListener)(document, "click", handleClickOutside, {
+  (0, _useGlobalEventListener.useGlobalEventListener)(document, 'click', handleClickOutside, {
     capture: true
   });
   React.useEffect(function () {
@@ -108,27 +108,27 @@ function useDateInput(_ref) {
           setFocusedElement(focusedElement + 1);
         }
       }
-    } else if (e.key === "Backspace") {
+    } else if (e.key === 'Backspace') {
       if (!_value[focusedElement]) {
         setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
       } else {
         _value[focusedElement] = _value[focusedElement].slice(0, -1);
       }
-    } else if (e.key === "ArrowDown" || e.key === "Down") {
+    } else if (e.key === 'ArrowDown' || e.key === 'Down') {
       var currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, "0");
-    } else if (e.key === "ArrowUp" || e.key === "Up") {
+      _value[focusedElement] = String(currentValue <= config.min ? config.max : currentValue - 1).padStart(config.length, '0');
+    } else if (e.key === 'ArrowUp' || e.key === 'Up') {
       var _currentValue = Number(_value[focusedElement]);
-      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, "0");
-    } else if (e.key === "Enter" || e.key === "Tab" && focusedElement === maxElement || e.key === "Tab" && e.shiftKey && focusedElement === 0) {
+      _value[focusedElement] = String(_currentValue >= config.max ? config.min : _currentValue + 1).padStart(config.length, '0');
+    } else if (e.key === 'Enter' || e.key === 'Tab' && focusedElement === maxElement || e.key === 'Tab' && e.shiftKey && focusedElement === 0) {
       removeFocusFromField();
       return;
-    } else if (e.key === "ArrowLeft" || e.key === "Left" || e.key === "Tab" && e.shiftKey) {
+    } else if (e.key === 'ArrowLeft' || e.key === 'Left' || e.key === 'Tab' && e.shiftKey) {
       setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);
-    } else if (e.key === "ArrowRight" || e.key === "Right" || e.key === "Tab") {
+    } else if (e.key === 'ArrowRight' || e.key === 'Right' || e.key === 'Tab') {
       setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);
-    } else if (e.key === "Delete" || e.key === "Del") {
-      _value[focusedElement] = "";
+    } else if (e.key === 'Delete' || e.key === 'Del') {
+      _value[focusedElement] = '';
     } else {
       return;
     }

package/dist/cjs/hooks/useDateInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useBooleanState } from \"./useBooleanState\";\nimport { useGlobalEventListener } from \"./useGlobalEventListener\";\nimport { useDOM } from \"../lib/dom\";\n\nexport interface UseDateInputDependencies<T, D> {\n maxElement: number;\n refs: Array<React.RefObject<T>>;\n autoFocus?: boolean;\n disabled?: boolean;\n value?: D;\n elementsConfig(index: number): {\n length: number;\n min: number;\n max: number;\n };\n onInternalValueChange(value: string[]): void;\n getInternalValue(value?: D \| undefined): string[];\n onChange?(value?: D \| undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n maxElement,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n}: UseDateInputDependencies<T, D>) {\n const { document } = useDOM();\n const {\n value: open,\n setTrue: openCalendar,\n setFalse: closeCalendar,\n } = useBooleanState(false);\n const rootRef = React.useRef<HTMLDivElement>(null);\n const calendarRef = React.useRef<HTMLDivElement>(null);\n const [internalValue, setInternalValue] = React.useState<string[]>([]);\n const [focusedElement, setFocusedElement] = React.useState<number \| null>(\n null\n );\n const { window } = useDOM();\n\n const removeFocusFromField = React.useCallback(() => {\n if (open) {\n setFocusedElement(null);\n closeCalendar();\n window!.getSelection()?.removeAllRanges();\n setInternalValue(getInternalValue(value));\n }\n }, [closeCalendar, getInternalValue, open, value, window]);\n\n const handleClickOutside = React.useCallback(\n (e: MouseEvent) => {\n if (\n !rootRef.current?.contains(e.target as Node \| null) &&\n !calendarRef.current?.contains(e.target as Node \| null)\n ) {\n removeFocusFromField();\n }\n },\n [removeFocusFromField]\n );\n\n const selectFirst = React.useCallback(() => {\n setFocusedElement(0);\n }, []);\n\n useGlobalEventListener(document, \"click\", handleClickOutside, {\n capture: true,\n });\n\n React.useEffect(() => {\n setInternalValue(getInternalValue(value));\n }, [getInternalValue, value]);\n\n React.useEffect(() => {\n if (autoFocus) {\n selectFirst();\n }\n }, [autoFocus, selectFirst]);\n\n React.useEffect(() => {\n if (disabled \|\| focusedElement === null) {\n return;\n }\n\n const range = window!.document.createRange();\n\n let element = refs[focusedElement].current;\n\n if (element) {\n element.focus();\n openCalendar();\n range.selectNodeContents(element as Node);\n\n const selection = window!.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n }\n }, [disabled, focusedElement, openCalendar, refs, window]);\n\n const clear = React.useCallback(() => {\n onChange?.(undefined);\n selectFirst();\n }, [onChange, selectFirst]);\n\n const handleFieldEnter = React.useCallback(() => {\n if (!open) {\n selectFirst();\n }\n }, [open, selectFirst]);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLSpanElement>) => {\n if (focusedElement === null) {\n return;\n }\n\n const _value = [...internalValue];\n const config = elementsConfig(focusedElement);\n\n if (/^\\d+$/.test(e.key)) {\n if (_value[focusedElement].length >= config.length) {\n _value[focusedElement] = e.key;\n } else {\n _value[focusedElement] += e.key;\n if (\n _value[focusedElement].length >= config.length &&\n focusedElement < maxElement\n ) {\n setFocusedElement(focusedElement + 1);\n }\n }\n } else if (e.key === \"Backspace\") {\n if (!_value[focusedElement]) {\n setFocusedElement(\n focusedElement <= 0 ? maxElement : focusedElement - 1\n );\n } else {\n _value[focusedElement] = _value[focusedElement].slice(0, -1);\n }\n } else if (e.key === \"ArrowDown\" \|\| e.key === \"Down\") {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue <= config.min ? config.max : currentValue - 1\n ).padStart(config.length, \"0\");\n } else if (e.key === \"ArrowUp\" \|\| e.key === \"Up\") {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue >= config.max ? config.min : currentValue + 1\n ).padStart(config.length, \"0\");\n } else if (\n e.key === \"Enter\" \|\|\n (e.key === \"Tab\" && focusedElement === maxElement) \|\|\n (e.key === \"Tab\" && e.shiftKey && focusedElement === 0)\n ) {\n removeFocusFromField();\n return;\n } else if (\n e.key === \"ArrowLeft\" \|\|\n e.key === \"Left\" \|\|\n (e.key === \"Tab\" && e.shiftKey)\n ) {\n setFocusedElement(\n focusedElement <= 0 ? maxElement : focusedElement - 1\n );\n } else if (\n e.key === \"ArrowRight\" \|\|\n e.key === \"Right\" \|\|\n e.key === \"Tab\"\n ) {\n setFocusedElement(\n focusedElement >= maxElement ? 0 : focusedElement + 1\n );\n } else if (e.key === \"Delete\" \|\| e.key === \"Del\") {\n _value[focusedElement] = \"\";\n } else {\n return;\n }\n\n e.preventDefault();\n setInternalValue(_value);\n onInternalValueChange(_value);\n },\n [\n elementsConfig,\n focusedElement,\n internalValue,\n maxElement,\n onInternalValueChange,\n removeFocusFromField,\n ]\n );\n\n return {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n focusedElement,\n setFocusedElement,\n handleKeyDown,\n clear,\n handleFieldEnter,\n removeFocusFromField,\n };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"useDateInput.js","names":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","useDOM","document","useBooleanState","open","openCalendar","setTrue","closeCalendar","setFalse","rootRef","React","useRef","calendarRef","useState","internalValue","setInternalValue","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\nimport { useDOM } from '../lib/dom';\n\nexport interface UseDateInputDependencies<T, D> {\n maxElement: number;\n refs: Array<React.RefObject<T>>;\n autoFocus?: boolean;\n disabled?: boolean;\n value?: D;\n elementsConfig(index: number): {\n length: number;\n min: number;\n max: number;\n };\n onInternalValueChange(value: string[]): void;\n getInternalValue(value?: D \| undefined): string[];\n onChange?(value?: D \| undefined): void;\n}\n\nexport function useDateInput<T extends HTMLElement, D>({\n maxElement,\n refs,\n autoFocus,\n disabled,\n elementsConfig,\n onChange,\n onInternalValueChange,\n getInternalValue,\n value,\n}: UseDateInputDependencies<T, D>) {\n const { document } = useDOM();\n const { value: open, setTrue: openCalendar, setFalse: closeCalendar } = useBooleanState(false);\n const rootRef = React.useRef<HTMLDivElement>(null);\n const calendarRef = React.useRef<HTMLDivElement>(null);\n const [internalValue, setInternalValue] = React.useState<string[]>([]);\n const [focusedElement, setFocusedElement] = React.useState<number \| null>(null);\n const { window } = useDOM();\n\n const removeFocusFromField = React.useCallback(() => {\n if (open) {\n setFocusedElement(null);\n closeCalendar();\n window!.getSelection()?.removeAllRanges();\n setInternalValue(getInternalValue(value));\n }\n }, [closeCalendar, getInternalValue, open, value, window]);\n\n const handleClickOutside = React.useCallback(\n (e: MouseEvent) => {\n if (\n !rootRef.current?.contains(e.target as Node \| null) &&\n !calendarRef.current?.contains(e.target as Node \| null)\n ) {\n removeFocusFromField();\n }\n },\n [removeFocusFromField],\n );\n\n const selectFirst = React.useCallback(() => {\n setFocusedElement(0);\n }, []);\n\n useGlobalEventListener(document, 'click', handleClickOutside, {\n capture: true,\n });\n\n React.useEffect(() => {\n setInternalValue(getInternalValue(value));\n }, [getInternalValue, value]);\n\n React.useEffect(() => {\n if (autoFocus) {\n selectFirst();\n }\n }, [autoFocus, selectFirst]);\n\n React.useEffect(() => {\n if (disabled \|\| focusedElement === null) {\n return;\n }\n\n const range = window!.document.createRange();\n\n let element = refs[focusedElement].current;\n\n if (element) {\n element.focus();\n openCalendar();\n range.selectNodeContents(element as Node);\n\n const selection = window!.getSelection();\n selection?.removeAllRanges();\n selection?.addRange(range);\n }\n }, [disabled, focusedElement, openCalendar, refs, window]);\n\n const clear = React.useCallback(() => {\n onChange?.(undefined);\n selectFirst();\n }, [onChange, selectFirst]);\n\n const handleFieldEnter = React.useCallback(() => {\n if (!open) {\n selectFirst();\n }\n }, [open, selectFirst]);\n\n const handleKeyDown = React.useCallback(\n (e: React.KeyboardEvent<HTMLSpanElement>) => {\n if (focusedElement === null) {\n return;\n }\n\n const _value = [...internalValue];\n const config = elementsConfig(focusedElement);\n\n if (/^\\d+$/.test(e.key)) {\n if (_value[focusedElement].length >= config.length) {\n _value[focusedElement] = e.key;\n } else {\n _value[focusedElement] += e.key;\n if (_value[focusedElement].length >= config.length && focusedElement < maxElement) {\n setFocusedElement(focusedElement + 1);\n }\n }\n } else if (e.key === 'Backspace') {\n if (!_value[focusedElement]) {\n setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n } else {\n _value[focusedElement] = _value[focusedElement].slice(0, -1);\n }\n } else if (e.key === 'ArrowDown' \|\| e.key === 'Down') {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue <= config.min ? config.max : currentValue - 1,\n ).padStart(config.length, '0');\n } else if (e.key === 'ArrowUp' \|\| e.key === 'Up') {\n let currentValue = Number(_value[focusedElement]);\n _value[focusedElement] = String(\n currentValue >= config.max ? config.min : currentValue + 1,\n ).padStart(config.length, '0');\n } else if (\n e.key === 'Enter' \|\|\n (e.key === 'Tab' && focusedElement === maxElement) \|\|\n (e.key === 'Tab' && e.shiftKey && focusedElement === 0)\n ) {\n removeFocusFromField();\n return;\n } else if (e.key === 'ArrowLeft' \|\| e.key === 'Left' \|\| (e.key === 'Tab' && e.shiftKey)) {\n setFocusedElement(focusedElement <= 0 ? maxElement : focusedElement - 1);\n } else if (e.key === 'ArrowRight' \|\| e.key === 'Right' \|\| e.key === 'Tab') {\n setFocusedElement(focusedElement >= maxElement ? 0 : focusedElement + 1);\n } else if (e.key === 'Delete' \|\| e.key === 'Del') {\n _value[focusedElement] = '';\n } else {\n return;\n }\n\n e.preventDefault();\n setInternalValue(_value);\n onInternalValueChange(_value);\n },\n [\n elementsConfig,\n focusedElement,\n internalValue,\n maxElement,\n onInternalValueChange,\n removeFocusFromField,\n ],\n );\n\n return {\n rootRef,\n calendarRef,\n open,\n openCalendar,\n closeCalendar,\n internalValue,\n focusedElement,\n setFocusedElement,\n handleKeyDown,\n clear,\n handleFieldEnter,\n removeFocusFromField,\n };\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/useEffectDev.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { useEffect } from "react";
+import { useEffect } from 'react';
 export declare const useEffectDev: typeof useEffect;

package/dist/cjs/hooks/useEffectDev.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useEffectDev = void 0;
 var _react = require("react");
-var _utils = require("../lib/utils");
-var useEffectDev = process.env.NODE_ENV === "development" ? _react.useEffect : _utils.noop;
+var _vkjs = require("@vkontakte/vkjs");
+var useEffectDev = process.env.NODE_ENV === 'development' ? _react.useEffect : _vkjs.noop;
 exports.useEffectDev = useEffectDev;
 //# sourceMappingURL=useEffectDev.js.map

package/dist/cjs/hooks/useEffectDev.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { noop } from ~~\"../lib~~/~~utils\"~~;\n\nexport const useEffectDev ~~=\n~~ process.env.NODE_ENV === \"development\" ? useEffect : noop;\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,~~GACvBC~~,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGC,gBAAS,GAAGC,~~WAAI~~;AAAC"}
1	+ {"version":3,"file":"useEffectDev.js","names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"mappings":";;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,GAAGC,gBAAS,GAAGC,UAAI;AAAC"}

package/dist/cjs/hooks/useEnsuredControl.d.ts CHANGED Viewed

@@ -1,7 +1,16 @@
-import * as React from "react";
-export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>(props: {
+import * as React from 'react';
+interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {
     value?: V;
     onChange?: (e: E) => any;
-}, options: {
     defaultValue: V;
-}): [V | undefined, (e: E) => any];
+    disabled?: boolean | undefined;
+}
+export declare function useEnsuredControl<V, E extends React.ChangeEvent<any>>({ onChange: onChangeProp, disabled, ...props }: UseEnsuredControlProps<V, E>): [V | undefined, (e: E) => any];
+interface UseCustomEnsuredControlProps<V> {
+    value?: V;
+    onChange?: (v: V) => any;
+    defaultValue: V;
+    disabled?: boolean | undefined;
+}
+export declare function useCustomEnsuredControl<V>({ disabled, onChange: onChangeProp, defaultValue, value, }: UseCustomEnsuredControlProps<V>): [V | undefined, (e: V) => any];
+export {};

package/dist/cjs/hooks/useEnsuredControl.js CHANGED Viewed

@@ -1,23 +1,50 @@
 "use strict";
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.useCustomEnsuredControl = useCustomEnsuredControl;
 exports.useEnsuredControl = useEnsuredControl;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
-function useEnsuredControl(props, options) {
-  var isControlled = props.hasOwnProperty("value");
-  var _React$useState = React.useState(options.defaultValue),
+var _excluded = ["onChange", "disabled"];
+function useEnsuredControl(_ref) {
+  var onChangeProp = _ref.onChange,
+    disabled = _ref.disabled,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useCustomEnsuredCont = useCustomEnsuredControl(props),
+    _useCustomEnsuredCont2 = (0, _slicedToArray2.default)(_useCustomEnsuredCont, 2),
+    value = _useCustomEnsuredCont2[0],
+    onChangeValue = _useCustomEnsuredCont2[1];
+  var onChange = React.useCallback(function (e) {
+    if (disabled) {
+      return;
+    }
+    onChangeValue(e.target.value);
+    onChangeProp && onChangeProp(e);
+  }, [onChangeValue, onChangeProp, disabled]);
+  return [value, onChange];
+}
+function useCustomEnsuredControl(_ref2) {
+  var disabled = _ref2.disabled,
+    onChangeProp = _ref2.onChange,
+    defaultValue = _ref2.defaultValue,
+    value = _ref2.value;
+  var isControlled = value !== undefined;
+  var _React$useState = React.useState(defaultValue),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     localValue = _React$useState2[0],
     setLocalValue = _React$useState2[1];
-  var onChange = React.useCallback(function (e) {
-    !isControlled && setLocalValue(e.target.value);
-    props.onChange && props.onChange(e);
-  }, [isControlled, props]);
-  return [isControlled ? props.value : localValue, onChange];
+  var onChange = React.useCallback(function (v) {
+    if (disabled) {
+      return;
+    }
+    !isControlled && setLocalValue(v);
+    onChangeProp && onChangeProp(v);
+  }, [disabled, isControlled, onChangeProp]);
+  return [isControlled ? value : localValue, onChange];
 }
 //# sourceMappingURL=useEnsuredControl.js.map

package/dist/cjs/hooks/useEnsuredControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEnsuredControl.js","names":["useEnsuredControl","props","~~options~~","~~isControlled~~","~~hasOwnProperty~~","React","~~useState~~","~~defaultValue~~","~~localValue~~","~~setLocalValue~~","~~onChange~~","~~useCallback~~","e","~~target~~","~~value~~"],"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from \"react\";\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>(\n props: { value?: V; onChange?: (e: E) => ~~any~~ },\n ~~options:~~ { defaultValue: V }\n): [V \| undefined, (e: E) => any] {\n const isControlled = ~~props.hasOwnProperty(\"~~value~~\")~~;\n const [localValue, setLocalValue] = React.useState(~~options.~~defaultValue);\n const onChange = React.useCallback(\n (e: E) => {\n !isControlled && setLocalValue(~~e.target.value~~);\n ~~props.onChange~~ && ~~props.onChange~~(e);\n },\n [isControlled, ~~props~~]\n );\n return [isControlled ? ~~props.~~value : localValue, onChange];\n}\n"],"mappings":"~~;;;;;;;;;~~AAAA;~~AAEO~~,SAASA,iBAAiB,~~CAC/~~BC,~~KAA8C~~,~~EAC9CC~~,~~OAA4B~~,~~EACI~~;~~EAChC~~,~~IAAMC~~,~~YAAY~~,~~GAAGF~~,KAAK,CAACG,~~cAAc~~,CAAC,~~OAAO~~,CAAC;~~EAClD~~,~~sBAAoCC~~,~~KAAK~~,~~CAACC~~,QAAQ,~~CAACJ~~,OAAO,~~CAACK~~,YAAY,CAAC;IAAA;~~IAAjEC~~,UAAU;IAAEC,aAAa;~~EAChC~~,~~IAAMC~~,QAAQ,~~GAAGL~~,KAAK,~~CAACM~~,WAAW,CAChC,~~UAACC~~,CAAI,EAAK;IACR,~~CAACT~~,~~YAAY~~,~~IAAIM~~,~~aAAa~~,~~CAACG~~,~~CAAC~~,~~CAACC~~,~~MAAM,~~CAACC,~~KAAK~~,CAAC;~~IAC9Cb~~,~~KAAK~~,~~CAACS~~,~~QAAQ~~,~~IAAIT~~,~~KAAK,CAACS,QAAQ,CAACE,~~CAAC,CAAC;~~EACrC~~,CAAC,EACD,~~CAACT~~,YAAY,~~EAAEF~~,~~KAAK~~,CAAC,~~CACtB~~;~~EACD~~,OAAO,~~CAACE~~,YAAY,~~GAAGF~~,KAAK,~~CAACa~~,~~KAAK,GAAGN,~~UAAU,~~EAAEE~~,QAAQ,CAAC;~~AAC5D~~"}
1	+ {"version":3,"file":"useEnsuredControl.js","names":["useEnsuredControl","onChangeProp","onChange","disabled","props","useCustomEnsuredControl","value","onChangeValue","React","useCallback","e","target","defaultValue","isControlled","undefined","useState","localValue","setLocalValue","v"],"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\n\ninterface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n value?: V;\n onChange?: (e: E) => any;\n defaultValue: V;\n disabled?: boolean \| undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n onChange: onChangeProp,\n disabled,\n ...props\n}: UseEnsuredControlProps<V, E>): [V \| undefined, (e: E) => any] {\n const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n const onChange = React.useCallback(\n (e: E) => {\n if (disabled) {\n return;\n }\n\n onChangeValue(e.target.value);\n onChangeProp && onChangeProp(e);\n },\n [onChangeValue, onChangeProp, disabled],\n );\n\n return [value, onChange];\n}\n\ninterface UseCustomEnsuredControlProps<V> {\n value?: V;\n onChange?: (v: V) => any;\n defaultValue: V;\n disabled?: boolean \| undefined;\n}\n\nexport function useCustomEnsuredControl<V>({\n disabled,\n onChange: onChangeProp,\n defaultValue,\n value,\n}: UseCustomEnsuredControlProps<V>): [V \| undefined, (e: V) => any] {\n const isControlled = value !== undefined;\n const [localValue, setLocalValue] = React.useState(defaultValue);\n\n const onChange = React.useCallback(\n (v: V) => {\n if (disabled) {\n return;\n }\n\n !isControlled && setLocalValue(v);\n onChangeProp && onChangeProp(v);\n },\n [disabled, isControlled, onChangeProp],\n );\n\n return [isControlled ? value : localValue, onChange];\n}\n"],"mappings":";;;;;;;;;;;AAAA;AAA+B;AASxB,SAASA,iBAAiB,OAIgC;EAAA,IAHrDC,YAAY,QAAtBC,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACLC,KAAK;EAER,4BAA+BC,uBAAuB,CAACD,KAAK,CAAC;IAAA;IAAtDE,KAAK;IAAEC,aAAa;EAE3B,IAAML,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAChC,UAACC,CAAI,EAAK;IACR,IAAIP,QAAQ,EAAE;MACZ;IACF;IAEAI,aAAa,CAACG,CAAC,CAACC,MAAM,CAACL,KAAK,CAAC;IAC7BL,YAAY,IAAIA,YAAY,CAACS,CAAC,CAAC;EACjC,CAAC,EACD,CAACH,aAAa,EAAEN,YAAY,EAAEE,QAAQ,CAAC,CACxC;EAED,OAAO,CAACG,KAAK,EAAEJ,QAAQ,CAAC;AAC1B;AASO,SAASG,uBAAuB,QAK6B;EAAA,IAJlEF,QAAQ,SAARA,QAAQ;IACEF,YAAY,SAAtBC,QAAQ;IACRU,YAAY,SAAZA,YAAY;IACZN,KAAK,SAALA,KAAK;EAEL,IAAMO,YAAY,GAAGP,KAAK,KAAKQ,SAAS;EACxC,sBAAoCN,KAAK,CAACO,QAAQ,CAACH,YAAY,CAAC;IAAA;IAAzDI,UAAU;IAAEC,aAAa;EAEhC,IAAMf,QAAQ,GAAGM,KAAK,CAACC,WAAW,CAChC,UAACS,CAAI,EAAK;IACR,IAAIf,QAAQ,EAAE;MACZ;IACF;IAEA,CAACU,YAAY,IAAII,aAAa,CAACC,CAAC,CAAC;IACjCjB,YAAY,IAAIA,YAAY,CAACiB,CAAC,CAAC;EACjC,CAAC,EACD,CAACf,QAAQ,EAAEU,YAAY,EAAEZ,YAAY,CAAC,CACvC;EAED,OAAO,CAACY,YAAY,GAAGP,KAAK,GAAGU,UAAU,EAAEd,QAAQ,CAAC;AACtD"}

package/dist/cjs/hooks/useEventListener.js CHANGED Viewed

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useEventListener = useEventListener;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("../lib/utils");
+var _vkjs = require("@vkontakte/vkjs");
 var _dom = require("../lib/dom");
 var _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 function useEventListener(event, _cb, _options) {
@@ -19,10 +19,10 @@ function useEventListener(event, _cb, _options) {
   var cb = React.useCallback(function (e) {
     return cbRef.current && cbRef.current(e);
   }, []);
-  var detach = React.useRef(_utils.noop);
+  var detach = React.useRef(_vkjs.noop);
   var remove = React.useCallback(function () {
     detach.current();
-    detach.current = _utils.noop;
+    detach.current = _vkjs.noop;
   }, []);
   var add = React.useCallback(function (el) {
     if (!_dom.canUseDOM) {

package/dist/cjs/hooks/useEventListener.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEventListener.js","names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from \"react\";\nimport { noop } from ~~\"../lib~~/~~utils\"~~;\nimport { canUseDOM } from \"../lib/dom\";\nimport { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\n\ninterface EventListenerHandle {\n add: (el: HTMLElement \| Document \| Window) => void;\n remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n event: K,\n _cb~~:\n \|~~ false\n \| null\n \| undefined\n \| ((ev: GlobalEventHandlersEventMap[K]) => void),\n _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n event: string,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions\n): EventListenerHandle;\nexport function useEventListener~~<\n~~ E extends Event~~,\n~~ K extends keyof GlobalEventHandlersEventMap\n>(\n event: string \| K,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions\n): EventListenerHandle {\n const cbRef = React.useRef(_cb);\n useIsomorphicLayoutEffect(() => {\n cbRef.current = _cb;\n }, [_cb]);\n const cb = React.useCallback(\n (e: any) => cbRef.current && cbRef.current(e)~~,\n~~ []\n );\n\n const detach = React.useRef(noop);\n const remove = React.useCallback(() => {\n detach.current();\n detach.current = noop;\n }, []);\n const add = React.useCallback(\n (el: HTMLElement \| Document \| Window) => {\n if (!canUseDOM) {\n return;\n }\n remove();\n if (!el) {\n return;\n }\n const options = { ..._options };\n el.addEventListener(event, cb, options);\n detach.current = () => el.removeEventListener(event, cb, options);\n },\n [_options, cb, event, remove]\n );\n React.useEffect(() => remove, [remove]);\n\n return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;~~AAqBO~~,SAASA,gBAAgB,~~CAI9BC~~,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;EACrB,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACJ,GAAG,CAAC;EAC/B,IAAAK,oDAAyB,EAAC,YAAM;IAC9BH,KAAK,CAACI,OAAO,GAAGN,GAAG;EACrB,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EACT,IAAMO,EAAE,GAAGJ,KAAK,CAACK,WAAW,~~CAC1B~~,UAACC,CAAM;IAAA,OAAKP,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACI,OAAO,CAACG,CAAC,CAAC;EAAA,~~GAC7C~~,EAAE,~~CACH~~;~~EAED~~,IAAMC,MAAM,GAAGP,KAAK,CAACC,MAAM,CAACO,~~WAAI~~,CAAC;EACjC,IAAMC,MAAM,GAAGT,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCE,MAAM,CAACJ,OAAO,EAAE;IAChBI,MAAM,CAACJ,OAAO,GAAGK,~~WAAI~~;EACvB,CAAC,EAAE,EAAE,CAAC;EACN,IAAME,GAAG,GAAGV,KAAK,CAACK,WAAW,CAC3B,UAACM,EAAmC,EAAK;IACvC,IAAI,CAACC,cAAS,EAAE;MACd;IACF;IACAH,MAAM,EAAE;IACR,IAAI,CAACE,EAAE,EAAE;MACP;IACF;IACA,IAAME,OAAO,mCAAQf,QAAQ,CAAE;IAC/Ba,EAAE,CAACG,gBAAgB,CAAClB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IACvCN,MAAM,CAACJ,OAAO,GAAG;MAAA,OAAMQ,EAAE,CAACI,mBAAmB,CAACnB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IAAA;EACnE,CAAC,EACD,CAACf,QAAQ,EAAEM,EAAE,EAAER,KAAK,EAAEa,MAAM,CAAC,CAC9B;EACDT,KAAK,CAACgB,SAAS,CAAC;IAAA,OAAMP,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEvC,OAAOT,KAAK,CAACiB,OAAO,CAAC;IAAA,OAAO;MAAEP,GAAG,EAAHA,GAAG;MAAED,MAAM,EAANA;IAAO,CAAC;EAAA,CAAC,EAAE,CAACC,GAAG,EAAED,MAAM,CAAC,CAAC;AAC9D"}
1	+ {"version":3,"file":"useEventListener.js","names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n add: (el: HTMLElement \| Document \| Window) => void;\n remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n event: K,\n _cb: false \| null \| undefined \| ((ev: GlobalEventHandlersEventMap[K]) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n event: string,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n event: string \| K,\n _cb: false \| null \| undefined \| ((ev: E) => void),\n _options?: AddEventListenerOptions,\n): EventListenerHandle {\n const cbRef = React.useRef(_cb);\n useIsomorphicLayoutEffect(() => {\n cbRef.current = _cb;\n }, [_cb]);\n const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n const detach = React.useRef(noop);\n const remove = React.useCallback(() => {\n detach.current();\n detach.current = noop;\n }, []);\n const add = React.useCallback(\n (el: HTMLElement \| Document \| Window) => {\n if (!canUseDOM) {\n return;\n }\n remove();\n if (!el) {\n return;\n }\n const options = { ..._options };\n el.addEventListener(event, cb, options);\n detach.current = () => el.removeEventListener(event, cb, options);\n },\n [_options, cb, event, remove],\n );\n React.useEffect(() => remove, [remove]);\n\n return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AAiBO,SAASA,gBAAgB,CAC9BC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC,EACb;EACrB,IAAMC,KAAK,GAAGC,KAAK,CAACC,MAAM,CAACJ,GAAG,CAAC;EAC/B,IAAAK,oDAAyB,EAAC,YAAM;IAC9BH,KAAK,CAACI,OAAO,GAAGN,GAAG;EACrB,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EACT,IAAMO,EAAE,GAAGJ,KAAK,CAACK,WAAW,CAAC,UAACC,CAAM;IAAA,OAAKP,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACI,OAAO,CAACG,CAAC,CAAC;EAAA,GAAE,EAAE,CAAC;EAE/E,IAAMC,MAAM,GAAGP,KAAK,CAACC,MAAM,CAACO,UAAI,CAAC;EACjC,IAAMC,MAAM,GAAGT,KAAK,CAACK,WAAW,CAAC,YAAM;IACrCE,MAAM,CAACJ,OAAO,EAAE;IAChBI,MAAM,CAACJ,OAAO,GAAGK,UAAI;EACvB,CAAC,EAAE,EAAE,CAAC;EACN,IAAME,GAAG,GAAGV,KAAK,CAACK,WAAW,CAC3B,UAACM,EAAmC,EAAK;IACvC,IAAI,CAACC,cAAS,EAAE;MACd;IACF;IACAH,MAAM,EAAE;IACR,IAAI,CAACE,EAAE,EAAE;MACP;IACF;IACA,IAAME,OAAO,mCAAQf,QAAQ,CAAE;IAC/Ba,EAAE,CAACG,gBAAgB,CAAClB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IACvCN,MAAM,CAACJ,OAAO,GAAG;MAAA,OAAMQ,EAAE,CAACI,mBAAmB,CAACnB,KAAK,EAAEQ,EAAE,EAAES,OAAO,CAAC;IAAA;EACnE,CAAC,EACD,CAACf,QAAQ,EAAEM,EAAE,EAAER,KAAK,EAAEa,MAAM,CAAC,CAC9B;EACDT,KAAK,CAACgB,SAAS,CAAC;IAAA,OAAMP,MAAM;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAEvC,OAAOT,KAAK,CAACiB,OAAO,CAAC;IAAA,OAAO;MAAEP,GAAG,EAAHA,GAAG;MAAED,MAAM,EAANA;IAAO,CAAC;EAAA,CAAC,EAAE,CAACC,GAAG,EAAED,MAAM,CAAC,CAAC;AAC9D"}

package/dist/cjs/hooks/useExternRef.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import * as React from "react";
+import * as React from 'react';
 export declare function useExternRef<T>(...externRefs: Array<React.Ref<T> | undefined | false>): React.MutableRefObject<T | null>;

package/dist/cjs/hooks/useExternRef.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useExternRef.js","names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from \"react\";\nimport { setRef } from \"../lib/utils\";\n\nexport function useExternRef<T>(\n ...externRefs: Array<React.Ref<T> \| undefined \| false>\n): React.MutableRefObject<T \| null> {\n const stableRef = React.useRef<T \| null>(null);\n\n return React.useMemo(\n () => ({\n get current() {\n return stableRef.current;\n },\n set current(el) {\n stableRef.current = el;\n externRefs.forEach((ref) => {\n if (ref) {\n setRef(el, ref);\n }\n });\n },\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n externRefs\n );\n}\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,SAASA,YAAY,GAEQ;EAAA,kCAD/BC,UAAU;IAAVA,UAAU;EAAA;EAEb,IAAMC,SAAS,GAAGC,KAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAE9C,OAAOD,KAAK,CAACE,OAAO,CAClB;IAAA,OAAO;MACL,IAAIC,OAAO,GAAG;QACZ,OAAOJ,SAAS,CAACI,OAAO;MAC1B,CAAC;MACD,IAAIA,OAAO,CAACC,EAAE,EAAE;QACdL,SAAS,CAACI,OAAO,GAAGC,EAAE;QACtBN,UAAU,CAACO,OAAO,CAAC,UAACC,GAAG,EAAK;UAC1B,IAAIA,GAAG,EAAE;YACP,IAAAC,aAAM,EAACH,EAAE,EAAEE,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;IACF,CAAC;EAAA,CAAC;EACF;EACAR,UAAU,CACX;AACH"}
1	+ {"version":3,"file":"useExternRef.js","names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n ...externRefs: Array<React.Ref<T> \| undefined \| false>\n): React.MutableRefObject<T \| null> {\n const stableRef = React.useRef<T \| null>(null);\n\n return React.useMemo(\n () => ({\n get current() {\n return stableRef.current;\n },\n set current(el) {\n stableRef.current = el;\n externRefs.forEach((ref) => {\n if (ref) {\n setRef(el, ref);\n }\n });\n },\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n externRefs,\n );\n}\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,SAASA,YAAY,GAEQ;EAAA,kCAD/BC,UAAU;IAAVA,UAAU;EAAA;EAEb,IAAMC,SAAS,GAAGC,KAAK,CAACC,MAAM,CAAW,IAAI,CAAC;EAE9C,OAAOD,KAAK,CAACE,OAAO,CAClB;IAAA,OAAO;MACL,IAAIC,OAAO,GAAG;QACZ,OAAOJ,SAAS,CAACI,OAAO;MAC1B,CAAC;MACD,IAAIA,OAAO,CAACC,EAAE,EAAE;QACdL,SAAS,CAACI,OAAO,GAAGC,EAAE;QACtBN,UAAU,CAACO,OAAO,CAAC,UAACC,GAAG,EAAK;UAC1B,IAAIA,GAAG,EAAE;YACP,IAAAC,aAAM,EAACH,EAAE,EAAEE,GAAG,CAAC;UACjB;QACF,CAAC,CAAC;MACJ;IACF,CAAC;EAAA,CAAC;EACF;EACAR,UAAU,CACX;AACH"}

package/dist/cjs/hooks/useFocusVisible.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { FocusEvent } from "react";
+import { FocusEvent } from 'react';
 export declare function useFocusVisible(): {
     focusVisible: boolean | undefined;
     onFocus: (event: FocusEvent<HTMLElement>) => void;

package/dist/cjs/hooks/useFocusVisible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusVisible.js","names":["useFocusVisible","useState","isFocused","setIsFocused","useContext","AppRootContext","keyboardInput","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from \"react\";\nimport { AppRootContext } from \"../components/AppRoot/AppRootContext\";\n\nexport function useFocusVisible() {\n const [isFocused, setIsFocused] = useState(false);\n const { keyboardInput } = useContext(AppRootContext);\n\n const onFocus = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(true);\n },\n [setIsFocused]\n );\n\n const onBlur = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(false);\n },\n [setIsFocused]\n );\n\n const focusVisible = keyboardInput && isFocused;\n\n return {\n focusVisible,\n onFocus,\n onBlur,\n };\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAChC,gBAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA1CC,SAAS;IAAEC,YAAY;EAC9B,kBAA0B,IAAAC,iBAAU,EAACC,8BAAc,CAAC;IAA5CC,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EACzB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMQ,MAAM,GAAG,IAAAH,kBAAW,EACxB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMS,YAAY,GAAGN,aAAa,IAAIJ,SAAS;EAE/C,OAAO;IACLU,YAAY,EAAZA,YAAY;IACZL,OAAO,EAAPA,OAAO;IACPI,MAAM,EAANA;EACF,CAAC;AACH"}
1	+ {"version":3,"file":"useFocusVisible.js","names":["useFocusVisible","useState","isFocused","setIsFocused","useContext","AppRootContext","keyboardInput","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { useContext, useState, useCallback, FocusEvent } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible() {\n const [isFocused, setIsFocused] = useState(false);\n const { keyboardInput } = useContext(AppRootContext);\n\n const onFocus = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(true);\n },\n [setIsFocused],\n );\n\n const onBlur = useCallback(\n (event: FocusEvent<HTMLElement>) => {\n event.stopPropagation();\n setIsFocused(false);\n },\n [setIsFocused],\n );\n\n const focusVisible = keyboardInput && isFocused;\n\n return {\n focusVisible,\n onFocus,\n onBlur,\n };\n}\n"],"mappings":";;;;;;;;AAAA;AACA;AAEO,SAASA,eAAe,GAAG;EAChC,gBAAkC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA1CC,SAAS;IAAEC,YAAY;EAC9B,kBAA0B,IAAAC,iBAAU,EAACC,8BAAc,CAAC;IAA5CC,aAAa,eAAbA,aAAa;EAErB,IAAMC,OAAO,GAAG,IAAAC,kBAAW,EACzB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,IAAI,CAAC;EACpB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMQ,MAAM,GAAG,IAAAH,kBAAW,EACxB,UAACC,KAA8B,EAAK;IAClCA,KAAK,CAACC,eAAe,EAAE;IACvBP,YAAY,CAAC,KAAK,CAAC;EACrB,CAAC,EACD,CAACA,YAAY,CAAC,CACf;EAED,IAAMS,YAAY,GAAGN,aAAa,IAAIJ,SAAS;EAE/C,OAAO;IACLU,YAAY,EAAZA,YAAY;IACZL,OAAO,EAAPA,OAAO;IACPI,MAAM,EAANA;EACF,CAAC;AACH"}

package/dist/cjs/hooks/useGlobalEventListener.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useGlobalEventListener.js","names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"../lib/useIsomorphicLayoutEffect\";\nimport { useEventListener } from \"./useEventListener\";\n\nexport function useGlobalEventListener~~<\n~~ K extends keyof GlobalEventHandlersEventMap\n>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K,\n cb: ((ev: GlobalEventHandlersEventMap[K]) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<E extends Event>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions\n): void;\nexport function useGlobalEventListener<\n K extends keyof GlobalEventHandlersEventMap,\n E extends Event\n>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K \| string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions\n) {\n const listener = useEventListener(event, cb, options);\n useIsomorphicLayoutEffect(() => {\n if (cb && element) {\n listener.add(element);\n } else {\n listener.remove();\n }\n }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":";;;;;;AAAA;AACA;~~AAgBO~~,SAASA,sBAAsB,CAIpCC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;EACA,IAAMC,QAAQ,GAAG,IAAAC,kCAAgB,EAACJ,KAAK,EAAEC,EAAE,EAAEC,OAAO,CAAC;EACrD,IAAAG,oDAAyB,EAAC,YAAM;IAC9B,IAAIJ,EAAE,IAAIF,OAAO,EAAE;MACjBI,QAAQ,CAACG,GAAG,CAACP,OAAO,CAAC;IACvB,CAAC,MAAM;MACLI,QAAQ,CAACI,MAAM,EAAE;IACnB;EACF,CAAC,EAAE,CAACC,OAAO,CAACP,EAAE,CAAC,EAAEO,OAAO,CAACT,OAAO,CAAC,CAAC,CAAC;AACrC"}
1	+ {"version":3,"file":"useGlobalEventListener.js","names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K,\n cb: ((ev: GlobalEventHandlersEventMap[K]) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n K extends keyof GlobalEventHandlersEventMap,\n E extends Event,\n>(\n element: Document \| HTMLElement \| Window \| null \| undefined,\n event: K \| string,\n cb: ((ev: E) => void) \| null \| false \| undefined,\n options?: AddEventListenerOptions,\n) {\n const listener = useEventListener(event, cb, options);\n useIsomorphicLayoutEffect(() => {\n if (cb && element) {\n listener.add(element);\n } else {\n listener.remove();\n }\n }, [Boolean(cb), Boolean(element)]);\n}\n"],"mappings":";;;;;;AAAA;AACA;AAcO,SAASA,sBAAsB,CAIpCC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC,EACjC;EACA,IAAMC,QAAQ,GAAG,IAAAC,kCAAgB,EAACJ,KAAK,EAAEC,EAAE,EAAEC,OAAO,CAAC;EACrD,IAAAG,oDAAyB,EAAC,YAAM;IAC9B,IAAIJ,EAAE,IAAIF,OAAO,EAAE;MACjBI,QAAQ,CAACG,GAAG,CAACP,OAAO,CAAC;IACvB,CAAC,MAAM;MACLI,QAAQ,CAACI,MAAM,EAAE;IACnB;EACF,CAAC,EAAE,CAACC,OAAO,CAACP,EAAE,CAAC,EAAEO,OAAO,CAACT,OAAO,CAAC,CAAC,CAAC;AACrC"}

package/dist/cjs/hooks/useId.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var React = _interopRequireWildcard(require("react"));
 // Workaround for https://github.com/webpack/webpack/issues/14814
 // https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21
-var maybeReactUseId = React["useId".toString()];
+var maybeReactUseId = React['useId'.toString()];
 var id = 0;
 // TODO: Remove after React 18

package/dist/cjs/hooks/useId.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useId.js","names":["maybeReactUseId","React","toString","id","useIncrementingCounterID","useState","state","useId"],"sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import * as React from \"react\";\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined \| (() => string) = (React as any)[~~\n \"~~useId\".toString()\n];\n\nlet id = 0;\n\n// TODO: Remove after React 18\nfunction useIncrementingCounterID(): string {\n const [state] = React.useState(() => id++);\n\n return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AACA,IAAMA,eAA2C,GAAIC,KAAK,~~CACxD~~,OAAO,CAACC,QAAQ,EAAE,~~CACnB~~;~~AAED~~,IAAIC,EAAE,GAAG,CAAC;;AAEV;AACA,SAASC,wBAAwB,GAAW;EAC1C,sBAAgBH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAMF,EAAE,EAAE;IAAA,EAAC;IAAA;IAAnCG,KAAK;EAEZ,mBAAYA,KAAK;AACnB;AAEO,IAAMC,KAAmB,GAAGP,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAII,wBAAwB;AAAC"}
1	+ {"version":3,"file":"useId.js","names":["maybeReactUseId","React","toString","id","useIncrementingCounterID","useState","state","useId"],"sources":["../../../src/hooks/useId.ts"],"sourcesContent":["import * as React from 'react';\n\n// Workaround for https://github.com/webpack/webpack/issues/14814\n// https://github.com/eps1lon/material-ui/blob/8d5f135b4d7a58253a99ab56dce4ac8de61f5dc1/packages/mui-utils/src/useId.ts#L21\nconst maybeReactUseId: undefined \| (() => string) = (React as any)['useId'.toString()];\n\nlet id = 0;\n\n// TODO: Remove after React 18\nfunction useIncrementingCounterID(): string {\n const [state] = React.useState(() => id++);\n\n return `:r${state}:`;\n}\n\nexport const useId: () => string = maybeReactUseId ?? useIncrementingCounterID;\n"],"mappings":";;;;;;;;;AAAA;AAEA;AACA;AACA,IAAMA,eAA2C,GAAIC,KAAK,CAAS,OAAO,CAACC,QAAQ,EAAE,CAAC;AAEtF,IAAIC,EAAE,GAAG,CAAC;;AAEV;AACA,SAASC,wBAAwB,GAAW;EAC1C,sBAAgBH,KAAK,CAACI,QAAQ,CAAC;MAAA,OAAMF,EAAE,EAAE;IAAA,EAAC;IAAA;IAAnCG,KAAK;EAEZ,mBAAYA,KAAK;AACnB;AAEO,IAAMC,KAAmB,GAAGP,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAII,wBAAwB;AAAC"}

package/dist/cjs/hooks/useInsets.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { Insets as BridgeInsets } from "@vkontakte/vk-bridge";
+import { Insets as BridgeInsets } from '@vkontakte/vk-bridge';
 export interface Insets {
-    bottom: BridgeInsets["bottom"] | null;
-    top: BridgeInsets["top"] | null;
-    left: BridgeInsets["left"] | null;
-    right: BridgeInsets["right"] | null;
+    bottom: BridgeInsets['bottom'] | null;
+    top: BridgeInsets['top'] | null;
+    left: BridgeInsets['left'] | null;
+    right: BridgeInsets['right'] | null;
 }
 export declare function useInsets(): Insets;