npm - @vkontakte/vkui - Versions diffs - 5.4.3 → 5.5.1 - Mend

@vkontakte/vkui 5.4.3 → 5.5.1

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 (1975) hide show

package/dist/cssm/helpers/appearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n BRIGHT_LIGHT = 'bright_light',\n SPACE_GRAY = 'space_gray',\n VKCOM_LIGHT = 'vkcom_light',\n VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType \| Scheme.VKCOM_DARK \| Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n DARK = 'dark',\n LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme \| undefined): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n appearance?: AppearanceType;\n scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType \| null {\n const { scheme, appearance } = data;\n\n // appearance пока приходит только на IOS и ANDROID\n if (appearance) {\n return appearance;\n }\n\n // Проверяем scheme если appearance не пришел\n return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,MAAMG,mBAAmB,CAACC,SAC/BA,WAAWT,OAAOE,~~UAAU~~,~~IAAIO,~~WAAWT,OAAOI,~~UAAU~~,~~GAAG,~~SAAS,~~OAAO,CAAC~~;AAOlF,OAAO,SAASM,kBAAkBC,IAAwB~~,EAAyB~~;~~IACjF~~,MAAM,EAAEF,OAAM,EAAEG,WAAU,EAAE,GAAGD;IAE/B,mDAAmD;IACnD,IAAIC,YAAY;QACd,OAAOA;IACT~~,CAAC~~;~~IAED~~,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/appearance.ts"],"sourcesContent":["import { AppearanceSchemeType, AppearanceType } from '@vkontakte/vk-bridge';\n\nexport enum Scheme {\n BRIGHT_LIGHT = 'bright_light',\n SPACE_GRAY = 'space_gray',\n VKCOM_LIGHT = 'vkcom_light',\n VKCOM_DARK = 'vkcom_dark',\n}\n\nexport type AppearanceScheme = AppearanceSchemeType \| Scheme.VKCOM_DARK \| Scheme.VKCOM_LIGHT;\n\nexport enum Appearance {\n DARK = 'dark',\n LIGHT = 'light',\n}\n\nexport const deriveAppearance = (scheme: AppearanceScheme \| undefined): AppearanceType =>\n scheme === Scheme.SPACE_GRAY \|\| scheme === Scheme.VKCOM_DARK ? 'dark' : 'light';\n\nexport interface VKBridgeConfigData {\n appearance?: AppearanceType;\n scheme: AppearanceScheme;\n}\n\nexport function resolveAppearance(data: VKBridgeConfigData): AppearanceType \| null {\n const { scheme, appearance } = data;\n\n // appearance пока приходит только на IOS и ANDROID\n if (appearance) {\n return appearance;\n }\n\n // Проверяем scheme если appearance не пришел\n return deriveAppearance(scheme);\n}\n"],"names":["Scheme","BRIGHT_LIGHT","SPACE_GRAY","VKCOM_LIGHT","VKCOM_DARK","Appearance","DARK","LIGHT","deriveAppearance","scheme","resolveAppearance","data","appearance"],"mappings":"WAEO;UAAKA,MAAM;IAANA,OACVC,kBAAe;IADLD,OAEVE,gBAAa;IAFHF,OAGVG,iBAAc;IAHJH,OAIVI,gBAAa;GAJHJ,WAAAA;WASL;UAAKK,UAAU;IAAVA,WACVC,UAAO;IADGD,WAEVE,WAAQ;GAFEF,eAAAA;AAKZ,OAAO,MAAMG,mBAAmB,CAACC,SAC/BA,WAAWT,OAAOE,cAAcO,WAAWT,OAAOI,aAAa,SAAS,QAAQ;AAOlF,OAAO,SAASM,kBAAkBC,IAAwB;IACxD,MAAM,EAAEF,OAAM,EAAEG,WAAU,EAAE,GAAGD;IAE/B,mDAAmD;IACnD,IAAIC,YAAY;QACd,OAAOA;IACT;IAEA,6CAA6C;IAC7C,OAAOJ,iBAAiBC;AAC1B"}

package/dist/cssm/helpers/avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/*\n Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"names":["calcInitialsAvatarColor","objectId"],"mappings":"AAEA;;CAEC,GACD,OAAO,SAASA,wBAAwBC,QAAgB~~,EAAiC~~;~~IACvF~~,OAAQ,AAACA,WAAW,IAAK;AAC3B~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/avatar.ts"],"sourcesContent":["import type { InitialsAvatarNumberGradients } from '../components/Avatar/Avatar';\n\n/*\n Вычисляет цвет InitialsAvatar на основании переданного идентификатора объекта\n */\nexport function calcInitialsAvatarColor(objectId: number): InitialsAvatarNumberGradients {\n return ((objectId % 6) + 1) as InitialsAvatarNumberGradients;\n}\n"],"names":["calcInitialsAvatarColor","objectId"],"mappings":"AAEA;;CAEC,GACD,OAAO,SAASA,wBAAwBC,QAAgB;IACtD,OAAQ,AAACA,WAAW,IAAK;AAC3B"}

package/dist/cssm/helpers/generateVKUITokensClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/generateVKUITokensClassName.ts"],"sourcesContent":["import { Platform } from '../lib/platform';\n\nexport const generateVKUITokensClassName = (platform: string, appearance: string): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = 'vkBase';\n break;\n case Platform.IOS:\n tokensPlatform = 'vkIOS';\n break;\n case Platform.VKCOM:\n tokensPlatform = 'vkCom';\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n"],"names":["Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,8BAA8B,CAACC,UAAkBC~~,aAA+B~~;~~IAC3F~~,IAAIC;IACJ,OAAQF;QACN,KAAKF,SAASK~~,OAAO~~;~~YACnBD~~,iBAAiB;YACjB~~,KAAM~~;~~QACR~~,KAAKJ,SAASM~~,GAAG~~;~~YACfF~~,iBAAiB;YACjB~~,KAAM~~;~~QACR~~,KAAKJ,SAASO~~,KAAK~~;~~YACjBH~~,iBAAiB;YACjB~~,KAAM~~;~~QACR~~;YACEA,iBAAiBF;IACrB;IAEA,OAAO,CAAC,MAAM,EAAEE,eAAe,EAAE,EAAED,WAAW,CAAC;AACjD,EAAE"}
1	+ {"version":3,"sources":["../../../src/helpers/generateVKUITokensClassName.ts"],"sourcesContent":["import { Platform } from '../lib/platform';\n\nexport const generateVKUITokensClassName = (platform: string, appearance: string): string => {\n let tokensPlatform;\n switch (platform) {\n case Platform.ANDROID:\n tokensPlatform = 'vkBase';\n break;\n case Platform.IOS:\n tokensPlatform = 'vkIOS';\n break;\n case Platform.VKCOM:\n tokensPlatform = 'vkCom';\n break;\n default:\n tokensPlatform = platform;\n }\n\n return `vkui--${tokensPlatform}--${appearance}`;\n};\n"],"names":["Platform","generateVKUITokensClassName","platform","appearance","tokensPlatform","ANDROID","IOS","VKCOM"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,kBAAkB;AAE3C,OAAO,MAAMC,8BAA8B,CAACC,UAAkBC;IAC5D,IAAIC;IACJ,OAAQF;QACN,KAAKF,SAASK;YACZD,iBAAiB;YACjB;QACF,KAAKJ,SAASM;YACZF,iBAAiB;YACjB;QACF,KAAKJ,SAASO;YACZH,iBAAiB;YACjB;QACF;YACEA,iBAAiBF;IACrB;IAEA,OAAO,CAAC,MAAM,EAAEE,eAAe,EAAE,EAAED,WAAW,CAAC;AACjD,EAAE"}

package/dist/cssm/helpers/getOrDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/*\n Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T \| undefined, defaultValue: T): T {\n return value ?? defaultValue;\n}\n"],"names":["getOrDefault","value","defaultValue"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,aAAgBC,KAAoB,EAAEC,YAAe~~,EAAK~~;~~IACxE~~,OAAOD,SAASC;AAClB~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/getOrDefault.ts"],"sourcesContent":["/*\n Вернёт первый аргумент если он есть, иначе вернёт значение по умолчанию.\n */\nexport function getOrDefault<T>(value: T \| undefined, defaultValue: T): T {\n return value ?? defaultValue;\n}\n"],"names":["getOrDefault","value","defaultValue"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,aAAgBC,KAAoB,EAAEC,YAAe;IACnE,OAAOD,SAASC;AAClB"}

package/dist/cssm/helpers/getPlatformClassName.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["// TODO [>=6]: удалить этот хеллпер\nimport { platform, PlatformType } from '../lib/platform';\n\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n \n /\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n /\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"mappings":"AAAA,mCAAmC;AACnC,SAASA,QAAQ,QAAsB,kBAAkB;AAmBzD,OAAO,SAASC,qBACdC,IAAkB,EAClBC,SAAuBH,UAAU,EACjC;;;GAGC,GACDI,MAAe~~,EACK~~;~~IACpB~~,MAAMC,oBAAoB,CAAC,EAAEC,OAAOJ,MAAM,EAAE,EAAEC,OAAO,CAAC;IACtD,OAAOC,SAASA,MAAM,CAACC,kBAAkB,GAAGA~~,iBAAiB~~;~~AAC/D,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/getPlatformClassName.ts"],"sourcesContent":["// TODO [>=6]: удалить этот хеллпер\nimport { platform, PlatformType } from '../lib/platform';\n\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n \n /\nexport function getPlatformClassName(base: string, osname?: PlatformType): string;\n/*\n Подставляйте соответствующий селектор самостоятельно.\n \n @deprecated\n /\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname?: PlatformType,\n styles?: Styles,\n): string \| undefined;\nexport function getPlatformClassName<Styles extends Record<string, string>>(\n base: keyof Styles,\n osname: PlatformType = platform(),\n /\n Note: ввиду того, что Typescript не поддерживает `typescript-plugin-css-modules` во время компиляции,\n * не удалось покрыть дженерик типом параметр `styles`. Поэтому может вернуться undefined.\n */\n styles?: Styles,\n): string \| undefined {\n const platformClassName = `${String(base)}--${osname}`;\n return styles ? styles[platformClassName] : platformClassName;\n}\n"],"names":["platform","getPlatformClassName","base","osname","styles","platformClassName","String"],"mappings":"AAAA,mCAAmC;AACnC,SAASA,QAAQ,QAAsB,kBAAkB;AAmBzD,OAAO,SAASC,qBACdC,IAAkB,EAClBC,SAAuBH,UAAU,EACjC;;;GAGC,GACDI,MAAe;IAEf,MAAMC,oBAAoB,CAAC,EAAEC,OAAOJ,MAAM,EAAE,EAAEC,OAAO,CAAC;IACtD,OAAOC,SAASA,MAAM,CAACC,kBAAkB,GAAGA;AAC9C"}

package/dist/cssm/helpers/math.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\nfunction precision(number: number) {\n return (`${number}`.split('.')[1] \|\| '').length;\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const prec = precision(step);\n // Round value to nearest min + k1 * step\n const decimatedOffset = precisionRound(Math.round((val - min) / step) * step, prec);\n // Round range length _down_ to nearest min + k2 * step\n const decimatedRange = precisionRound(Math.floor((max - min) / step) * step, prec);\n return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,~~GAAG~~,~~CAACD,~~KAAKE,KAAKF,~~GAAG~~,~~CAACD,~~OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC~~,EAAE~~;~~IAC5D~~,IAAIC,SAASJ,KAAKK,~~GAAG~~,~~CAAC,~~IAAIF;IAC1B,OAAOH,KAAKM,~~KAAK~~,~~CAACJ,~~SAASE,UAAUA;AACvC~~,CAAC~~;~~AAED~~,SAASD,UAAUD,MAAc~~,EAAE~~;~~IACjC~~,OAAO,AAAC,CAAA,CAAC,EAAEA,OAAO,CAAC,CAACK,~~KAAK~~,~~CAAC,~~IAAI,CAAC,EAAE,IAAI,EAAC,EAAGC~~,MAAM~~;~~AACjD~~;AAEA,SAASC,eAAeC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa~~,EAAE~~;~~IAC5E~~,IAAIA,QAAQ,~~IAAI~~,~~IAAIA,~~QAAQ,GAAG;QAC7B,OAAOf,MAAMc,KAAKZ,KAAKC;IACzB~~,CAAC~~;~~IACD~~,MAAMa,OAAOT,UAAUQ;IACvB,yCAAyC;IACzC,MAAME,kBAAkBZ,eAAeD,KAAKM,~~KAAK~~,~~CAAC,~~AAACI,CAAAA,MAAMZ,GAAE,IAAKa,QAAQA,MAAMC;IAC9E,uDAAuD;IACvD,MAAME,iBAAiBb,eAAeD,KAAKe,~~KAAK~~,~~CAAC,~~AAAChB,CAAAA,MAAMD,GAAE,IAAKa,QAAQA,MAAMC;IAC7E,OAAOd,MAAMF,MAAMiB,iBAAiB,GAAGC;AACzC;AAEA,OAAO,SAASE,QACdnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC~~,EAC~~/B~~;IACA~~,MAAMC,SAAS,AAAEvB,CAAAA,QAAQoB,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOT,eAAeW,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQR~~,IAAI~~;~~AAC1D,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number) =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1) {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\nfunction precision(number: number) {\n return (`${number}`.split('.')[1] \|\| '').length;\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const prec = precision(step);\n // Round value to nearest min + k1 * step\n const decimatedOffset = precisionRound(Math.round((val - min) / step) * step, prec);\n // Round range length _down_ to nearest min + k2 * step\n const decimatedRange = precisionRound(Math.floor((max - min) / step) * step, prec);\n return min + clamp(decimatedOffset, 0, decimatedRange);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n) {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","split","length","decimatedClamp","val","step","prec","decimatedOffset","decimatedRange","floor","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,IAAID,KAAKE,KAAKF,IAAID,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,IAAI,IAAIF;IAC1B,OAAOH,KAAKM,MAAMJ,SAASE,UAAUA;AACvC;AAEA,SAASD,UAAUD,MAAc;IAC/B,OAAO,AAAC,CAAA,CAAC,EAAEA,OAAO,CAAC,CAACK,MAAM,IAAI,CAAC,EAAE,IAAI,EAAC,EAAGC;AAC3C;AAEA,SAASC,eAAeC,GAAW,EAAEZ,GAAW,EAAEC,GAAW,EAAEY,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOf,MAAMc,KAAKZ,KAAKC;IACzB;IACA,MAAMa,OAAOT,UAAUQ;IACvB,yCAAyC;IACzC,MAAME,kBAAkBZ,eAAeD,KAAKM,MAAM,AAACI,CAAAA,MAAMZ,GAAE,IAAKa,QAAQA,MAAMC;IAC9E,uDAAuD;IACvD,MAAME,iBAAiBb,eAAeD,KAAKe,MAAM,AAAChB,CAAAA,MAAMD,GAAE,IAAKa,QAAQA,MAAMC;IAC7E,OAAOd,MAAMF,MAAMiB,iBAAiB,GAAGC;AACzC;AAEA,OAAO,SAASE,QACdnB,KAAa,EACboB,IAAsB,EACtBC,EAAoB,EACpBC,UAA6B,CAAC,CAAC;IAE/B,MAAMC,SAAS,AAAEvB,CAAAA,QAAQoB,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOT,eAAeW,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQR;AACtD"}

package/dist/cssm/helpers/range.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/helpers/range.ts"],"sourcesContent":["/*\n Генерирует массив с диапазоном чисел.\n /\nexport function range(from: number, to: number, step = 1) {\n const direction = from < to ? 1 : -1;\n const distance = Math.abs(from - to) + 1;\n const arrayLength = Math.ceil(distance / step);\n\n const arr = Array<number>(arrayLength);\n for (let index = 0; index < arr.length; index++) {\n arr[index] = from + index step * direction;\n }\n\n return arr;\n}\n/*\n Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1) {\n if (from > to) {\n return [];\n }\n\n return range(from, to, step);\n}\n"],"names":["range","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length","rangeIncrement"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,MAAMC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC~~,EAAE~~;~~IACxD~~,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC~~,CAAC~~;~~IACpC~~,MAAMG,WAAWC,KAAKC,~~GAAG~~,~~CAACN,~~OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,~~IAAI~~,~~CAACJ,~~WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,~~MAAM~~,~~EAAED,~~QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT~~,CAAC~~;~~AACD~~;;;CAGC,GACD,OAAO,SAASI,eAAeb,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC~~,EAAE~~;~~IACjE~~,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX~~,CAAC~~;~~IAED~~,OAAOF,MAAMC,MAAMC,IAAIC;AACzB~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/helpers/range.ts"],"sourcesContent":["/*\n Генерирует массив с диапазоном чисел.\n /\nexport function range(from: number, to: number, step = 1) {\n const direction = from < to ? 1 : -1;\n const distance = Math.abs(from - to) + 1;\n const arrayLength = Math.ceil(distance / step);\n\n const arr = Array<number>(arrayLength);\n for (let index = 0; index < arr.length; index++) {\n arr[index] = from + index step * direction;\n }\n\n return arr;\n}\n/*\n Генерирует массив с диапазоном чисел в порядке возрастания.\n * Если `from` меньше `to`, вернется пустой массив.\n */\nexport function rangeIncrement(from: number, to: number, step = 1) {\n if (from > to) {\n return [];\n }\n\n return range(from, to, step);\n}\n"],"names":["range","from","to","step","direction","distance","Math","abs","arrayLength","ceil","arr","Array","index","length","rangeIncrement"],"mappings":"AAAA;;CAEC,GACD,OAAO,SAASA,MAAMC,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IACtD,MAAMC,YAAYH,OAAOC,KAAK,IAAI,CAAC;IACnC,MAAMG,WAAWC,KAAKC,IAAIN,OAAOC,MAAM;IACvC,MAAMM,cAAcF,KAAKG,KAAKJ,WAAWF;IAEzC,MAAMO,MAAMC,MAAcH;IAC1B,IAAK,IAAII,QAAQ,GAAGA,QAAQF,IAAIG,QAAQD,QAAS;QAC/CF,GAAG,CAACE,MAAM,GAAGX,OAAOW,QAAQT,OAAOC;IACrC;IAEA,OAAOM;AACT;AACA;;;CAGC,GACD,OAAO,SAASI,eAAeb,IAAY,EAAEC,EAAU,EAAEC,OAAO,CAAC;IAC/D,IAAIF,OAAOC,IAAI;QACb,OAAO,EAAE;IACX;IAEA,OAAOF,MAAMC,MAAMC,IAAIC;AACzB"}

package/dist/cssm/hoc/withContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n Component: React.ComponentType<T>,\n Ctx: React.Context<X>,\n prop: string,\n): React.FC<T> {\n function WithContext(props: T) {\n const context = React.useContext<X>(Ctx);\n\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY~~,EACC~~;~~IACb~~,SAASC,YAAYC,KAAQ~~,EAAE~~;~~QAC7B~~,MAAMC,UAAUP,MAAMQ,~~UAAU,CAAIL~~;QAEpC,qBAAO,oBAACD;YAAW,GAAGI,KAAK;YAAQ,CAACF,KAAK,EAAEG;;IAC7C;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hoc/withContext.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport function withContext<T, X>(\n Component: React.ComponentType<T>,\n Ctx: React.Context<X>,\n prop: string,\n): React.FC<T> {\n function WithContext(props: T) {\n const context = React.useContext<X>(Ctx);\n\n return <Component {...props} {...{ [prop]: context }} />;\n }\n return WithContext;\n}\n"],"names":["React","withContext","Component","Ctx","prop","WithContext","props","context","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,SAASC,YACdC,SAAiC,EACjCC,GAAqB,EACrBC,IAAY;IAEZ,SAASC,YAAYC,KAAQ;QAC3B,MAAMC,UAAUP,MAAMQ,WAAcL;QAEpC,qBAAO,oBAACD;YAAW,GAAGI,KAAK;YAAQ,CAACF,KAAK,EAAEG;;IAC7C;IACA,OAAOF;AACT"}

package/dist/cssm/hoc/withInsets.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInsets } from '../hooks/useInsets';\nimport { HasInsets } from '../types';\n\nexport function withInsets<T extends HasInsets>(\n Component: React.ComponentType<T>,\n): React.ComponentType<Omit<T, keyof HasInsets>> {\n function WithInsets(props: Omit<T, keyof HasInsets>) {\n const insets = useInsets();\n return <Component {...(props as T)} insets={insets} />;\n }\n return WithInsets;\n}\n"],"names":["React","useInsets","withInsets","Component","WithInsets","props","insets"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,OAAO,SAASC,WACdC,SAAiC~~,EACc~~;~~IAC/C~~,SAASC,WAAWC,KAA+B~~,EAAE~~;~~QACnD~~,MAAMC,SAASL;QACf,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,QAAQA;;IAC9C;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hoc/withInsets.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useInsets } from '../hooks/useInsets';\nimport { HasInsets } from '../types';\n\nexport function withInsets<T extends HasInsets>(\n Component: React.ComponentType<T>,\n): React.ComponentType<Omit<T, keyof HasInsets>> {\n function WithInsets(props: Omit<T, keyof HasInsets>) {\n const insets = useInsets();\n return <Component {...(props as T)} insets={insets} />;\n }\n return WithInsets;\n}\n"],"names":["React","useInsets","withInsets","Component","WithInsets","props","insets"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,OAAO,SAASC,WACdC,SAAiC;IAEjC,SAASC,WAAWC,KAA+B;QACjD,MAAMC,SAASL;QACf,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,QAAQA;;IAC9C;IACA,OAAOF;AACT"}

package/dist/cssm/hoc/withPlatform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC~~,EACK~~;~~IACtC~~,SAASC,aAAaC,KAAiC~~,EAAE~~;~~QACvD~~,MAAM,EAAEC,SAAQ,EAAE,GAAGL;QAErB,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n const { platform } = useConfigProvider();\n\n return <Component {...(props as T)} platform={platform} />;\n }\n return WithPlatform;\n}\n"],"names":["React","useConfigProvider","withPlatform","Component","WithPlatform","props","platform"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,qDAAqD;AAGvF,OAAO,SAASC,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,SAAQ,EAAE,GAAGL;QAErB,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,UAAUA;;IAChD;IACA,OAAOF;AACT"}

package/dist/cssm/hooks/useAdaptivity.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/*\n Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,QAEZ,qDAAqD;AAI5D;;CAEC,GACD,OAAO,MAAMC,gBAAgB~~,IAAuB~~;~~IAClD~~,OAAOF,MAAMG,~~UAAU,CAACF~~;AAC1B,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivity.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n AdaptivityContext,\n type AdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\n\nexport type { AdaptivityProps };\n\n/*\n Возвращает сырые данные из AdaptivityProvider.\n */\nexport const useAdaptivity = (): AdaptivityProps => {\n return React.useContext(AdaptivityContext);\n};\n"],"names":["React","AdaptivityContext","useAdaptivity","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,iBAAiB,QAEZ,qDAAqD;AAI5D;;CAEC,GACD,OAAO,MAAMC,gBAAgB;IAC3B,OAAOF,MAAMG,WAAWF;AAC1B,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from '../../lib/adaptivity';\nimport styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n mq: { className: styles['-sizeX--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n mq: { className: styles['-sizeX--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n mq: { className: styles['-sizeY--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n mq: { className: styles['-sizeY--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n tabletMinus: {\n mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n },\n tabletPlus: {\n mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n },\n};\n\nexport const deviceTypeClassNames = {\n mobile: {\n mq: { className: styles['-deviceType--mobile-mq'] },\n forced: { className: styles['-deviceType--mobile-forced'] },\n },\n desktop: {\n mq: { className: styles['-deviceType--desktop-mq'] },\n forced: { className: styles['-deviceType--desktop-forced'] },\n },\n};\n"],"names":["SizeType","styles","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,qCAAqC;AAExD,OAAO,MAAMC,yBAAyB;IACpCC,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,~~OAAO~~,~~CAAC,~~EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMK,yBAAyB;IACpCH,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,~~OAAO~~,~~CAAC,~~EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMO,yBAAyB;IACpCL,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,~~OAAO~~,~~CAAC,~~EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMQ,yBAAyB;IACpCN,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,~~OAAO~~,~~CAAC,~~EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMS,sBAAsB;IACjCC,aAAa;QACXR,IAAI;YAAEC,WAAWH,MAAM,CAAC,6BAA6B;QAAC;QACtDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,iCAAiC;QAAC;IAChE;IACAY,YAAY;QACVV,IAAI;YAAEC,WAAWH,MAAM,CAAC,4BAA4B;QAAC;QACrDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,gCAAgC;QAAC;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMa,uBAAuB;IAClCC,QAAQ;QACNZ,IAAI;YAAEC,WAAWH,MAAM,CAAC,yBAAyB;QAAC;QAClDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,6BAA6B;QAAC;IAC5D;IACAe,SAAS;QACPb,IAAI;YAAEC,WAAWH,MAAM,CAAC,0BAA0B;QAAC;QACnDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,8BAA8B;QAAC;IAC7D;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import { SizeType } from '../../lib/adaptivity';\nimport styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n mq: { className: styles['-sizeX--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n mq: { className: styles['-sizeX--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n mq: { className: styles['-sizeY--compact-mq'] },\n [SizeType.COMPACT]: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n mq: { className: styles['-sizeY--regular-mq'] },\n [SizeType.REGULAR]: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames = {\n tabletMinus: {\n mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n },\n tabletPlus: {\n mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n },\n};\n\nexport const deviceTypeClassNames = {\n mobile: {\n mq: { className: styles['-deviceType--mobile-mq'] },\n forced: { className: styles['-deviceType--mobile-forced'] },\n },\n desktop: {\n mq: { className: styles['-deviceType--desktop-mq'] },\n forced: { className: styles['-deviceType--desktop-forced'] },\n },\n};\n"],"names":["SizeType","styles","sizeXCompactClassNames","mq","className","COMPACT","sizeXRegularClassNames","REGULAR","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","tabletMinus","forced","tabletPlus","deviceTypeClassNames","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,uBAAuB;AAChD,OAAOC,YAAY,qCAAqC;AAExD,OAAO,MAAMC,yBAAyB;IACpCC,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,QAAQ,EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMK,yBAAyB;IACpCH,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,QAAQ,EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMO,yBAAyB;IACpCL,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASK,QAAQ,EAAE;QAAED,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMQ,yBAAyB;IACpCN,IAAI;QAAEC,WAAWH,MAAM,CAAC,qBAAqB;IAAC;IAC9C,CAACD,SAASO,QAAQ,EAAE;QAAEH,WAAWH,MAAM,CAAC,yBAAyB;IAAC;AACpE,EAAE;AAEF,OAAO,MAAMS,sBAAsB;IACjCC,aAAa;QACXR,IAAI;YAAEC,WAAWH,MAAM,CAAC,6BAA6B;QAAC;QACtDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,iCAAiC;QAAC;IAChE;IACAY,YAAY;QACVV,IAAI;YAAEC,WAAWH,MAAM,CAAC,4BAA4B;QAAC;QACrDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,gCAAgC;QAAC;IAC/D;AACF,EAAE;AAEF,OAAO,MAAMa,uBAAuB;IAClCC,QAAQ;QACNZ,IAAI;YAAEC,WAAWH,MAAM,CAAC,yBAAyB;QAAC;QAClDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,6BAA6B;QAAC;IAC5D;IACAe,SAAS;QACPb,IAAI;YAAEC,WAAWH,MAAM,CAAC,0BAA0B;QAAC;QACnDW,QAAQ;YAAER,WAAWH,MAAM,CAAC,8BAA8B;QAAC;IAC7D;AACF,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, tryToCheckIsDesktop, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n AdaptiveDeviceType,\n AdaptiveSizeType,\n AdaptiveViewWidth,\n DeviceTypeCSSBreakpoints,\n ElementProps,\n ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"names":["SizeType","tryToCheckIsDesktop","ViewWidth","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,mBAAmB,EAAcC,SAAS,QAAQ,uBAAuB;AAW5F,OAAO,MAAMC,sBAAsB,CACjCC,MACAC,mBACAC~~,oBACqB~~;~~IACrB~~,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,~~EAAE~~,~~GACpBL,~~SAASJ,SAASU,~~OAAO~~,~~GACzBL,~~iBAAiB,CAACD,KAAK,GACvB~~,KAAK~~;~~QACXO~~,SACEP,SAASI,YACLF,kBAAkBG,~~EAAE~~,~~GACpBL,~~SAASJ,SAASY,~~OAAO~~,~~GACzBN,~~iBAAiB,CAACF,KAAK,GACvB~~,KAAK~~;~~IACb~~;AACF,EAAE;AAEF,OAAO,MAAMS,uBAAuB,CAClCC,WACAC~~,sBACsB~~;~~IACtB~~,OAAO;QACLC,aACEF,cAAcN,YACVO,oBAAoBC,~~WAAW~~,~~CAACP~~,~~EAAE,GAClCK,~~YAAYZ,UAAUe,~~MAAM~~,~~GAC5BF,~~oBAAoBC,~~WAAW~~,~~CAACE,MAAM,GACtC,KAAK~~;~~QACXC~~,YACEL,cAAcN,YACVO,oBAAoBI,~~UAAU~~,~~CAACV~~,~~EAAE,GACjCK,~~aAAaZ,UAAUe,~~MAAM~~,~~GAC7BF,~~oBAAoBI,~~UAAU~~,~~CAACD,MAAM,GACrC,KAAK~~;~~IACb~~;AACF,EAAE;AAEF,OAAO,MAAME,wBAAwB,CACnCN,WACAO,YACAC,YACAC,UACAC~~,uBACuB~~;~~IACvB~~,MAAMC,YAAYxB,oBAAoBa,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,~~IAAI,EAAE~~;QACtB,OAAO;YACLC,QAAQF,qBAAqBE,~~MAAM,CAACjB,EAAE~~;~~YACtCkB~~,SAASH,qBAAqBG,~~OAAO,CAAClB,EAAE~~;~~QAC1C~~;IACF~~,CAAC~~;~~IAED~~,IAAIgB,WAAW;QACb,OAAO;YACLC,QAAQ~~,KAAK~~;~~YACbC~~,SAASH,qBAAqBG,~~OAAO,CAACT,MAAM~~;~~QAC9C~~;IACF~~,CAAC~~;~~IAED~~,OAAO;QACLQ,QAAQF,qBAAqBE,~~MAAM,CAACR,MAAM~~;~~QAC1CS~~,SAAS~~,KAAK~~;~~IAChB~~;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import { SizeType, tryToCheckIsDesktop, ViewHeight, ViewWidth } from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n AdaptiveDeviceType,\n AdaptiveSizeType,\n AdaptiveViewWidth,\n DeviceTypeCSSBreakpoints,\n ElementProps,\n ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n type: undefined \| SizeType,\n compactClassNames: Record<'mq' \| SizeType.COMPACT, ElementProps>,\n regularClassNames: Record<'mq' \| SizeType.REGULAR, ElementProps>,\n): AdaptiveSizeType => {\n return {\n compact:\n type === undefined\n ? compactClassNames.mq\n : type === SizeType.COMPACT\n ? compactClassNames[type]\n : false,\n regular:\n type === undefined\n ? regularClassNames.mq\n : type === SizeType.REGULAR\n ? regularClassNames[type]\n : false,\n };\n};\n\nexport const getAdaptiveViewWidth = (\n viewWidth: undefined \| ViewWidth,\n viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n return {\n tabletMinus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletMinus.mq\n : viewWidth < ViewWidth.TABLET\n ? viewWidthClassNames.tabletMinus.forced\n : false,\n tabletPlus:\n viewWidth === undefined\n ? viewWidthClassNames.tabletPlus.mq\n : viewWidth >= ViewWidth.TABLET\n ? viewWidthClassNames.tabletPlus.forced\n : false,\n };\n};\n\nexport const getAdaptiveDeviceType = (\n viewWidth: undefined \| ViewWidth,\n viewHeight: undefined \| ViewHeight,\n hasPointer: undefined \| boolean,\n platform: PlatformType,\n deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' \| 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n if (isDesktop === null) {\n return {\n mobile: deviceTypeClassNames.mobile.mq,\n desktop: deviceTypeClassNames.desktop.mq,\n };\n }\n\n if (isDesktop) {\n return {\n mobile: false,\n desktop: deviceTypeClassNames.desktop.forced,\n };\n }\n\n return {\n mobile: deviceTypeClassNames.mobile.forced,\n desktop: false,\n };\n};\n"],"names":["SizeType","tryToCheckIsDesktop","ViewWidth","getAdaptiveSizeType","type","compactClassNames","regularClassNames","compact","undefined","mq","COMPACT","regular","REGULAR","getAdaptiveViewWidth","viewWidth","viewWidthClassNames","tabletMinus","TABLET","forced","tabletPlus","getAdaptiveDeviceType","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","mobile","desktop"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,mBAAmB,EAAcC,SAAS,QAAQ,uBAAuB;AAW5F,OAAO,MAAMC,sBAAsB,CACjCC,MACAC,mBACAC;IAEA,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,KAClBL,SAASJ,SAASU,UAClBL,iBAAiB,CAACD,KAAK,GACvB;QACNO,SACEP,SAASI,YACLF,kBAAkBG,KAClBL,SAASJ,SAASY,UAClBN,iBAAiB,CAACF,KAAK,GACvB;IACR;AACF,EAAE;AAEF,OAAO,MAAMS,uBAAuB,CAClCC,WACAC;IAEA,OAAO;QACLC,aACEF,cAAcN,YACVO,oBAAoBC,YAAYP,KAChCK,YAAYZ,UAAUe,SACtBF,oBAAoBC,YAAYE,SAChC;QACNC,YACEL,cAAcN,YACVO,oBAAoBI,WAAWV,KAC/BK,aAAaZ,UAAUe,SACvBF,oBAAoBI,WAAWD,SAC/B;IACR;AACF,EAAE;AAEF,OAAO,MAAME,wBAAwB,CACnCN,WACAO,YACAC,YACAC,UACAC;IAEA,MAAMC,YAAYxB,oBAAoBa,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,MAAM;QACtB,OAAO;YACLC,QAAQF,qBAAqBE,OAAOjB;YACpCkB,SAASH,qBAAqBG,QAAQlB;QACxC;IACF;IAEA,IAAIgB,WAAW;QACb,OAAO;YACLC,QAAQ;YACRC,SAASH,qBAAqBG,QAAQT;QACxC;IACF;IAEA,OAAO;QACLQ,QAAQF,qBAAqBE,OAAOR;QACpCS,SAAS;IACX;AACF,EAAE"}

package/dist/cssm/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n deviceTypeClassNames,\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"names":["React","AdaptivityContext","usePlatform","deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","useAdaptivityConditionalRender","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","useContext","platform","useMemo","deviceType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,wDAAwD;AAC1F,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,cAAc;AACrB,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,YAAY;AAG7F,OAAO,MAAMC,iCAAiC~~,IAAsC~~;~~IAClF~~,MAAM,EACJC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,YAAYC,kBAAiB,EAC9B,GAAGtB,MAAMuB,~~UAAU,CAACtB~~;IACrB,MAAMuB,WAAWtB;IAEjB,OAAOF,MAAMyB,~~OAAO,CAAC,IAAM~~;~~QACzB~~,MAAMZ,QAAQH,oBAAoBI,cAAcV,wBAAwBC;QACxE,MAAMU,QAAQL,oBAAoBM,cAAcV,wBAAwBC;QACxE,MAAMU,YAAYN,qBAAqBO,kBAAkBV;QACzD,MAAMkB,aAAajB,sBACjBS,kBACAE,mBACAE,mBACAE,UACArB;QAEF,OAAO;YACLU;YACAE;YACAE;YACAS;QACF;IACF,GAAG;QACDZ;QACAE;QACAE;QACAE;QACAE;QACAE;KACD;AACH,EAAE"}
1	+ {"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/useAdaptivityConditionalRender.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AdaptivityContext } from '../../components/AdaptivityProvider/AdaptivityContext';\nimport { usePlatform } from '../usePlatform';\nimport {\n deviceTypeClassNames,\n sizeXCompactClassNames,\n sizeXRegularClassNames,\n sizeYCompactClassNames,\n sizeYRegularClassNames,\n viewWidthClassNames,\n} from './constants';\nimport { getAdaptiveDeviceType, getAdaptiveSizeType, getAdaptiveViewWidth } from './helpers';\nimport type { UseAdaptivityConditionalRender } from './types';\n\nexport const useAdaptivityConditionalRender = (): UseAdaptivityConditionalRender => {\n const {\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n hasPointer: hasPointerContext,\n } = React.useContext(AdaptivityContext);\n const platform = usePlatform();\n\n return React.useMemo(() => {\n const sizeX = getAdaptiveSizeType(sizeXContext, sizeXCompactClassNames, sizeXRegularClassNames);\n const sizeY = getAdaptiveSizeType(sizeYContext, sizeYCompactClassNames, sizeYRegularClassNames);\n const viewWidth = getAdaptiveViewWidth(viewWidthContext, viewWidthClassNames);\n const deviceType = getAdaptiveDeviceType(\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n deviceTypeClassNames,\n );\n return {\n sizeX,\n sizeY,\n viewWidth,\n deviceType,\n };\n }, [\n sizeXContext,\n sizeYContext,\n viewWidthContext,\n viewHeightContext,\n hasPointerContext,\n platform,\n ]);\n};\n"],"names":["React","AdaptivityContext","usePlatform","deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","useAdaptivityConditionalRender","sizeX","sizeXContext","sizeY","sizeYContext","viewWidth","viewWidthContext","viewHeight","viewHeightContext","hasPointer","hasPointerContext","useContext","platform","useMemo","deviceType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,iBAAiB,QAAQ,wDAAwD;AAC1F,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SACEC,oBAAoB,EACpBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACd,cAAc;AACrB,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,oBAAoB,QAAQ,YAAY;AAG7F,OAAO,MAAMC,iCAAiC;IAC5C,MAAM,EACJC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,YAAYC,kBAAiB,EAC9B,GAAGtB,MAAMuB,WAAWtB;IACrB,MAAMuB,WAAWtB;IAEjB,OAAOF,MAAMyB,QAAQ;QACnB,MAAMZ,QAAQH,oBAAoBI,cAAcV,wBAAwBC;QACxE,MAAMU,QAAQL,oBAAoBM,cAAcV,wBAAwBC;QACxE,MAAMU,YAAYN,qBAAqBO,kBAAkBV;QACzD,MAAMkB,aAAajB,sBACjBS,kBACAE,mBACAE,mBACAE,UACArB;QAEF,OAAO;YACLU;YACAE;YACAE;YACAS;QACF;IACF,GAAG;QACDZ;QACAE;QACAE;QACAE;QACAE;QACAE;KACD;AACH,EAAE"}

package/dist/cssm/hooks/useAdaptivityHasHover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined \| boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined \| boolean {\n const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasHover;\n}\n"],"names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","hasHoverContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,sBAAsBC,cAAc,IAAI~~,EAAuB~~;~~IAC7E~~,MAAM,EAAEL,UAAUM,gBAAe,EAAE,GAAGP,MAAMQ,~~UAAU,CAACL~~;IACvD,MAAMF,WAAWM,oBAAoBE,YAAYP,cAAcK~~,eAAe~~;~~IAE9E~~,MAAMG,WAAWN,YAAY,CAACE;IAC9B,IAAI,CAACI,UAAU;QACb,OAAOD;IACT~~,CAAC~~;~~IAED~~,OAAOR;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined \| boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined \| boolean {\n const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasHover;\n}\n"],"names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","hasHoverContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,sBAAsBC,cAAc,IAAI;IACtD,MAAM,EAAEL,UAAUM,gBAAe,EAAE,GAAGP,MAAMQ,WAAWL;IACvD,MAAMF,WAAWM,oBAAoBE,YAAYP,cAAcK;IAE/D,MAAMG,WAAWN,YAAY,CAACE;IAC9B,IAAI,CAACI,UAAU;QACb,OAAOD;IACT;IAEA,OAAOR;AACT"}

package/dist/cssm/hooks/useAdaptivityHasPointer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined \| boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined \| boolean {\n const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasPointer;\n}\n"],"names":["React","hasMouse","hasPointerLib","AdaptivityContext","useIsClient","useAdaptivityHasPointer","deferDetect","hasPointer","hasPointerContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,aAAa,QAAQ,kBAAkB;AAC5D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,wBAAwBC,cAAc,IAAI~~,EAAuB~~;~~IAC/E~~,MAAM,EAAEC,YAAYC,kBAAiB,EAAE,GAAGR,MAAMS,~~UAAU,CAACN~~;IAC3D,MAAMI,aAAaC,sBAAsBE,YAAYR,gBAAgBM~~,iBAAiB~~;~~IAEtF~~,MAAMG,WAAWP,YAAY,CAACE;IAC9B,IAAI,CAACK,UAAU;QACb,OAAOD;IACT~~,CAAC~~;~~IAED~~,OAAOH;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivityHasPointer.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/*\n Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n \n [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasPointer(deferDetect?: true): undefined \| boolean; // prettier-ignore\nexport function useAdaptivityHasPointer(deferDetect?: false): boolean;\nexport function useAdaptivityHasPointer(deferDetect = true): undefined \| boolean {\n const { hasPointer: hasPointerContext } = React.useContext(AdaptivityContext);\n const hasPointer = hasPointerContext === undefined ? hasPointerLib : hasPointerContext;\n\n const isClient = useIsClient(!deferDetect);\n if (!isClient) {\n return undefined;\n }\n\n return hasPointer;\n}\n"],"names":["React","hasMouse","hasPointerLib","AdaptivityContext","useIsClient","useAdaptivityHasPointer","deferDetect","hasPointer","hasPointerContext","useContext","undefined","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,aAAa,QAAQ,kBAAkB;AAC5D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,wBAAwBC,cAAc,IAAI;IACxD,MAAM,EAAEC,YAAYC,kBAAiB,EAAE,GAAGR,MAAMS,WAAWN;IAC3D,MAAMI,aAAaC,sBAAsBE,YAAYR,gBAAgBM;IAErE,MAAMG,WAAWP,YAAY,CAACE;IAC9B,IAAI,CAACK,UAAU;QACb,OAAOD;IACT;IAEA,OAAOH;AACT"}

package/dist/cssm/hooks/useAdaptivityWithJSMediaQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getSizeX,\n getSizeY,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,YAAYC,WAAW,EAAEC,YAAYC,aAAa,QAAQ,kBAAkB;AAChG,SACEC,iBAAiB,QAEZ,qDAAqD;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SACEC,QAAQ,EACRC,QAAQ,EACRC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,mBAAmB,QACd,oBAAoB;AAC3B,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAC5F,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,WAAW,QAAQ,gBAAgB;AAM5C;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,kCAAkC~~,IAAuC~~;~~IACpF~~,IAAI,CAAChB,WAAW;QACdiB,QAAQC,~~KAAK~~,CAAC~~,CAAC~~;;;;oFAIiE,CAAC;IACnF~~,CAAC~~;~~IAED~~,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,YAAYC,kBAAiB,EAC7B3B,UAAU4B,gBAAe,EAC1B,GAAG9B,MAAM+B,~~UAAU,CAACzB~~;IAErB,MAAM0B,WAAWhB;IACjB,MAAMiB,eAAelB;IAErB,MAAM,CAAC,CAACmB,gBAAgBC,gBAAgB,EAAEC,iBAAiB,GAAGpC,MAAMqC,~~QAAQ~~,~~CAAC,~~IAAM;YACjF9B,aAAac,kBAAkBV,2BAA2BsB;YAC1D1B,aAAagB,mBAAmBb,4BAA4BuB;SAC7D;IAED,MAAMK,kBAAkBtC,MAAMuC,~~OAAO,CAAC,IAAM~~;~~QAC1C~~,MAAMX,aAAarB,aAAasB,mBAAmBxB;QACnD,MAAMH,WAAWK,aAAauB,iBAAiB3B;QAC/C,MAAMiB,YAAYb,aAAac,kBAAkBa;QACjD,MAAMZ,aAAaf,aAAagB,mBAAmBY;QACnD,MAAMX,QAAQjB,aAAakB,cAAcjB,SAASY;QAClD,MAAMM,QAAQnB,aAAaoB,cAAclB,SAASW,WAAWE,YAAYM;QACzE,MAAMY,YAAY5B,oBAAoBQ,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ;YACAE;YACAE;YACAE;YACAE;YACA1B;YACAsC;QACF;IACF,GAAG;QACDN;QACAC;QACAd;QACAE;QACAE;QACAE;QACAE;QACAC;QACAE;KACD;IAEDhC,MAAMyC,~~SAAS,CAAC,IAAM~~;~~QACpB~~,MAAMC,mBAAmB~~,IAAM~~;~~YAC7BN~~,iBAAiB,CAACO~~,gBAAkB~~;~~gBAClC~~,MAAMC,oBAAoBrC,aACxBc,kBACAV,2BAA2BsB;gBAE7B,MAAMY,qBAAqBtC,aACzBgB,mBACAb,4BAA4BuB;gBAG9B,MAAM,CAACa,oBAAoBC,oBAAoB,GAAGJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD~~,CAAC~~;~~gBAED~~,OAAOF;YACT;QACF;QAEA,IAAI,CAACtB,kBAAkB;YACrB;gBACEY,aAAae~~,WAAW~~;~~gBACxBf~~,aAAagB~~,MAAM~~;~~gBACnBhB~~,aAAaiB~~,WAAW~~;~~gBACxBjB~~,aAAakB~~,MAAM~~;~~aACpB~~,CAACC,~~OAAO~~,~~CAAC,~~CAACC,qBACTxC,0BAA0BwC,oBAAoBX;QAElD~~,CAAC~~;~~QAED~~,IAAI,CAACnB,mBAAmB;YACtB;gBAACU,aAAaqB~~,YAAY~~;~~gBAAErB~~,aAAasB~~,qBAAqB~~;~~aAAC~~,CAACH,~~OAAO~~,~~CACrE,~~CAACC,qBAAuBxC,0BAA0BwC,oBAAoBX;QAE1E~~,CAAC~~;~~QAED~~,OAAO~~,IAAM~~;~~YACX~~;gBACET,aAAae~~,WAAW~~;~~gBACxBf~~,aAAagB~~,MAAM~~;~~gBACnBhB~~,aAAaiB~~,WAAW~~;~~gBACxBjB~~,aAAakB~~,MAAM~~;~~gBACnBlB~~,aAAaqB~~,YAAY~~;~~gBACzBrB~~,aAAasB~~,qBAAqB~~;~~aACnC~~,CAACH,~~OAAO~~,~~CAAC,~~CAACC,qBACTvC,6BAA6BuC,oBAAoBX;QAErD;IACF,GAAG;QAACT;QAAcZ;QAAkBE;KAAkB;IAEtD,OAAOe;AACT,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getSizeX,\n getSizeY,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n tryToCheckIsDesktop,\n} from '../lib/adaptivity';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\nexport interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/*\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n console.error(`[useAdaptivityWithJSMediaQueries] Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`);\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n sizeY: sizeYContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const sizeY = getOrDefault(sizeYContext, getSizeY(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n sizeYContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListAddListener(matchMediaListener, handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListRemoveListener(matchMediaListener, handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getSizeX","getSizeY","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","matchMediaListAddListener","matchMediaListRemoveListener","useMediaQueries","usePlatform","useAdaptivityWithJSMediaQueries","console","error","viewWidth","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","sizeY","sizeYContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","mediumHeight","mobileLandscapeHeight"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,YAAYC,WAAW,EAAEC,YAAYC,aAAa,QAAQ,kBAAkB;AAChG,SACEC,iBAAiB,QAEZ,qDAAqD;AAC5D,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SACEC,QAAQ,EACRC,QAAQ,EACRC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,mBAAmB,QACd,oBAAoB;AAC3B,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAC5F,SAASC,eAAe,QAAQ,oBAAoB;AACpD,SAASC,WAAW,QAAQ,gBAAgB;AAM5C;;;;;;;;;;;;CAYC,GACD,OAAO,MAAMC,kCAAkC;IAC7C,IAAI,CAAChB,WAAW;QACdiB,QAAQC,MAAM,CAAC;;;;oFAIiE,CAAC;IACnF;IAEA,MAAM,EACJC,WAAWC,iBAAgB,EAC3BC,YAAYC,kBAAiB,EAC7BC,OAAOC,aAAY,EACnBC,OAAOC,aAAY,EACnBC,YAAYC,kBAAiB,EAC7B3B,UAAU4B,gBAAe,EAC1B,GAAG9B,MAAM+B,WAAWzB;IAErB,MAAM0B,WAAWhB;IACjB,MAAMiB,eAAelB;IAErB,MAAM,CAAC,CAACmB,gBAAgBC,gBAAgB,EAAEC,iBAAiB,GAAGpC,MAAMqC,SAAS,IAAM;YACjF9B,aAAac,kBAAkBV,2BAA2BsB;YAC1D1B,aAAagB,mBAAmBb,4BAA4BuB;SAC7D;IAED,MAAMK,kBAAkBtC,MAAMuC,QAAQ;QACpC,MAAMX,aAAarB,aAAasB,mBAAmBxB;QACnD,MAAMH,WAAWK,aAAauB,iBAAiB3B;QAC/C,MAAMiB,YAAYb,aAAac,kBAAkBa;QACjD,MAAMZ,aAAaf,aAAagB,mBAAmBY;QACnD,MAAMX,QAAQjB,aAAakB,cAAcjB,SAASY;QAClD,MAAMM,QAAQnB,aAAaoB,cAAclB,SAASW,WAAWE,YAAYM;QACzE,MAAMY,YAAY5B,oBAAoBQ,WAAWE,YAAYM,YAAYI;QAEzE,OAAO;YACLZ;YACAE;YACAE;YACAE;YACAE;YACA1B;YACAsC;QACF;IACF,GAAG;QACDN;QACAC;QACAd;QACAE;QACAE;QACAE;QACAE;QACAC;QACAE;KACD;IAEDhC,MAAMyC,UAAU;QACd,MAAMC,mBAAmB;YACvBN,iBAAiB,CAACO;gBAChB,MAAMC,oBAAoBrC,aACxBc,kBACAV,2BAA2BsB;gBAE7B,MAAMY,qBAAqBtC,aACzBgB,mBACAb,4BAA4BuB;gBAG9B,MAAM,CAACa,oBAAoBC,oBAAoB,GAAGJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD;gBAEA,OAAOF;YACT;QACF;QAEA,IAAI,CAACtB,kBAAkB;YACrB;gBACEY,aAAae;gBACbf,aAAagB;gBACbhB,aAAaiB;gBACbjB,aAAakB;aACd,CAACC,QAAQ,CAACC,qBACTxC,0BAA0BwC,oBAAoBX;QAElD;QAEA,IAAI,CAACnB,mBAAmB;YACtB;gBAACU,aAAaqB;gBAAcrB,aAAasB;aAAsB,CAACH,QAC9D,CAACC,qBAAuBxC,0BAA0BwC,oBAAoBX;QAE1E;QAEA,OAAO;YACL;gBACET,aAAae;gBACbf,aAAagB;gBACbhB,aAAaiB;gBACbjB,aAAakB;gBACblB,aAAaqB;gBACbrB,aAAasB;aACd,CAACH,QAAQ,CAACC,qBACTvC,6BAA6BuC,oBAAoBX;QAErD;IACF,GAAG;QAACT;QAAcZ;QAAkBE;KAAkB;IAEtD,OAAOe;AACT,EAAE"}

package/dist/cssm/hooks/useAppearance.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n const { appearance } = useConfigProvider();\n\n return appearance ?? 'light';\n}\n"],"names":["useConfigProvider","useAppearance","appearance"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAEvF,OAAO,SAASC~~,gBAAgB~~;~~IAC9B~~,MAAM,EAAEC,WAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAc;AACvB~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\n\nexport function useAppearance() {\n const { appearance } = useConfigProvider();\n\n return appearance ?? 'light';\n}\n"],"names":["useConfigProvider","useAppearance","appearance"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,qDAAqD;AAEvF,OAAO,SAASC;IACd,MAAM,EAAEC,WAAU,EAAE,GAAGF;IAEvB,OAAOE,cAAc;AACvB"}

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

	@@ -1 +1 @@
1	- {"version":3,"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 { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\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 && window.matchMedia && 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 matchMediaListAddListener(mediaQuery, check);\n\n return () => matchMediaListRemoveListener(mediaQuery, 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 && window.matchMedia && 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(setAppearance, onceDetectAppearanceByBridge.current);\n }\n\n return autoDetectAppearance(window, setAppearance);\n }, [window, appearanceProp]);\n\n return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","type","detail","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","appearance","useState","useEffect","isEmbedded"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,IAAIC,oBAA2C~~,IAAI~~;~~AAEnDN~~,SACGO,~~IAAI~~,~~CAAC,~~qBACLC,~~IAAI~~,~~CAAC,~~CAACC~~,OAAS~~;~~IACdH~~,oBAAoBJ,kBAAkBO;AACxC,GACCC,~~KAAK~~,~~CAACC,~~QAAQC~~,KAAK~~;~~AAEtB~~,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC~~,EACtC~~;~~IACA~~,SAASC,eAAeC,CAAsC~~,EAAE~~;~~QAC9D~~,MAAM,EAAEC,KAAI,EAAET,KAAI,EAAE,GAAGQ,EAAEE~~,MAAM~~;~~QAE/B~~,IAAID,SAAS,wBAAwB;YACnC;QACF~~,CAAC~~;~~QAEDZ~~,oBAAoBJ,kBAAkBO;QAEtC,IAAIH,mBAAmB;YACrBS;YACAD,cAAcR;QAChB~~,CAAC~~;~~IACH~~;IAEAN,SAASoB,~~SAAS,CAACJ~~;IAEnB,OAAO,IAAMhB,SAASqB,~~WAAW,CAACL~~;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C~~,EAClC~~;~~IACZ~~,MAAMU,aACJD,UAAUA,OAAOE,~~UAAU~~,~~IAAIF,~~OAAOE,~~UAAU,CAAC~~;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOzB;IACT~~,CAAC~~;~~IAED~~,MAAM0B,QAAQ,CAACC~~,QAAgD~~;~~QAC7D~~,oDAAoD;QACpDd,cAAcc,MAAMC,~~OAAO~~,~~GAAG,~~SAAS~~,OAAO~~;~~IAChD~~;IAEAF,MAAMH;IACNpB,0BAA0BoB,YAAYG;IAEtC,OAAO,IAAMtB,6BAA6BmB,YAAYG;AACxD;AAEA,OAAO,MAAMG,0BAA0B,CACrCC,gBACAhB~~,6BACmB~~;~~IACnB~~,MAAM,EAAEQ,OAAM,EAAE,GAAGpB;IACnB,MAAM6B,+BAA+BjC,MAAMkC,~~MAAM,CAAC,IAAM~~;~~QACtDlB~~,8BAA8BA;QAC9BiB,6BAA6BE,~~OAAO,GAAGjC~~;IACzC;IAEA,MAAM,CAACkC,YAAYrB,cAAc,GAAGf,MAAMqC,~~QAAQ,CAAiB,IAAM~~;~~QACvE~~,IAAIL,gBAAgB;YAClB,OAAOA;QACT~~,CAAC~~;~~QAED~~,IAAIzB,mBAAmB;YACrB0B,6BAA6BE~~,OAAO~~;~~YACpC~~,OAAO5B;QACT~~,CAAC~~;~~QAED~~,MAAMkB,aACJD,UAAUA,OAAOE,~~UAAU~~,~~IAAIF,~~OAAOE,~~UAAU,CAAC~~;QAEnD,oDAAoD;QACpD,OAAOD,YAAYK,UAAU,SAAS~~,OAAO~~;~~IAC/C~~;IAEA9B,MAAMsC,~~SAAS,CAAC,IAAM~~;~~QACpB~~,IAAIN,gBAAgB;YAClBjB,cAAciB;YACd,OAAO9B;QACT~~,CAAC~~;~~QAED~~,IAAID,SAASsC,~~UAAU,IAAI~~;YACzB,OAAOzB,6BAA6BC,eAAekB,6BAA6BE~~,OAAO~~;~~QACzF,CAAC~~;~~QAED~~,OAAOZ,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQQ;KAAe;IAE3B,OAAOI;AACT,EAAE"}
1	+ {"version":3,"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 { noop } from '@vkontakte/vkjs';\nimport { resolveAppearance, VKBridgeConfigData } from '../helpers/appearance';\nimport { useDOM } from '../lib/dom';\nimport { matchMediaListAddListener, matchMediaListRemoveListener } from '../lib/matchMedia';\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 && window.matchMedia && 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 matchMediaListAddListener(mediaQuery, check);\n\n return () => matchMediaListRemoveListener(mediaQuery, 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 && window.matchMedia && 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(setAppearance, onceDetectAppearanceByBridge.current);\n }\n\n return autoDetectAppearance(window, setAppearance);\n }, [window, appearanceProp]);\n\n return appearance;\n};\n"],"names":["React","vkBridge","noop","resolveAppearance","useDOM","matchMediaListAddListener","matchMediaListRemoveListener","initialAppearance","send","then","data","catch","console","error","autoDetectAppearanceByBridge","setAppearance","onDetectAppearanceByBridge","bridgeListener","e","type","detail","subscribe","unsubscribe","autoDetectAppearance","window","mediaQuery","matchMedia","undefined","check","event","matches","useAutoDetectAppearance","appearanceProp","onceDetectAppearanceByBridge","useRef","current","appearance","useState","useEffect","isEmbedded"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAIA,uBAAuB;AAC9B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAA4B,wBAAwB;AAC9E,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,yBAAyB,EAAEC,4BAA4B,QAAQ,oBAAoB;AAE5F,IAAIC,oBAA2C;AAE/CN,SACGO,KAAK,qBACLC,KAAK,CAACC;IACLH,oBAAoBJ,kBAAkBO;AACxC,GACCC,MAAMC,QAAQC;AAEjB,SAASC,6BACPC,aAA8C,EAC9CC,0BAAsC;IAEtC,SAASC,eAAeC,CAAsC;QAC5D,MAAM,EAAEC,KAAI,EAAET,KAAI,EAAE,GAAGQ,EAAEE;QAEzB,IAAID,SAAS,wBAAwB;YACnC;QACF;QAEAZ,oBAAoBJ,kBAAkBO;QAEtC,IAAIH,mBAAmB;YACrBS;YACAD,cAAcR;QAChB;IACF;IAEAN,SAASoB,UAAUJ;IAEnB,OAAO,IAAMhB,SAASqB,YAAYL;AACpC;AAEA,SAASM,qBACPC,MAA0B,EAC1BT,aAA8C;IAE9C,MAAMU,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;IAEnD,IAAID,eAAeE,WAAW;QAC5B,OAAOzB;IACT;IAEA,MAAM0B,QAAQ,CAACC;QACb,oDAAoD;QACpDd,cAAcc,MAAMC,UAAU,SAAS;IACzC;IAEAF,MAAMH;IACNpB,0BAA0BoB,YAAYG;IAEtC,OAAO,IAAMtB,6BAA6BmB,YAAYG;AACxD;AAEA,OAAO,MAAMG,0BAA0B,CACrCC,gBACAhB;IAEA,MAAM,EAAEQ,OAAM,EAAE,GAAGpB;IACnB,MAAM6B,+BAA+BjC,MAAMkC,OAAO;QAChDlB,8BAA8BA;QAC9BiB,6BAA6BE,UAAUjC;IACzC;IAEA,MAAM,CAACkC,YAAYrB,cAAc,GAAGf,MAAMqC,SAAyB;QACjE,IAAIL,gBAAgB;YAClB,OAAOA;QACT;QAEA,IAAIzB,mBAAmB;YACrB0B,6BAA6BE;YAC7B,OAAO5B;QACT;QAEA,MAAMkB,aACJD,UAAUA,OAAOE,cAAcF,OAAOE,WAAW;QAEnD,oDAAoD;QACpD,OAAOD,YAAYK,UAAU,SAAS;IACxC;IAEA9B,MAAMsC,UAAU;QACd,IAAIN,gBAAgB;YAClBjB,cAAciB;YACd,OAAO9B;QACT;QAEA,IAAID,SAASsC,cAAc;YACzB,OAAOzB,6BAA6BC,eAAekB,6BAA6BE;QAClF;QAEA,OAAOZ,qBAAqBC,QAAQT;IACtC,GAAG;QAACS;QAAQQ;KAAe;IAE3B,OAAOI;AACT,EAAE"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["React","useBooleanState","defaultValue","value","setValue","useState","setTrue","useCallback","setFalse","toggle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,kBAAkB,CAACC,eAAe,KAAK~~,GAAK~~;~~IACvD~~,MAAM,CAACC,OAAOC,SAAS,GAAGJ,MAAMK,~~QAAQ,CAACH~~;IAEzC,MAAMI,UAAUN,MAAMO,~~WAAW,CAAC,IAAM~~;~~QACtCH~~,SAAS~~,IAAI~~;~~IACf~~,GAAG,EAAE;IAEL,MAAMI,WAAWR,MAAMO,~~WAAW,CAAC,IAAM~~;~~QACvCH~~,SAAS~~,KAAK~~;~~IAChB~~,GAAG,EAAE;IAEL,MAAMK,SAAST,MAAMO,~~WAAW,CAAC,IAAM~~;~~QACrCH~~,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOG;QAASE;QAAUC;IAAO;AAC5C,EAAE"}
1	+ {"version":3,"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"],"names":["React","useBooleanState","defaultValue","value","setValue","useState","setTrue","useCallback","setFalse","toggle"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,kBAAkB,CAACC,eAAe,KAAK;IAClD,MAAM,CAACC,OAAOC,SAAS,GAAGJ,MAAMK,SAASH;IAEzC,MAAMI,UAAUN,MAAMO,YAAY;QAChCH,SAAS;IACX,GAAG,EAAE;IAEL,MAAMI,WAAWR,MAAMO,YAAY;QACjCH,SAAS;IACX,GAAG,EAAE;IAEL,MAAMK,SAAST,MAAMO,YAAY;QAC/BH,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOG;QAASE;QAAUC;IAAO;AAC5C,EAAE"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","data","detail","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","setBridgeAdaptivity","useState","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc~~,EAA2B~~;~~IAClE~~,MAAM,EAAEJ,KAAI,EAAEK,KAAI,EAAE,GAAGD,EAAEE~~,MAAM~~;~~IAE/B~~,IAAIN,SAAS,0BAA0B,CAACK,MAAM;QAC5C,OAAO~~,IAAI~~;~~IACb,CAAC~~;~~IAED~~,MAAM,EAAEE,WAAU,EAAEC,gBAAgBP,cAAa,EAAEQ,iBAAiBP,eAAc,EAAE,GAAGG;IAEvF,MAAMK,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB~~,CAAC~~;~~QAC3DC~~,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB~~,CAAC~~;~~IAChE~~;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,~~IAAI,GAAGO~~;IAC5B;IAEA,OAAOG;AACT;AAEAb,SAASe,~~SAAS~~,~~CAAC,~~CAACR~~,IAAmB~~;~~IACrC~~,MAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB~~,CAAC~~;~~AACH~~;AAEA,OAAO,SAASG~~,sBAAwC~~;~~IACtD~~,MAAM,CAACH,kBAAkBI,oBAAoB,GAAGlB,MAAMmB,~~QAAQ,CAAmBhB~~;IAEjFD,0BAA0B~~,IAAM~~;~~QAC9B~~,SAASkB,eAAeZ,CAAc~~,EAAE~~;~~YACtC~~,MAAMa,sBAAsBd,kBAAkBC;YAE9C,IAAIa,qBAAqB;gBACvBH,oBAAoBG;YACtB~~,CAAC~~;~~QACH~~;QAEApB,SAASe,~~SAAS,CAACI~~;QACnB,OAAO~~,IAAM~~;~~YACXnB~~,SAASqB,~~WAAW,CAACF~~;QACvB;IACF,GAAG,EAAE;IAEL,OAAON;AACT~~,CAAC~~"}
1	+ {"version":3,"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"],"names":["React","vkBridge","useIsomorphicLayoutEffect","initialState","type","viewportWidth","viewportHeight","resolveAdaptivity","e","data","detail","adaptivity","viewport_width","viewport_height","bridgeAdaptivity","isFinite","subscribe","useBridgeAdaptivity","setBridgeAdaptivity","useState","bridgeListener","newBridgeAdaptivity","unsubscribe"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,OAAOC,cAAc,uBAAuB;AAC5C,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,IAAIC,eAAiC;IACnCC,MAAM;IACNC,eAAe;IACfC,gBAAgB;AAClB;AAEA,SAASC,kBAAkBC,CAAc;IACvC,MAAM,EAAEJ,KAAI,EAAEK,KAAI,EAAE,GAAGD,EAAEE;IAEzB,IAAIN,SAAS,0BAA0B,CAACK,MAAM;QAC5C,OAAO;IACT;IAEA,MAAM,EAAEE,WAAU,EAAEC,gBAAgBP,cAAa,EAAEQ,iBAAiBP,eAAc,EAAE,GAAGG;IAEvF,MAAMK,mBAAqC;QACzCV,MAAM;QACNC,eAAeU,SAASV,iBAAiB,CAACA,gBAAgB;QAC1DC,gBAAgBS,SAAST,kBAAkB,CAACA,iBAAiB;IAC/D;IAEA,OAAQK;QACN,KAAK;QACL,KAAK;QACL,KAAK;YACHG,iBAAiBV,OAAOO;IAC5B;IAEA,OAAOG;AACT;AAEAb,SAASe,UAAU,CAACR;IAClB,MAAMM,mBAAmBP,kBAAkBC;IAE3C,IAAIM,kBAAkB;QACpBX,eAAeW;IACjB;AACF;AAEA,OAAO,SAASG;IACd,MAAM,CAACH,kBAAkBI,oBAAoB,GAAGlB,MAAMmB,SAA2BhB;IAEjFD,0BAA0B;QACxB,SAASkB,eAAeZ,CAAc;YACpC,MAAMa,sBAAsBd,kBAAkBC;YAE9C,IAAIa,qBAAqB;gBACvBH,oBAAoBG;YACtB;QACF;QAEApB,SAASe,UAAUI;QACnB,OAAO;YACLnB,SAASqB,YAAYF;QACvB;IACF,GAAG,EAAE;IAEL,OAAON;AACT"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n startOfDay,\n subMonths,\n} from '../lib/date';\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"],"names":["React","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","viewDate","setViewDate","useState","Array","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SACEC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,SAAS,QACJ,cAAc;AAUrB,OAAO,SAASC,YAAY,EAC1BC,MAAK,EACLC,YAAW,EACXC,cAAa,EACbC,kBAAiB,EACjBC,eAAc,EACdC,YAAW,EACXC,YAAW,EACa~~,EAAE~~;~~IAC1B~~,MAAM,CAACC,UAAUC,YAAY,GAAGjB,MAAMkB,~~QAAQ~~,~~CAC5C,~~AAACC,CAAAA,MAAMC,~~OAAO~~,~~CAACX,~~SAASA,KAAK,CAAC,EAAE,GAAGA,~~KAAK~~,~~AAAD,~~KAAM,IAAIY;IAEnD,MAAM,CAACC,YAAYC,cAAc,GAAGvB,MAAMkB~~,QAAQ~~;~~IAElD~~,MAAMM,eAAexB,MAAMyB,~~WAAW,CAAC,IAAM~~;~~QAC3CV~~;QACAE,YAAYV,UAAUS,UAAU;IAClC,GAAG;QAACA;QAAUD;KAAY;IAC1B,MAAMW,eAAe1B,MAAMyB,~~WAAW,CAAC,IAAM~~;~~QAC3CX~~;QACAG,YAAYhB,UAAUe,UAAU;IAClC,GAAG;QAACA;QAAUF;KAAY;IAE1B,MAAMa,oBAAoB3B,MAAMyB,~~WAAW~~,~~CACzC,~~CAAChB~~,QAAgB~~;~~QACfI~~,iBAAiBJ;QACjBQ,YAAYR;IACd,GACA;QAACI;KAAe;IAGlB,MAAMe,eAAe5B,MAAMyB,~~WAAW~~,~~CACpC,~~CAACI,MAAcC,QAAQR,cAAcjB,UAAUwB,KAAKP,cACpD;QAACA;KAAW;IAGd,MAAMS,gBAAgB/B,MAAMyB,~~WAAW~~,~~CACrC,~~CAACI~~,MAAc~~;~~QACb~~,MAAMG,MAAM,IAAIX;QAChB,IAAIY,WAAW~~,KAAK~~;~~QACpB~~,IAAIvB,aAAa;YACfuB,WAAW7B,SAASF,SAAS2B,MAAMG;QACrC~~,CAAC~~;~~QACD~~,IAAIrB,eAAe;YACjBsB,WAAW9B,QAAQG,WAAWuB,MAAMG;QACtC~~,CAAC~~;~~QACD~~,IAAIpB,mBAAmB;YACrBqB,WAAWrB,kBAAkBiB;QAC/B~~,CAAC~~;~~QAED~~,OAAOI;IACT,GACA;QAACtB;QAAeD;QAAaE;KAAkB;IAGjD,MAAMsB,mBAAmBlC,MAAMyB,~~WAAW,CAAC,IAAM~~;~~QAC/CF~~,cAAcY;IAChB,GAAG;QAACZ;KAAc;IAElB,OAAO;QACLP;QACAC,aAAaU;QACbH;QACAE;QACAJ;QACAC;QACAK;QACAG;QACAG;IACF;AACF~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport {\n addMonths,\n endOfDay,\n isAfter,\n isBefore,\n isSameDay,\n startOfDay,\n subMonths,\n} from '../lib/date';\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"],"names":["React","addMonths","endOfDay","isAfter","isBefore","isSameDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","viewDate","setViewDate","useState","Array","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","now","disabled","resetSelectedDay","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,SACEC,SAAS,EACTC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,SAAS,QACJ,cAAc;AAUrB,OAAO,SAASC,YAAY,EAC1BC,MAAK,EACLC,YAAW,EACXC,cAAa,EACbC,kBAAiB,EACjBC,eAAc,EACdC,YAAW,EACXC,YAAW,EACa;IACxB,MAAM,CAACC,UAAUC,YAAY,GAAGjB,MAAMkB,SACpC,AAACC,CAAAA,MAAMC,QAAQX,SAASA,KAAK,CAAC,EAAE,GAAGA,KAAI,KAAM,IAAIY;IAEnD,MAAM,CAACC,YAAYC,cAAc,GAAGvB,MAAMkB;IAE1C,MAAMM,eAAexB,MAAMyB,YAAY;QACrCV;QACAE,YAAYV,UAAUS,UAAU;IAClC,GAAG;QAACA;QAAUD;KAAY;IAC1B,MAAMW,eAAe1B,MAAMyB,YAAY;QACrCX;QACAG,YAAYhB,UAAUe,UAAU;IAClC,GAAG;QAACA;QAAUF;KAAY;IAE1B,MAAMa,oBAAoB3B,MAAMyB,YAC9B,CAAChB;QACCI,iBAAiBJ;QACjBQ,YAAYR;IACd,GACA;QAACI;KAAe;IAGlB,MAAMe,eAAe5B,MAAMyB,YACzB,CAACI,MAAcC,QAAQR,cAAcjB,UAAUwB,KAAKP,cACpD;QAACA;KAAW;IAGd,MAAMS,gBAAgB/B,MAAMyB,YAC1B,CAACI;QACC,MAAMG,MAAM,IAAIX;QAChB,IAAIY,WAAW;QACf,IAAIvB,aAAa;YACfuB,WAAW7B,SAASF,SAAS2B,MAAMG;QACrC;QACA,IAAIrB,eAAe;YACjBsB,WAAW9B,QAAQG,WAAWuB,MAAMG;QACtC;QACA,IAAIpB,mBAAmB;YACrBqB,WAAWrB,kBAAkBiB;QAC/B;QAEA,OAAOI;IACT,GACA;QAACtB;QAAeD;QAAaE;KAAkB;IAGjD,MAAMsB,mBAAmBlC,MAAMyB,YAAY;QACzCF,cAAcY;IAChB,GAAG;QAACZ;KAAc;IAElB,OAAO;QACLP;QACAC,aAAaU;QACbH;QACAE;QACAJ;QACAC;QACAK;QACAG;QACAG;IACF;AACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","fieldValue","setFieldValue","useState","inputValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,MAAMC,gBAAgB,CAC3BC~~,QACG~~;~~IACH~~,MAAM,EAAEC,MAAK,EAAEC,eAAc,EAAEC,SAAQ,EAAEC,cAAa,EAAEC,iBAAgB,EAAE,GAAGL;IAE7E,MAAM,CAACM,YAAYC,cAAc,GAAGT,MAAMU,~~QAAQ~~,~~CAACR,~~MAAMS~~,UAAU~~;~~IACnE~~,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGb,MAAMU,~~QAAQ~~,~~CAACP,~~SAAS,EAAE;IAExE,MAAMW,aAAad,MAAMe,~~WAAW,CAAC,IAAM~~;~~QACzCN~~,cAAc;QACdH,cAAe;YAAEU,QAAQ;gBAAEb,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,MAAMW,oBAAoBjB,MAAMe,~~WAAW~~,~~CACzC,~~CAACG~~,IAA2C~~;~~QAC1CT~~,cAAcS,EAAEF,~~MAAM,CAACb,KAAK~~;~~QAC5BG~~,cAAeY;IACjB,GACA;QAACZ;KAAc;IAGjB,MAAMa,eAAenB,MAAMe,~~WAAW~~,~~CACpC,~~CAACK,WAAmBjB~~,QAAoB~~;~~QACtC~~,MAAMkB,qBAAqBT,gBAAgBU,~~MAAM~~,~~CAC/C,~~CAACC,SAAmBnB,eAAgBgB,eAAehB,eAAgBmB;QAGrE,IAAIpB,UAAU,~~IAAI,EAAE~~;YAClBkB,mBAAmBG,~~IAAI,CAACJ~~;QAC1B~~,CAAC~~;~~QAEDP~~,mBAAmBQ;QACnBhB,SAAUgB;IACZ,GACA;QAACT;QAAiBR;QAAgBC;KAAS;IAG7C,MAAMoB,YAAYzB,MAAMe,~~WAAW~~,~~CACjC,~~CAACK,YAAsBD,aAAaC,WAAW,~~IAAI,GACnD~~;QAACD;KAAa;IAEhB,MAAMO,qBAAqB1B,MAAMe,~~WAAW,CAAC,IAAM~~;~~QACjD~~,MAAMY,eAAenB,YAAYoB;QAEjC,IAAID,cAAc;YAChBF,UAAUlB,iBAAkBsB,WAAWF;YACvCb;QACF~~,CAAC~~;~~IACH~~,GAAG;QAACW;QAAWX;QAAYP;QAAkBC;KAAW;IACxD,MAAMsB,eAAe9B,MAAMe,~~WAAW~~,~~CACpC,~~CAACZ~~,QAAU~~;~~QACTgB~~,aAAaZ,iBAAkBsB,WAAW1B,QAAkB~~,KAAK~~;~~IACnE~~,GACA;QAACgB;QAAcZ;KAAiB;IAGlCP,MAAM+B,~~SAAS,CAAC,IAAM~~;~~QACpBlB~~,mBAAmBV;QAEnB,OAAO,IAAMU,mBAAmB,EAAE;IACpC,GAAG;QAACX,MAAMC~~,KAAK~~;~~QAAEA~~;KAAM;IAEvBH,MAAM+B,~~SAAS,CAAC,IAAM~~;~~QACpBtB~~,cAAcP,MAAMS~~,UAAU~~;~~QAE9B~~,OAAO,IAAMF,cAAc;IAC7B,GAAG;QAACP,MAAMS~~,UAAU~~;~~KAAC~~;IAErB,OAAO;QACLH;QACAC;QACAG;QACAC;QACAC;QACAK;QACAM;QACAC;QACAI;QACAb;IACF;AACF,EAAE"}
1	+ {"version":3,"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"],"names":["React","useChipsInput","props","value","getOptionValue","onChange","onInputChange","getNewOptionData","fieldValue","setFieldValue","useState","inputValue","selectedOptions","setSelectedOptions","clearInput","useCallback","target","handleInputChange","e","toggleOption","newOption","newSelectedOptions","filter","option","push","addOption","addOptionFromInput","trimmedValue","trim","undefined","removeOption","useEffect"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,MAAMC,gBAAgB,CAC3BC;IAEA,MAAM,EAAEC,MAAK,EAAEC,eAAc,EAAEC,SAAQ,EAAEC,cAAa,EAAEC,iBAAgB,EAAE,GAAGL;IAE7E,MAAM,CAACM,YAAYC,cAAc,GAAGT,MAAMU,SAASR,MAAMS;IACzD,MAAM,CAACC,iBAAiBC,mBAAmB,GAAGb,MAAMU,SAASP,SAAS,EAAE;IAExE,MAAMW,aAAad,MAAMe,YAAY;QACnCN,cAAc;QACdH,cAAe;YAAEU,QAAQ;gBAAEb,OAAO;YAAG;QAAE;IACzC,GAAG;QAACG;KAAc;IAElB,MAAMW,oBAAoBjB,MAAMe,YAC9B,CAACG;QACCT,cAAcS,EAAEF,OAAOb;QACvBG,cAAeY;IACjB,GACA;QAACZ;KAAc;IAGjB,MAAMa,eAAenB,MAAMe,YACzB,CAACK,WAAmBjB;QAClB,MAAMkB,qBAAqBT,gBAAgBU,OACzC,CAACC,SAAmBnB,eAAgBgB,eAAehB,eAAgBmB;QAGrE,IAAIpB,UAAU,MAAM;YAClBkB,mBAAmBG,KAAKJ;QAC1B;QAEAP,mBAAmBQ;QACnBhB,SAAUgB;IACZ,GACA;QAACT;QAAiBR;QAAgBC;KAAS;IAG7C,MAAMoB,YAAYzB,MAAMe,YACtB,CAACK,YAAsBD,aAAaC,WAAW,OAC/C;QAACD;KAAa;IAEhB,MAAMO,qBAAqB1B,MAAMe,YAAY;QAC3C,MAAMY,eAAenB,YAAYoB;QAEjC,IAAID,cAAc;YAChBF,UAAUlB,iBAAkBsB,WAAWF;YACvCb;QACF;IACF,GAAG;QAACW;QAAWX;QAAYP;QAAkBC;KAAW;IACxD,MAAMsB,eAAe9B,MAAMe,YACzB,CAACZ;QACCgB,aAAaZ,iBAAkBsB,WAAW1B,QAAkB;IAC9D,GACA;QAACgB;QAAcZ;KAAiB;IAGlCP,MAAM+B,UAAU;QACdlB,mBAAmBV;QAEnB,OAAO,IAAMU,mBAAmB,EAAE;IACpC,GAAG;QAACX,MAAMC;QAAOA;KAAM;IAEvBH,MAAM+B,UAAU;QACdtB,cAAcP,MAAMS;QAEpB,OAAO,IAAMF,cAAc;IAC7B,GAAG;QAACP,MAAMS;KAAW;IAErB,OAAO;QACLH;QACAC;QACAG;QACAC;QACAC;QACAK;QACAM;QACAC;QACAI;QACAb;IACF;AACF,EAAE"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\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"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","opened","setOpened","useState","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,iBAAiB,CAC5BC~~,QACG~~;~~IACH~~,MAAM,EAAEC,QAAO,EAAEC,SAAQ,EAAEC,eAAc,EAAEC,eAAc,EAAE,GAAGJ;IAE9D,MAAM,CAACK,QAAQC,UAAU,GAAGT,MAAMU,~~QAAQ,CAAC,KAAK~~;~~IAChD~~,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGZ,MAAMU,~~QAAQ,CAAgB~~;IAClF,MAAM,CAACG,eAAeC,iBAAiB,GAAGd,MAAMU,~~QAAQ,CAAgB,IAAI~~;~~IAE5E~~,MAAM,EAAEK,WAAU,EAAEC,gBAAe,EAAE,GAAGC,iBAAiB,GAAGhB,cAAcE;IAE1E,MAAMe,oBAAoB,CAACC~~,IAAuD~~;~~QAChF~~,IAAI,CAACA,GAAG;YACN;QACF~~,CAAC~~;~~QACDF~~,gBAAgBC,~~iBAAiB,CAACC~~;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU~~,IAAI~~;~~YACdG~~,sBAAsB;QACxB~~,CAAC~~;~~IACH~~;IAEA,IAAIQ,kBAAkBpB,MAAMqB,~~OAAO,CAAC,IAAM~~;~~QACxC~~,OAAOhB,WACHD,QAASkB,~~MAAM~~,~~CAAC,~~CAACC,SAAWlB,SAASU,YAAYQ,QAAQjB,mBACxDF~~,OAAoB~~;~~IAC3B~~,GAAG;QAACA;QAASC;QAAUU;QAAYT;KAAe;IAElDc,kBAAkBpB,MAAMqB,~~OAAO,CAAC,IAAM~~;~~QACpC~~,IAAI,CAACD,gBAAgBI,~~MAAM,EAAE~~;YAC3B,OAAOJ;QACT~~,CAAC~~;~~QAED~~,MAAMK,cAAc,IAAIC,IAAIN;QAC5B,MAAMO,WAAWX,gBAAgBY,~~GAAG~~,~~CAAC,~~CAACC,OAAStB,eAAgBsB;QAE/D,KAAK,MAAMA,QAAQJ,YAAa;YAC9B,IAAIE,SAASG,~~QAAQ~~,~~CAACvB,~~eAAgBsB,QAAQ;gBAC5CJ,YAAYM,~~MAAM,CAACF~~;YACrB~~,CAAC~~;~~QACH~~;QAEA,OAAO;eAAIJ;SAAY;IACzB,GAAG;QAACL;QAAiBJ;QAAiBT;KAAe;IAErD,OAAO;QACL,GAAGU,eAAe;QAClBF;QACAG;QACAV;QACAC;QACAW;QACAT;QACAC;QACAC;QACAC;QACAE;IACF;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../src/hooks/useChipsSelect.ts"],"sourcesContent":["import * as React from 'react';\nimport { ChipOption } from '../components/Chip/Chip';\nimport { ChipsSelectProps } from '../components/ChipsSelect/ChipsSelect';\nimport { useChipsInput } from './useChipsInput';\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"],"names":["React","useChipsInput","useChipsSelect","props","options","filterFn","getOptionLabel","getOptionValue","opened","setOpened","useState","focusedOptionIndex","setFocusedOptionIndex","focusedOption","setFocusedOption","fieldValue","selectedOptions","chipsInputState","handleInputChange","e","filteredOptions","useMemo","filter","option","length","filteredSet","Set","selected","map","item","includes","delete"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,aAAa,QAAQ,kBAAkB;AAEhD,OAAO,MAAMC,iBAAiB,CAC5BC;IAEA,MAAM,EAAEC,QAAO,EAAEC,SAAQ,EAAEC,eAAc,EAAEC,eAAc,EAAE,GAAGJ;IAE9D,MAAM,CAACK,QAAQC,UAAU,GAAGT,MAAMU,SAAS;IAC3C,MAAM,CAACC,oBAAoBC,sBAAsB,GAAGZ,MAAMU,SAAwB;IAClF,MAAM,CAACG,eAAeC,iBAAiB,GAAGd,MAAMU,SAAwB;IAExE,MAAM,EAAEK,WAAU,EAAEC,gBAAe,EAAE,GAAGC,iBAAiB,GAAGhB,cAAcE;IAE1E,MAAMe,oBAAoB,CAACC;QACzB,IAAI,CAACA,GAAG;YACN;QACF;QACAF,gBAAgBC,kBAAkBC;QAElC,IAAI,CAACX,QAAQ;YACXC,UAAU;YACVG,sBAAsB;QACxB;IACF;IAEA,IAAIQ,kBAAkBpB,MAAMqB,QAAQ;QAClC,OAAOhB,WACHD,QAASkB,OAAO,CAACC,SAAWlB,SAASU,YAAYQ,QAAQjB,mBACxDF;IACP,GAAG;QAACA;QAASC;QAAUU;QAAYT;KAAe;IAElDc,kBAAkBpB,MAAMqB,QAAQ;QAC9B,IAAI,CAACD,gBAAgBI,QAAQ;YAC3B,OAAOJ;QACT;QAEA,MAAMK,cAAc,IAAIC,IAAIN;QAC5B,MAAMO,WAAWX,gBAAgBY,IAAI,CAACC,OAAStB,eAAgBsB;QAE/D,KAAK,MAAMA,QAAQJ,YAAa;YAC9B,IAAIE,SAASG,SAASvB,eAAgBsB,QAAQ;gBAC5CJ,YAAYM,OAAOF;YACrB;QACF;QAEA,OAAO;eAAIJ;SAAY;IACzB,GAAG;QAACL;QAAiBJ;QAAiBT;KAAe;IAErD,OAAO;QACL,GAAGU,eAAe;QAClBF;QACAG;QACAV;QACAC;QACAW;QACAT;QACAC;QACAC;QACAC;QACAE;IACF;AACF,EAAE"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\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"],"names":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","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"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/hooks/useDateInput.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useBooleanState } from './useBooleanState';\nimport { useGlobalEventListener } from './useGlobalEventListener';\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"],"names":["React","useDOM","useBooleanState","useGlobalEventListener","useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","open","setTrue","openCalendar","setFalse","closeCalendar","rootRef","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","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"],"mappings":"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"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,~~GAAG~~,~~CAACC~~,~~QAAQ,KAAK,~~gBAAgBL,YAAYC,~~IAAI,CAAC~~"}
1	+ {"version":3,"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"],"names":["useEffect","noop","useEffectDev","process","env","NODE_ENV"],"mappings":"AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,OAAO,MAAMC,eAAeC,QAAQC,IAAIC,aAAa,gBAAgBL,YAAYC,KAAK"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["React","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","v"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,aAAY,EACtBC,SAAQ,EACR,GAAGC,OAC0B~~,EAAkC~~;~~IAC/D~~,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWF,MAAMS,~~WAAW~~,~~CAChC,~~CAACC~~,IAAS~~;~~QACR~~,IAAIN,UAAU;YACZ;QACF~~,CAAC~~;~~QAEDG~~,cAAcG,EAAEC,~~MAAM,CAACL,KAAK~~;~~QAC5BH~~,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B~~,CAAC~~;~~AASD~~,OAAO,SAASM,wBAA2B,EACzCJ,SAAQ,EACRF,UAAUC,aAAY,EACtBS,aAAY,EACZN,MAAK,EAC2B~~,EAAkC~~;~~IAClE~~,MAAMO,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGhB,MAAMiB,~~QAAQ,CAACL~~;IAEnD,MAAMV,WAAWF,MAAMS,~~WAAW~~,~~CAChC,~~CAACS~~,IAAS~~;~~QACR~~,IAAId,UAAU;YACZ;QACF~~,CAAC~~;~~QAED~~,CAACS,gBAAgBG,cAAcE;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS~~,UAAU~~;~~QAAEb~~;KAAS;AACtD~~,CAAC~~"}
1	+ {"version":3,"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"],"names":["React","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","v"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,aAAY,EACtBC,SAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWF,MAAMS,YACrB,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,OAAOL;QACvBH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,OAAO,SAASM,wBAA2B,EACzCJ,SAAQ,EACRF,UAAUC,aAAY,EACtBS,aAAY,EACZN,MAAK,EAC2B;IAChC,MAAMO,eAAeP,UAAUQ;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGhB,MAAMiB,SAASL;IAEnD,MAAMV,WAAWF,MAAMS,YACrB,CAACS;QACC,IAAId,UAAU;YACZ;QACF;QAEA,CAACS,gBAAgBG,cAAcE;QAC/Bf,gBAAgBA,aAAae;IAC/B,GACA;QAACd;QAAUS;QAAcV;KAAa;IAGxC,OAAO;QAACU,eAAeP,QAAQS;QAAYb;KAAS;AACtD"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC~~,EACb~~;~~IACrB~~,MAAMC,QAAQR,MAAMS,~~MAAM,CAACH~~;IAC3BH,0BAA0B~~,IAAM~~;~~QAC9BK~~,MAAME,~~OAAO,GAAGJ~~;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,~~WAAW~~,~~CAAC,~~CAACC,IAAWL,MAAME,~~OAAO~~,~~IAAIF,~~MAAME,~~OAAO~~,~~CAACG,~~IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,~~MAAM,CAACR~~;IAC5B,MAAMc,SAASf,MAAMY,~~WAAW,CAAC,IAAM~~;~~QACrCE~~,OAAOJ~~,OAAO~~;~~QACdI~~,OAAOJ,~~OAAO,GAAGT~~;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,~~WAAW~~,~~CAC3B,~~CAACK~~,KAAwC~~;~~QACvC~~,IAAI,CAACf,WAAW;YACd;QACF~~,CAAC~~;~~QACDa~~;QACA,IAAI,CAACE,IAAI;YACP;QACF~~,CAAC~~;~~QACD~~,MAAMC,UAAU;YAAE,GAAGX,QAAQ;QAAC;QAC9BU,GAAGE,~~gBAAgB~~,~~CAACd,~~OAAOM,IAAIO;QAC/BJ,OAAOJ,~~OAAO~~,~~GAAG,~~IAAMO,GAAGG,~~mBAAmB~~,~~CAACf,~~OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,~~SAAS~~,~~CAAC,~~IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,~~OAAO~~,~~CAAC,~~IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D~~,CAAC~~"}
1	+ {"version":3,"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"],"names":["React","noop","canUseDOM","useIsomorphicLayoutEffect","useEventListener","event","_cb","_options","cbRef","useRef","current","cb","useCallback","e","detach","remove","add","el","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,yBAAyB,QAAQ,mCAAmC;AAiB7E,OAAO,SAASC,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQR,MAAMS,OAAOH;IAC3BH,0BAA0B;QACxBK,MAAME,UAAUJ;IAClB,GAAG;QAACA;KAAI;IACR,MAAMK,KAAKX,MAAMY,YAAY,CAACC,IAAWL,MAAME,WAAWF,MAAME,QAAQG,IAAI,EAAE;IAE9E,MAAMC,SAASd,MAAMS,OAAOR;IAC5B,MAAMc,SAASf,MAAMY,YAAY;QAC/BE,OAAOJ;QACPI,OAAOJ,UAAUT;IACnB,GAAG,EAAE;IACL,MAAMe,MAAMhB,MAAMY,YAChB,CAACK;QACC,IAAI,CAACf,WAAW;YACd;QACF;QACAa;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAMC,UAAU;YAAE,GAAGX,QAAQ;QAAC;QAC9BU,GAAGE,iBAAiBd,OAAOM,IAAIO;QAC/BJ,OAAOJ,UAAU,IAAMO,GAAGG,oBAAoBf,OAAOM,IAAIO;IAC3D,GACA;QAACX;QAAUI;QAAIN;QAAOU;KAAO;IAE/Bf,MAAMqB,UAAU,IAAMN,QAAQ;QAACA;KAAO;IAEtC,OAAOf,MAAMsB,QAAQ,IAAO,CAAA;YAAEN;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}

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

	@@ -1 +1 @@
1	- {"version":3,"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"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD~~,EACpB~~;~~IAClC~~,MAAMC,YAAYJ,MAAMK,~~MAAM,CAAW,IAAI~~;~~IAE7C~~,OAAOL,MAAMM,~~OAAO~~,~~CAClB,~~IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG~~,OAAO~~;~~YAC1B~~;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,~~OAAO,GAAGC~~;gBACpBL,WAAWM,~~OAAO~~,~~CAAC,~~CAACC~~,MAAQ~~;~~oBAC1B~~,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb~~,CAAC~~;~~gBACH~~;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ~~,CAAC~~"}
1	+ {"version":3,"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"],"names":["React","setRef","useExternRef","externRefs","stableRef","useRef","useMemo","current","el","forEach","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,eAAe;AAEtC,OAAO,SAASC,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYJ,MAAMK,OAAiB;IAEzC,OAAOL,MAAMM,QACX,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOH,UAAUG;YACnB;YACA,IAAIA,SAAQC,GAAI;gBACdJ,UAAUG,UAAUC;gBACpBL,WAAWM,QAAQ,CAACC;oBAClB,IAAIA,KAAK;wBACPT,OAAOO,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDP;AAEJ"}

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

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

package/dist/cssm/hooks/useFocusVisible.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useCallback, useContext, useState } from 'react';
 import { AppRootContext } from '../components/AppRoot/AppRootContext';
-export function useFocusVisible() {
+export function useFocusVisible(withKeyboardInputCheck = true) {
     const [isFocused, setIsFocused] = useState(false);
     const { keyboardInput  } = useContext(AppRootContext);
     const onFocus = useCallback((event)=>{
@@ -15,7 +15,7 @@ export function useFocusVisible() {
     }, [
         setIsFocused
     ]);
-    const focusVisible = keyboardInput && isFocused;
+    const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;
     return {
         focusVisible,
         onFocus,

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } 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"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,~~kBAAkB~~;~~IAChC~~,MAAM,CAACC,WAAWC,aAAa,~~GAAGJ~~,SAAS~~,KAAK~~;~~IAChD~~,MAAM,~~EAAEK~~,cAAa,EAAE,~~GAAGN~~,WAAWE;IAErC,~~MAAMK~~,~~UAAUR~~,YACd,~~CAACS,QAAmC~~;~~QAClCA~~,MAAMC~~,eAAe~~;~~QACrBJ~~,aAAa~~,IAAI~~;~~IACnB~~,GACA;QAACA;KAAa;IAGhB,MAAMK,~~SAASX~~,YACb,~~CAACS,QAAmC~~;~~QAClCA~~,MAAMC~~,eAAe~~;~~QACrBJ~~,aAAa~~,KAAK~~;~~IACpB~~,GACA;QAACA;KAAa;IAGhB,MAAMM,~~eAAeL~~,iBAAiBF;~~IAEtC~~,OAAO;QACLO;QACAJ;QACAG;IACF;AACF~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\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 = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n return {\n focusVisible,\n onFocus,\n onBlur,\n };\n}\n"],"names":["useCallback","useContext","useState","AppRootContext","useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","keyboardInput","onFocus","event","stopPropagation","onBlur","focusVisible"],"mappings":"AAAA,SAAqBA,WAAW,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,QAAQ;AACtE,SAASC,cAAc,QAAQ,uCAAuC;AAEtE,OAAO,SAASC,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGL,SAAS;IAC3C,MAAM,EAAEM,cAAa,EAAE,GAAGP,WAAWE;IAErC,MAAMM,UAAUT,YACd,CAACU;QACCA,MAAMC;QACNJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMK,SAASZ,YACb,CAACU;QACCA,MAAMC;QACNJ,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMM,eAAeR,yBAAyBG,iBAAiBF,YAAYA;IAE3E,OAAO;QACLO;QACAJ;QACAG;IACF;AACF"}

package/dist/cssm/hooks/useFocusWithin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement \| null>): boolean {\n const { document } = useDOM();\n const isFocusWithin = () => {\n if (!ref.current \|\| !document) {\n return false;\n }\n\n return ref.current.contains(document.activeElement);\n };\n\n const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n const listener = () => {\n const focus = isFocusWithin();\n focus !== focusWithin && setFocusWithin(focus);\n };\n\n useGlobalEventListener(document, 'focus', listener, { capture: true });\n useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n return focusWithin;\n}\n"],"names":["React","useDOM","useGlobalEventListener","useFocusWithin","ref","document","isFocusWithin","current","contains","activeElement","focusWithin","setFocusWithin","useState","listener","focus","capture"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAO,SAASC,eAAeC,GAAwC~~,EAAW~~;~~IAChF~~,MAAM,EAAEC,SAAQ,EAAE,GAAGJ;IACrB,MAAMK,gBAAgB~~,IAAM~~;~~QAC1B~~,IAAI,CAACF,IAAIG,~~OAAO~~,~~IAAI,~~CAACF,UAAU;YAC7B,OAAO~~,KAAK~~;~~QACd,CAAC~~;~~QAED~~,OAAOD,IAAIG,~~OAAO~~,~~CAACC~~,~~QAAQ,CAACH,~~SAASI~~,aAAa~~;~~IACpD~~;IAEA,MAAM,CAACC,aAAaC,eAAe,GAAGX,MAAMY,~~QAAQ,CAAUN~~;IAE9D,MAAMO,WAAW~~,IAAM~~;~~QACrB~~,MAAMC,QAAQR;QACdQ,UAAUJ,eAAeC,eAAeG;IAC1C;IAEAZ,uBAAuBG,UAAU,SAASQ,UAAU;QAAEE,SAAS~~,IAAI~~;~~IAAC~~;IACpEb,uBAAuBG,UAAU,QAAQQ,UAAU;QAAEE,SAAS~~,IAAI~~;~~IAAC~~;IAEnE,OAAOL;AACT~~,CAAC~~"}
1	+ {"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement \| null>): boolean {\n const { document } = useDOM();\n const isFocusWithin = () => {\n if (!ref.current \|\| !document) {\n return false;\n }\n\n return ref.current.contains(document.activeElement);\n };\n\n const [focusWithin, setFocusWithin] = React.useState<boolean>(isFocusWithin);\n\n const listener = () => {\n const focus = isFocusWithin();\n focus !== focusWithin && setFocusWithin(focus);\n };\n\n useGlobalEventListener(document, 'focus', listener, { capture: true });\n useGlobalEventListener(document, 'blur', listener, { capture: true });\n\n return focusWithin;\n}\n"],"names":["React","useDOM","useGlobalEventListener","useFocusWithin","ref","document","isFocusWithin","current","contains","activeElement","focusWithin","setFocusWithin","useState","listener","focus","capture"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,MAAM,QAAQ,aAAa;AACpC,SAASC,sBAAsB,QAAQ,2BAA2B;AAElE,OAAO,SAASC,eAAeC,GAAwC;IACrE,MAAM,EAAEC,SAAQ,EAAE,GAAGJ;IACrB,MAAMK,gBAAgB;QACpB,IAAI,CAACF,IAAIG,WAAW,CAACF,UAAU;YAC7B,OAAO;QACT;QAEA,OAAOD,IAAIG,QAAQC,SAASH,SAASI;IACvC;IAEA,MAAM,CAACC,aAAaC,eAAe,GAAGX,MAAMY,SAAkBN;IAE9D,MAAMO,WAAW;QACf,MAAMC,QAAQR;QACdQ,UAAUJ,eAAeC,eAAeG;IAC1C;IAEAZ,uBAAuBG,UAAU,SAASQ,UAAU;QAAEE,SAAS;IAAK;IACpEb,uBAAuBG,UAAU,QAAQQ,UAAU;QAAEE,SAAS;IAAK;IAEnE,OAAOL;AACT"}