@hh.ru/magritte-ui-date-picker 6.1.107 → 6.1.109

package/AsyncDataContext.d.ts

@@ -1,4 +1,4 @@
-import { DateType, ModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/types';
+import { DateType, ModifierDatesMap } from './types';
 export interface AsyncDataContextProps {
     modifierDatesMap: ModifierDatesMap;
     hasData: (startDate: DateType, endDate: DateType) => boolean;

package/AsyncDataContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncDataContext.js","sources":["src/AsyncDataContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { DateType, ModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/types';\n\nexport interface AsyncDataContextProps {\n    modifierDatesMap: ModifierDatesMap;\n    hasData: (startDate: DateType, endDate: DateType) => boolean;\n    startAsyncLoading: (startDate: DateType, endDate: DateType) => void;\n    awaitAsyncLoading: (startDate: DateType, endDate: DateType) => Promise<void>;\n    isLoading: () => boolean;\n    isLimitExceeded: () => boolean;\n}\n\nexport const AsyncDataContext = createContext<AsyncDataContextProps | null>(null);\n"],"names":[],"mappings":";;MAaa,gBAAgB,GAAG,aAAa,CAA+B,IAAI;;;;"}
+{"version":3,"file":"AsyncDataContext.js","sources":["src/AsyncDataContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nimport { DateType, ModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/types';\n\nexport interface AsyncDataContextProps {\n    modifierDatesMap: ModifierDatesMap;\n    hasData: (startDate: DateType, endDate: DateType) => boolean;\n    startAsyncLoading: (startDate: DateType, endDate: DateType) => void;\n    awaitAsyncLoading: (startDate: DateType, endDate: DateType) => Promise<void>;\n    isLoading: () => boolean;\n    isLimitExceeded: () => boolean;\n}\n\nexport const AsyncDataContext = createContext<AsyncDataContextProps | null>(null);\n"],"names":[],"mappings":";;AAaa,MAAA,gBAAA,GAAmB,cAA4C,IAAI;;;;"}

package/AsyncDataLoader.js

@@ -4,39 +4,43 @@ import { useContext, useState, useMemo } from 'react';
 import classnames from 'classnames';
 import { AsyncDataContext } from './AsyncDataContext.js';
 import { Loader } from '@hh.ru/magritte-ui-loader';
-import { s as styles } from './date-picker-CHNF7thk.js';
+import { s as styles } from './date-picker-TXmCvjtI.js';
 
-/**
- * Отображает лоадер поверх контента во время загрузки асинхронных данных.
- * В multi-лейауте каждый календарь должен быть обернут в свой лоадер,
- * чтобы календари с уже загруженными данными рендерили их, а не анимацию лоадера
- */
 const AsyncDataLoader = ({ children, stretched }) => {
-    const asyncDataContext = useContext(AsyncDataContext);
-    const [isLoading, setLoading] = useState(false);
-    const value = useMemo(() => {
-        if (!asyncDataContext) {
-            return null;
-        }
-        return {
-            ...asyncDataContext,
-            startAsyncLoading: (startDate, endDate) => {
-                setLoading(true);
-                void (async () => {
-                    try {
-                        await asyncDataContext.awaitAsyncLoading(startDate, endDate);
-                    }
-                    finally {
-                        setLoading(false);
-                    }
-                })();
-            },
-        };
-    }, [asyncDataContext, setLoading]);
-    return (jsxs("div", { className: classnames(styles.datePicker, {
-            [styles.datePickerLoading]: isLoading,
-            [styles.stretched]: stretched,
-        }), "data-qa": "date-picker", children: [isLoading && (jsx("div", { className: styles.loader, children: jsx(Loader, {}) })), jsx("div", { className: classnames({ [styles.loading]: isLoading }), children: jsx(AsyncDataContext.Provider, { value: value, children: children }) })] }));
+  const asyncDataContext = useContext(AsyncDataContext);
+  const [isLoading, setLoading] = useState(false);
+  const value = useMemo(() => {
+    if (!asyncDataContext) {
+      return null;
+    }
+    return {
+      ...asyncDataContext,
+      startAsyncLoading: (startDate, endDate) => {
+        setLoading(true);
+        void (async () => {
+          try {
+            await asyncDataContext.awaitAsyncLoading(startDate, endDate);
+          } finally {
+            setLoading(false);
+          }
+        })();
+      }
+    };
+  }, [asyncDataContext, setLoading]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classnames(styles.datePicker, {
+        [styles.datePickerLoading]: isLoading,
+        [styles.stretched]: stretched
+      }),
+      "data-qa": "date-picker",
+      children: [
+        isLoading && /* @__PURE__ */ jsx("div", { className: styles.loader, children: /* @__PURE__ */ jsx(Loader, {}) }),
+        /* @__PURE__ */ jsx("div", { className: classnames({ [styles.loading]: isLoading }), children: /* @__PURE__ */ jsx(AsyncDataContext.Provider, { value, children }) })
+      ]
+    }
+  );
 };
 
 export { AsyncDataLoader };

package/AsyncDataLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncDataLoader.js","sources":["src/AsyncDataLoader.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useContext, useMemo, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { AsyncDataContext, AsyncDataContextProps } from '@hh.ru/magritte-ui-date-picker/AsyncDataContext';\nimport { DateType } from '@hh.ru/magritte-ui-date-picker/types';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\n\nimport styles from './date-picker.less';\n\n/**\n * Отображает лоадер поверх контента во время загрузки асинхронных данных.\n * В multi-лейауте каждый календарь должен быть обернут в свой лоадер,\n * чтобы календари с уже загруженными данными рендерили их, а не анимацию лоадера\n */\nexport const AsyncDataLoader: FC<PropsWithChildren<{ stretched?: boolean }>> = ({ children, stretched }) => {\n    const asyncDataContext = useContext(AsyncDataContext);\n    const [isLoading, setLoading] = useState(false);\n\n    const value = useMemo<AsyncDataContextProps | null>(() => {\n        if (!asyncDataContext) {\n            return null;\n        }\n\n        return {\n            ...asyncDataContext,\n            startAsyncLoading: (startDate: DateType, endDate: DateType) => {\n                setLoading(true);\n\n                void (async () => {\n                    try {\n                        await asyncDataContext.awaitAsyncLoading(startDate, endDate);\n                    } finally {\n                        setLoading(false);\n                    }\n                })();\n            },\n        };\n    }, [asyncDataContext, setLoading]);\n\n    return (\n        <div\n            className={classnames(styles.datePicker, {\n                [styles.datePickerLoading]: isLoading,\n                [styles.stretched]: stretched,\n            })}\n            data-qa=\"date-picker\"\n        >\n            {isLoading && (\n                <div className={styles.loader}>\n                    <Loader />\n                </div>\n            )}\n            <div className={classnames({ [styles.loading]: isLoading })}>\n                <AsyncDataContext.Provider value={value}>{children}</AsyncDataContext.Provider>\n            </div>\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA;;;;AAIG;AACU,MAAA,eAAe,GAAmD,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAI;AACvG,IAAA,MAAM,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACtD,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;AAEhD,IAAA,MAAM,KAAK,GAAG,OAAO,CAA+B,MAAK;QACrD,IAAI,CAAC,gBAAgB,EAAE;AACnB,YAAA,OAAO,IAAI,CAAC;SACf;QAED,OAAO;AACH,YAAA,GAAG,gBAAgB;AACnB,YAAA,iBAAiB,EAAE,CAAC,SAAmB,EAAE,OAAiB,KAAI;gBAC1D,UAAU,CAAC,IAAI,CAAC,CAAC;gBAEjB,KAAK,CAAC,YAAW;AACb,oBAAA,IAAI;wBACA,MAAM,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;qBAChE;4BAAS;wBACN,UAAU,CAAC,KAAK,CAAC,CAAC;qBACrB;iBACJ,GAAG,CAAC;aACR;SACJ,CAAC;AACN,KAAC,EAAE,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,QACIA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE;AACrC,YAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,SAAS;AACrC,YAAA,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS;SAChC,CAAC,EAAA,SAAA,EACM,aAAa,EAEpB,QAAA,EAAA,CAAA,SAAS,KACNC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EACzB,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAG,EAAA,CAAA,EAAA,CACR,CACT,EACDA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,EAAE,CAAC,EAAA,QAAA,EACvDA,GAAC,CAAA,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAA6B,CAAA,EAAA,CAC7E,CACJ,EAAA,CAAA,EACR;AACN;;;;"}
+{"version":3,"file":"AsyncDataLoader.js","sources":["src/AsyncDataLoader.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useContext, useMemo, useState } from 'react';\nimport classnames from 'classnames';\n\nimport { AsyncDataContext, AsyncDataContextProps } from '@hh.ru/magritte-ui-date-picker/AsyncDataContext';\nimport { DateType } from '@hh.ru/magritte-ui-date-picker/types';\nimport { Loader } from '@hh.ru/magritte-ui-loader';\n\nimport styles from './date-picker.less';\n\n/**\n * Отображает лоадер поверх контента во время загрузки асинхронных данных.\n * В multi-лейауте каждый календарь должен быть обернут в свой лоадер,\n * чтобы календари с уже загруженными данными рендерили их, а не анимацию лоадера\n */\nexport const AsyncDataLoader: FC<PropsWithChildren<{ stretched?: boolean }>> = ({ children, stretched }) => {\n    const asyncDataContext = useContext(AsyncDataContext);\n    const [isLoading, setLoading] = useState(false);\n\n    const value = useMemo<AsyncDataContextProps | null>(() => {\n        if (!asyncDataContext) {\n            return null;\n        }\n\n        return {\n            ...asyncDataContext,\n            startAsyncLoading: (startDate: DateType, endDate: DateType) => {\n                setLoading(true);\n\n                void (async () => {\n                    try {\n                        await asyncDataContext.awaitAsyncLoading(startDate, endDate);\n                    } finally {\n                        setLoading(false);\n                    }\n                })();\n            },\n        };\n    }, [asyncDataContext, setLoading]);\n\n    return (\n        <div\n            className={classnames(styles.datePicker, {\n                [styles.datePickerLoading]: isLoading,\n                [styles.stretched]: stretched,\n            })}\n            data-qa=\"date-picker\"\n        >\n            {isLoading && (\n                <div className={styles.loader}>\n                    <Loader />\n                </div>\n            )}\n            <div className={classnames({ [styles.loading]: isLoading })}>\n                <AsyncDataContext.Provider value={value}>{children}</AsyncDataContext.Provider>\n            </div>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,eAAkE,GAAA,CAAC,EAAE,QAAA,EAAU,WAAgB,KAAA;AACxG,EAAM,MAAA,gBAAA,GAAmB,WAAW,gBAAgB,CAAA,CAAA;AACpD,EAAA,MAAM,CAAC,SAAA,EAAW,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAE9C,EAAM,MAAA,KAAA,GAAQ,QAAsC,MAAM;AACtD,IAAA,IAAI,CAAC,gBAAkB,EAAA;AACnB,MAAO,OAAA,IAAA,CAAA;AAAA,KACX;AAEA,IAAO,OAAA;AAAA,MACH,GAAG,gBAAA;AAAA,MACH,iBAAA,EAAmB,CAAC,SAAA,EAAqB,OAAsB,KAAA;AAC3D,QAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAEf,QAAA,KAAA,CAAM,YAAY;AACd,UAAI,IAAA;AACA,YAAM,MAAA,gBAAA,CAAiB,iBAAkB,CAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AAAA,WAC7D,SAAA;AACE,YAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,WACpB;AAAA,SACD,GAAA,CAAA;AAAA,OACP;AAAA,KACJ,CAAA;AAAA,GACD,EAAA,CAAC,gBAAkB,EAAA,UAAU,CAAC,CAAA,CAAA;AAEjC,EACI,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,UAAY,EAAA;AAAA,QACrC,CAAC,MAAO,CAAA,iBAAiB,GAAG,SAAA;AAAA,QAC5B,CAAC,MAAO,CAAA,SAAS,GAAG,SAAA;AAAA,OACvB,CAAA;AAAA,MACD,SAAQ,EAAA,aAAA;AAAA,MAEP,QAAA,EAAA;AAAA,QAAA,SAAA,wBACI,KAAI,EAAA,EAAA,SAAA,EAAW,OAAO,MACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAO,CACZ,EAAA,CAAA;AAAA,4BAEH,KAAI,EAAA,EAAA,SAAA,EAAW,WAAW,EAAE,CAAC,OAAO,OAAO,GAAG,SAAU,EAAC,GACtD,QAAC,kBAAA,GAAA,CAAA,gBAAA,CAAiB,UAAjB,EAA0B,KAAA,EAAe,UAAS,CACvD,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACJ,CAAA;AAER;;;;"}

package/AsyncDataStore.d.ts

@@ -1,5 +1,5 @@
 import { FC, PropsWithChildren } from 'react';
-import { ModifiersFunc } from '@hh.ru/magritte-ui-date-picker/types';
+import { ModifiersFunc } from './types';
 interface AsyncDataStoreProps {
     modifierDatesFunc?: ModifiersFunc;
     parallelLoadersLimit?: number | null;

package/AsyncDataStore.js

@@ -8,52 +8,50 @@ import './utils.js';
 import 'date-fns/constants';
 
 const makeKey = (startDate, endDate) => {
-    return `${new Date(startDate).getTime()}-${new Date(endDate).getTime()}`;
+  return `${new Date(startDate).getTime()}-${new Date(endDate).getTime()}`;
 };
-/**
- * Хранит данные, загруженные всеми вложенными AsyncDataLoader-ами, и предоставляет методы для загрузки данных
- */
-const AsyncDataStore = ({ children, modifierDatesFunc, parallelLoadersLimit = null, }) => {
-    const asyncDataState = useRef({});
-    const [modifierDatesMap, setModifierDatesMap] = useState(new Map());
-    const value = useMemo(() => {
-        if (!modifierDatesFunc) {
-            return null;
+const AsyncDataStore = ({
+  children,
+  modifierDatesFunc,
+  parallelLoadersLimit = null
+}) => {
+  const asyncDataState = useRef({});
+  const [modifierDatesMap, setModifierDatesMap] = useState(/* @__PURE__ */ new Map());
+  const value = useMemo(() => {
+    if (!modifierDatesFunc) {
+      return null;
+    }
+    return {
+      modifierDatesMap,
+      hasAsyncFunc: true,
+      hasData: (startDate, endDate) => makeKey(startDate, endDate) in asyncDataState.current,
+      startAsyncLoading: () => void 0,
+      awaitAsyncLoading: (startDate, endDate) => {
+        const key = makeKey(startDate, endDate);
+        if (!(key in asyncDataState.current)) {
+          asyncDataState.current[key] = {
+            promise: new Promise(async (resolve) => {
+              try {
+                const _modifierDates = await modifierDatesFunc(startDate, endDate);
+                setModifierDatesMap((oldMap) => {
+                  updateModifierDatesMap(oldMap, _modifierDates);
+                  return new Map(oldMap);
+                });
+              } finally {
+                asyncDataState.current[key].state = "done";
+                resolve();
+              }
+            }),
+            state: "loading"
+          };
         }
-        return {
-            modifierDatesMap,
-            hasAsyncFunc: true,
-            hasData: (startDate, endDate) => makeKey(startDate, endDate) in asyncDataState.current,
-            startAsyncLoading: () => void 0,
-            awaitAsyncLoading: (startDate, endDate) => {
-                const key = makeKey(startDate, endDate);
-                if (!(key in asyncDataState.current)) {
-                    asyncDataState.current[key] = {
-                        promise: new Promise(async (resolve) => {
-                            try {
-                                const _modifierDates = await modifierDatesFunc(startDate, endDate);
-                                setModifierDatesMap((oldMap) => {
-                                    updateModifierDatesMap(oldMap, _modifierDates);
-                                    return new Map(oldMap);
-                                });
-                            }
-                            finally {
-                                asyncDataState.current[key].state = 'done';
-                                resolve();
-                            }
-                        }),
-                        state: 'loading',
-                    };
-                }
-                return asyncDataState.current[key].promise;
-            },
-            isLoading: () => Object.values(asyncDataState.current).some(({ state }) => state === 'loading'),
-            isLimitExceeded: () => parallelLoadersLimit !== null &&
-                Object.values(asyncDataState.current).filter(({ state }) => state === 'loading').length >=
-                    parallelLoadersLimit,
-        };
-    }, [modifierDatesFunc, setModifierDatesMap, parallelLoadersLimit, modifierDatesMap]);
-    return jsx(AsyncDataContext.Provider, { value: value, children: children });
+        return asyncDataState.current[key].promise;
+      },
+      isLoading: () => Object.values(asyncDataState.current).some(({ state }) => state === "loading"),
+      isLimitExceeded: () => parallelLoadersLimit !== null && Object.values(asyncDataState.current).filter(({ state }) => state === "loading").length >= parallelLoadersLimit
+    };
+  }, [modifierDatesFunc, setModifierDatesMap, parallelLoadersLimit, modifierDatesMap]);
+  return /* @__PURE__ */ jsx(AsyncDataContext.Provider, { value, children });
 };
 
 export { AsyncDataStore };

package/AsyncDataStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsyncDataStore.js","sources":["src/AsyncDataStore.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useMemo, useRef, useState } from 'react';\n\nimport { AsyncDataContext, AsyncDataContextProps } from '@hh.ru/magritte-ui-date-picker/AsyncDataContext';\nimport { DateType, ModifierDatesMap, ModifiersFunc } from '@hh.ru/magritte-ui-date-picker/types';\nimport { updateModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/useModifierDates';\n\ninterface AsyncDataStoreProps {\n    modifierDatesFunc?: ModifiersFunc;\n    parallelLoadersLimit?: number | null;\n}\n\nconst makeKey = (startDate: DateType, endDate: DateType) => {\n    return `${new Date(startDate).getTime()}-${new Date(endDate).getTime()}`;\n};\n\n/**\n * Хранит данные, загруженные всеми вложенными AsyncDataLoader-ами, и предоставляет методы для загрузки данных\n */\nexport const AsyncDataStore: FC<PropsWithChildren<AsyncDataStoreProps>> = ({\n    children,\n    modifierDatesFunc,\n    parallelLoadersLimit = null,\n}) => {\n    const asyncDataState = useRef<Record<string, { promise: Promise<void>; state: 'loading' | 'done' }>>({});\n    const [modifierDatesMap, setModifierDatesMap] = useState<ModifierDatesMap>(new Map());\n\n    const value = useMemo<AsyncDataContextProps | null>(() => {\n        if (!modifierDatesFunc) {\n            return null;\n        }\n\n        return {\n            modifierDatesMap,\n            hasAsyncFunc: true,\n            hasData: (startDate: DateType, endDate: DateType) => makeKey(startDate, endDate) in asyncDataState.current,\n            startAsyncLoading: () => void 0,\n            awaitAsyncLoading: (startDate: DateType, endDate: DateType) => {\n                const key = makeKey(startDate, endDate);\n                if (!(key in asyncDataState.current)) {\n                    asyncDataState.current[key] = {\n                        promise: new Promise<void>(async (resolve) => {\n                            try {\n                                const _modifierDates = await modifierDatesFunc(startDate, endDate);\n                                setModifierDatesMap((oldMap) => {\n                                    updateModifierDatesMap(oldMap, _modifierDates);\n                                    return new Map(oldMap);\n                                });\n                            } finally {\n                                asyncDataState.current[key].state = 'done';\n                                resolve();\n                            }\n                        }),\n                        state: 'loading',\n                    };\n                }\n                return asyncDataState.current[key].promise;\n            },\n            isLoading: () => Object.values(asyncDataState.current).some(({ state }) => state === 'loading'),\n            isLimitExceeded: () =>\n                parallelLoadersLimit !== null &&\n                Object.values(asyncDataState.current).filter(({ state }) => state === 'loading').length >=\n                    parallelLoadersLimit,\n        };\n    }, [modifierDatesFunc, setModifierDatesMap, parallelLoadersLimit, modifierDatesMap]);\n\n    return <AsyncDataContext.Provider value={value}>{children}</AsyncDataContext.Provider>;\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAWA,MAAM,OAAO,GAAG,CAAC,SAAmB,EAAE,OAAiB,KAAI;AACvD,IAAA,OAAO,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC;AAC7E,CAAC,CAAC;AAEF;;AAEG;AACI,MAAM,cAAc,GAA+C,CAAC,EACvE,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,GAAG,IAAI,GAC9B,KAAI;AACD,IAAA,MAAM,cAAc,GAAG,MAAM,CAAwE,EAAE,CAAC,CAAC;AACzG,IAAA,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAmB,IAAI,GAAG,EAAE,CAAC,CAAC;AAEtF,IAAA,MAAM,KAAK,GAAG,OAAO,CAA+B,MAAK;QACrD,IAAI,CAAC,iBAAiB,EAAE;AACpB,YAAA,OAAO,IAAI,CAAC;SACf;QAED,OAAO;YACH,gBAAgB;AAChB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,OAAO,EAAE,CAAC,SAAmB,EAAE,OAAiB,KAAK,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,cAAc,CAAC,OAAO;AAC1G,YAAA,iBAAiB,EAAE,MAAM,KAAK,CAAC;AAC/B,YAAA,iBAAiB,EAAE,CAAC,SAAmB,EAAE,OAAiB,KAAI;gBAC1D,MAAM,GAAG,GAAG,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;gBACxC,IAAI,EAAE,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;AAClC,oBAAA,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;wBAC1B,OAAO,EAAE,IAAI,OAAO,CAAO,OAAO,OAAO,KAAI;AACzC,4BAAA,IAAI;gCACA,MAAM,cAAc,GAAG,MAAM,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACnE,gCAAA,mBAAmB,CAAC,CAAC,MAAM,KAAI;AAC3B,oCAAA,sBAAsB,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAC/C,oCAAA,OAAO,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC;AAC3B,iCAAC,CAAC,CAAC;6BACN;oCAAS;gCACN,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;AAC3C,gCAAA,OAAO,EAAE,CAAC;6BACb;AACL,yBAAC,CAAC;AACF,wBAAA,KAAK,EAAE,SAAS;qBACnB,CAAC;iBACL;gBACD,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC;aAC9C;YACD,SAAS,EAAE,MAAM,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,CAAC;AAC/F,YAAA,eAAe,EAAE,MACb,oBAAoB,KAAK,IAAI;gBAC7B,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,CAAC,CAAC,MAAM;oBACnF,oBAAoB;SAC/B,CAAC;KACL,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAErF,OAAOA,GAAA,CAAC,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA6B,CAAC;AAC3F;;;;"}
+{"version":3,"file":"AsyncDataStore.js","sources":["src/AsyncDataStore.tsx"],"sourcesContent":["import { FC, PropsWithChildren, useMemo, useRef, useState } from 'react';\n\nimport { AsyncDataContext, AsyncDataContextProps } from '@hh.ru/magritte-ui-date-picker/AsyncDataContext';\nimport { DateType, ModifierDatesMap, ModifiersFunc } from '@hh.ru/magritte-ui-date-picker/types';\nimport { updateModifierDatesMap } from '@hh.ru/magritte-ui-date-picker/useModifierDates';\n\ninterface AsyncDataStoreProps {\n    modifierDatesFunc?: ModifiersFunc;\n    parallelLoadersLimit?: number | null;\n}\n\nconst makeKey = (startDate: DateType, endDate: DateType) => {\n    return `${new Date(startDate).getTime()}-${new Date(endDate).getTime()}`;\n};\n\n/**\n * Хранит данные, загруженные всеми вложенными AsyncDataLoader-ами, и предоставляет методы для загрузки данных\n */\nexport const AsyncDataStore: FC<PropsWithChildren<AsyncDataStoreProps>> = ({\n    children,\n    modifierDatesFunc,\n    parallelLoadersLimit = null,\n}) => {\n    const asyncDataState = useRef<Record<string, { promise: Promise<void>; state: 'loading' | 'done' }>>({});\n    const [modifierDatesMap, setModifierDatesMap] = useState<ModifierDatesMap>(new Map());\n\n    const value = useMemo<AsyncDataContextProps | null>(() => {\n        if (!modifierDatesFunc) {\n            return null;\n        }\n\n        return {\n            modifierDatesMap,\n            hasAsyncFunc: true,\n            hasData: (startDate: DateType, endDate: DateType) => makeKey(startDate, endDate) in asyncDataState.current,\n            startAsyncLoading: () => void 0,\n            awaitAsyncLoading: (startDate: DateType, endDate: DateType) => {\n                const key = makeKey(startDate, endDate);\n                if (!(key in asyncDataState.current)) {\n                    asyncDataState.current[key] = {\n                        promise: new Promise<void>(async (resolve) => {\n                            try {\n                                const _modifierDates = await modifierDatesFunc(startDate, endDate);\n                                setModifierDatesMap((oldMap) => {\n                                    updateModifierDatesMap(oldMap, _modifierDates);\n                                    return new Map(oldMap);\n                                });\n                            } finally {\n                                asyncDataState.current[key].state = 'done';\n                                resolve();\n                            }\n                        }),\n                        state: 'loading',\n                    };\n                }\n                return asyncDataState.current[key].promise;\n            },\n            isLoading: () => Object.values(asyncDataState.current).some(({ state }) => state === 'loading'),\n            isLimitExceeded: () =>\n                parallelLoadersLimit !== null &&\n                Object.values(asyncDataState.current).filter(({ state }) => state === 'loading').length >=\n                    parallelLoadersLimit,\n        };\n    }, [modifierDatesFunc, setModifierDatesMap, parallelLoadersLimit, modifierDatesMap]);\n\n    return <AsyncDataContext.Provider value={value}>{children}</AsyncDataContext.Provider>;\n};\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,OAAA,GAAU,CAAC,SAAA,EAAqB,OAAsB,KAAA;AACxD,EAAA,OAAO,CAAG,EAAA,IAAI,IAAK,CAAA,SAAS,CAAE,CAAA,OAAA,EAAS,CAAA,CAAA,EAAI,IAAI,IAAA,CAAK,OAAO,CAAA,CAAE,SAAS,CAAA,CAAA,CAAA;AAC1E,CAAA,CAAA;AAKO,MAAM,iBAA6D,CAAC;AAAA,EACvE,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,oBAAuB,GAAA,IAAA;AAC3B,CAAM,KAAA;AACF,EAAM,MAAA,cAAA,GAAiB,MAA8E,CAAA,EAAE,CAAA,CAAA;AACvG,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,IAAI,QAA2B,iBAAA,IAAI,KAAK,CAAA,CAAA;AAEpF,EAAM,MAAA,KAAA,GAAQ,QAAsC,MAAM;AACtD,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACpB,MAAO,OAAA,IAAA,CAAA;AAAA,KACX;AAEA,IAAO,OAAA;AAAA,MACH,gBAAA;AAAA,MACA,YAAc,EAAA,IAAA;AAAA,MACd,OAAA,EAAS,CAAC,SAAqB,EAAA,OAAA,KAAsB,QAAQ,SAAW,EAAA,OAAO,KAAK,cAAe,CAAA,OAAA;AAAA,MACnG,mBAAmB,MAAM,KAAA,CAAA;AAAA,MACzB,iBAAA,EAAmB,CAAC,SAAA,EAAqB,OAAsB,KAAA;AAC3D,QAAM,MAAA,GAAA,GAAM,OAAQ,CAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AACtC,QAAI,IAAA,EAAE,GAAO,IAAA,cAAA,CAAe,OAAU,CAAA,EAAA;AAClC,UAAe,cAAA,CAAA,OAAA,CAAQ,GAAG,CAAI,GAAA;AAAA,YAC1B,OAAS,EAAA,IAAI,OAAc,CAAA,OAAO,OAAY,KAAA;AAC1C,cAAI,IAAA;AACA,gBAAA,MAAM,cAAiB,GAAA,MAAM,iBAAkB,CAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AACjE,gBAAA,mBAAA,CAAoB,CAAC,MAAW,KAAA;AAC5B,kBAAA,sBAAA,CAAuB,QAAQ,cAAc,CAAA,CAAA;AAC7C,kBAAO,OAAA,IAAI,IAAI,MAAM,CAAA,CAAA;AAAA,iBACxB,CAAA,CAAA;AAAA,eACH,SAAA;AACE,gBAAe,cAAA,CAAA,OAAA,CAAQ,GAAG,CAAA,CAAE,KAAQ,GAAA,MAAA,CAAA;AACpC,gBAAQ,OAAA,EAAA,CAAA;AAAA,eACZ;AAAA,aACH,CAAA;AAAA,YACD,KAAO,EAAA,SAAA;AAAA,WACX,CAAA;AAAA,SACJ;AACA,QAAO,OAAA,cAAA,CAAe,OAAQ,CAAA,GAAG,CAAE,CAAA,OAAA,CAAA;AAAA,OACvC;AAAA,MACA,SAAW,EAAA,MAAM,MAAO,CAAA,MAAA,CAAO,cAAe,CAAA,OAAO,CAAE,CAAA,IAAA,CAAK,CAAC,EAAE,KAAM,EAAA,KAAM,UAAU,SAAS,CAAA;AAAA,MAC9F,iBAAiB,MACb,oBAAA,KAAyB,IACzB,IAAA,MAAA,CAAO,OAAO,cAAe,CAAA,OAAO,CAAE,CAAA,MAAA,CAAO,CAAC,EAAE,KAAA,OAAY,KAAU,KAAA,SAAS,EAAE,MAC7E,IAAA,oBAAA;AAAA,KACZ,CAAA;AAAA,KACD,CAAC,iBAAA,EAAmB,mBAAqB,EAAA,oBAAA,EAAsB,gBAAgB,CAAC,CAAA,CAAA;AAEnF,EAAA,uBAAQ,GAAA,CAAA,gBAAA,CAAiB,QAAjB,EAAA,EAA0B,OAAe,QAAS,EAAA,CAAA,CAAA;AAC9D;;;;"}

package/DatePicker/DatePicker.d.ts

@@ -1,2 +1,2 @@
-import { DatePickerProps } from '@hh.ru/magritte-ui-date-picker/types';
+import { DatePickerProps } from '../types';
 export declare const DatePicker: import("react").ComponentType<DatePickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/DatePicker/DatePicker.js

@@ -6,7 +6,7 @@ import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { AsyncDataLoader } from '../AsyncDataLoader.js';
 import { AsyncDataStore } from '../AsyncDataStore.js';
 import { DayPicker } from './DayPicker.js';
-import MobileDatePickerWithScroll from './MobileDatePickerWithScroll.js';
+import MobileDatePickerWithScroll_default from './MobileDatePickerWithScroll.js';
 import { Header } from '../Header.js';
 import { MonthPicker } from '../MonthPicker.js';
 import { Weekdays } from '../Weekdays.js';
@@ -16,7 +16,7 @@ import { useDatePickerControls } from '../useDatePickerControls.js';
 import { useModifierDates } from '../useModifierDates.js';
 import { useDisplayDate } from '../utils.js';
 import { Divider } from '@hh.ru/magritte-ui-divider';
-import { s as styles } from '../date-picker-CHNF7thk.js';
+import { s as styles } from '../date-picker-TXmCvjtI.js';
 import '../AsyncDataContext.js';
 import '@hh.ru/magritte-ui-loader';
 import 'date-fns';
@@ -35,27 +35,117 @@ import '@hh.ru/magritte-common-use-multiple-refs';
 import 'date-fns/constants';
 
 const DatePickerRenderFunc = forwardRef((props, ref) => {
-    const { 
+  const {
     // настройки функциональности
-    modifierDates, modifierDatesFunc, displayDate: _displayDate, enabledCalendars, minDate, maxDate, selectedDate, 
+    modifierDates,
+    modifierDatesFunc,
+    displayDate: _displayDate,
+    enabledCalendars,
+    minDate,
+    maxDate,
+    selectedDate,
     // колбеки
-    onDisplayDateChange, onDateSelect, 
+    onDisplayDateChange,
+    onDateSelect,
     // настройки внешнего вида
-    stretched, activeHeader, alignHeader, headerMonthFormat, locale, showAdjacentDays = true, showControls, showHeader = true, showHeaderDate, showDivider = true, showWeekdays = true, fixedWeeks, mobileScrollHorizontal, paddingsHorizontalDesktop, renderDay, } = props;
-    const displayDate = useDisplayDate(_displayDate, selectedDate);
-    const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } = useDatePickerControls(enabledCalendars, displayDate, onDisplayDateChange);
-    const { isMobile } = useBreakpoint();
-    const modifierDatesMap = useModifierDates(modifierDates);
-    if (isMobile && mobileScrollHorizontal) {
-        return (jsx(MobileDatePickerWithScroll, { ...props, displayDate: displayDate, modifierDatesMap: modifierDatesMap, ref: ref }));
+    stretched,
+    activeHeader,
+    alignHeader,
+    headerMonthFormat,
+    locale,
+    showAdjacentDays = true,
+    showControls,
+    showHeader = true,
+    showHeaderDate,
+    showDivider = true,
+    showWeekdays = true,
+    fixedWeeks,
+    mobileScrollHorizontal,
+    paddingsHorizontalDesktop,
+    renderDay
+  } = props;
+  const displayDate = useDisplayDate(_displayDate, selectedDate);
+  const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } = useDatePickerControls(enabledCalendars, displayDate, onDisplayDateChange);
+  const { isMobile } = useBreakpoint();
+  const modifierDatesMap = useModifierDates(modifierDates);
+  if (isMobile && mobileScrollHorizontal) {
+    return /* @__PURE__ */ jsx(
+      MobileDatePickerWithScroll_default,
+      {
+        ...props,
+        displayDate,
+        modifierDatesMap,
+        ref
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: classnames(styles.layout, { [styles.stretched]: stretched }),
+      ref,
+      style: {
+        ...!isMobile && typeof paddingsHorizontalDesktop !== "undefined" ? { "--magritte-date-picker-padding-horizontal": `${paddingsHorizontalDesktop}px` } : {}
+      },
+      children: /* @__PURE__ */ jsx(AsyncDataStore, { modifierDatesFunc, children: /* @__PURE__ */ jsxs(AsyncDataLoader, { stretched, children: [
+        showHeader && /* @__PURE__ */ jsx(
+          Header,
+          {
+            calendar,
+            displayDate,
+            stretched,
+            activeHeader,
+            alignHeader,
+            goToNextPeriod,
+            goToPrevPeriod,
+            headerMonthFormat,
+            locale,
+            showControls,
+            showHeaderDate,
+            switchCalendar
+          }
+        ),
+        showWeekdays && calendar === "day" && /* @__PURE__ */ jsx(Weekdays, { locale, stretched }),
+        showDivider && (showHeader || showWeekdays) && /* @__PURE__ */ jsx(Divider, {}),
+        calendar === "day" && /* @__PURE__ */ jsx(
+          DayPicker,
+          {
+            displayDate,
+            selectedDate,
+            onDateSelect,
+            showAdjacentDays,
+            minDate,
+            maxDate,
+            stretched,
+            fixedWeeks,
+            modifierDatesMap,
+            renderDay
+          }
+        ),
+        calendar === "month" && /* @__PURE__ */ jsx(
+          MonthPicker,
+          {
+            locale,
+            displayDate,
+            selectedDate,
+            stretched,
+            onDateSelect: enabledCalendars.startsWith("dd") ? zoomIntoMonth : onDateSelect
+          }
+        ),
+        calendar === "year" && /* @__PURE__ */ jsx(
+          YearPicker,
+          {
+            displayDate,
+            selectedDate,
+            stretched,
+            onDateSelect: zoomIntoYear
+          }
+        )
+      ] }) })
     }
-    return (jsx("div", { className: classnames(styles.layout, { [styles.stretched]: stretched }), ref: ref, style: {
-            ...(!isMobile && typeof paddingsHorizontalDesktop !== 'undefined'
-                ? { '--magritte-date-picker-padding-horizontal': `${paddingsHorizontalDesktop}px` }
-                : {}),
-        }, children: jsx(AsyncDataStore, { modifierDatesFunc: modifierDatesFunc, children: jsxs(AsyncDataLoader, { stretched: stretched, children: [showHeader && (jsx(Header, { calendar: calendar, displayDate: displayDate, stretched: stretched, activeHeader: activeHeader, alignHeader: alignHeader, goToNextPeriod: goToNextPeriod, goToPrevPeriod: goToPrevPeriod, headerMonthFormat: headerMonthFormat, locale: locale, showControls: showControls, showHeaderDate: showHeaderDate, switchCalendar: switchCalendar })), showWeekdays && calendar === 'day' && jsx(Weekdays, { locale: locale, stretched: stretched }), showDivider && (showHeader || showWeekdays) && jsx(Divider, {}), calendar === 'day' && (jsx(DayPicker, { displayDate: displayDate, selectedDate: selectedDate, onDateSelect: onDateSelect, showAdjacentDays: showAdjacentDays, minDate: minDate, maxDate: maxDate, stretched: stretched, fixedWeeks: fixedWeeks, modifierDatesMap: modifierDatesMap, renderDay: renderDay })), calendar === 'month' && (jsx(MonthPicker, { locale: locale, displayDate: displayDate, selectedDate: selectedDate, stretched: stretched, onDateSelect: enabledCalendars.startsWith('dd') ? zoomIntoMonth : onDateSelect })), calendar === 'year' && (jsx(YearPicker, { displayDate: displayDate, selectedDate: selectedDate, stretched: stretched, onDateSelect: zoomIntoYear }))] }) }) }));
+  );
 });
-DatePickerRenderFunc.displayName = 'DatePickerRenderFunc';
+DatePickerRenderFunc.displayName = "DatePickerRenderFunc";
 const DatePicker = WithArrowNavigationHOC(DatePickerRenderFunc);
 
 export { DatePicker };

package/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["src/DatePicker/DatePicker.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { AsyncDataLoader } from '@hh.ru/magritte-ui-date-picker/AsyncDataLoader';\nimport { AsyncDataStore } from '@hh.ru/magritte-ui-date-picker/AsyncDataStore';\nimport { DayPicker } from '@hh.ru/magritte-ui-date-picker/DatePicker/DayPicker';\nimport MobileDatePickerWithScroll from '@hh.ru/magritte-ui-date-picker/DatePicker/MobileDatePickerWithScroll';\nimport { Header } from '@hh.ru/magritte-ui-date-picker/Header';\nimport { MonthPicker } from '@hh.ru/magritte-ui-date-picker/MonthPicker';\nimport { Weekdays } from '@hh.ru/magritte-ui-date-picker/Weekdays';\nimport { WithArrowNavigationHOC } from '@hh.ru/magritte-ui-date-picker/WithArrowNavigationHOC';\nimport { YearPicker } from '@hh.ru/magritte-ui-date-picker/YearPicker';\nimport { DatePickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useDatePickerControls } from '@hh.ru/magritte-ui-date-picker/useDatePickerControls';\nimport { useModifierDates } from '@hh.ru/magritte-ui-date-picker/useModifierDates';\nimport { useDisplayDate } from '@hh.ru/magritte-ui-date-picker/utils';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from '../date-picker.less';\n\nconst DatePickerRenderFunc = forwardRef<HTMLDivElement, DatePickerProps>((props, ref) => {\n    const {\n        // настройки функциональности\n        modifierDates,\n        modifierDatesFunc,\n        displayDate: _displayDate,\n        enabledCalendars,\n        minDate,\n        maxDate,\n        selectedDate,\n        // колбеки\n        onDisplayDateChange,\n        onDateSelect,\n        // настройки внешнего вида\n        stretched,\n        activeHeader,\n        alignHeader,\n        headerMonthFormat,\n        locale,\n        showAdjacentDays = true,\n        showControls,\n        showHeader = true,\n        showHeaderDate,\n        showDivider = true,\n        showWeekdays = true,\n        fixedWeeks,\n        mobileScrollHorizontal,\n        paddingsHorizontalDesktop,\n        renderDay,\n    } = props;\n    const displayDate = useDisplayDate(_displayDate, selectedDate);\n    const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } =\n        useDatePickerControls(enabledCalendars, displayDate, onDisplayDateChange);\n    const { isMobile } = useBreakpoint();\n\n    const modifierDatesMap = useModifierDates(modifierDates);\n\n    if (isMobile && mobileScrollHorizontal) {\n        return (\n            <MobileDatePickerWithScroll\n                {...props}\n                displayDate={displayDate}\n                modifierDatesMap={modifierDatesMap}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={classnames(styles.layout, { [styles.stretched]: stretched })}\n            ref={ref}\n            style={\n                {\n                    ...(!isMobile && typeof paddingsHorizontalDesktop !== 'undefined'\n                        ? { '--magritte-date-picker-padding-horizontal': `${paddingsHorizontalDesktop}px` }\n                        : {}),\n                } as CSSProperties\n            }\n        >\n            <AsyncDataStore modifierDatesFunc={modifierDatesFunc}>\n                <AsyncDataLoader stretched={stretched}>\n                    {showHeader && (\n                        <Header\n                            calendar={calendar}\n                            displayDate={displayDate}\n                            stretched={stretched}\n                            activeHeader={activeHeader}\n                            alignHeader={alignHeader}\n                            goToNextPeriod={goToNextPeriod}\n                            goToPrevPeriod={goToPrevPeriod}\n                            headerMonthFormat={headerMonthFormat}\n                            locale={locale}\n                            showControls={showControls}\n                            showHeaderDate={showHeaderDate}\n                            switchCalendar={switchCalendar}\n                        />\n                    )}\n                    {showWeekdays && calendar === 'day' && <Weekdays locale={locale} stretched={stretched} />}\n                    {showDivider && (showHeader || showWeekdays) && <Divider />}\n                    {calendar === 'day' && (\n                        <DayPicker\n                            displayDate={displayDate}\n                            selectedDate={selectedDate}\n                            onDateSelect={onDateSelect}\n                            showAdjacentDays={showAdjacentDays}\n                            minDate={minDate}\n                            maxDate={maxDate}\n                            stretched={stretched}\n                            fixedWeeks={fixedWeeks}\n                            modifierDatesMap={modifierDatesMap}\n                            renderDay={renderDay}\n                        />\n                    )}\n                    {calendar === 'month' && (\n                        <MonthPicker\n                            locale={locale}\n                            displayDate={displayDate}\n                            selectedDate={selectedDate}\n                            stretched={stretched}\n                            onDateSelect={enabledCalendars.startsWith('dd') ? zoomIntoMonth : onDateSelect}\n                        />\n                    )}\n                    {calendar === 'year' && (\n                        <YearPicker\n                            displayDate={displayDate}\n                            selectedDate={selectedDate}\n                            stretched={stretched}\n                            onDateSelect={zoomIntoYear}\n                        />\n                    )}\n                </AsyncDataLoader>\n            </AsyncDataStore>\n        </div>\n    );\n});\n\nDatePickerRenderFunc.displayName = 'DatePickerRenderFunc';\n\nexport const DatePicker = WithArrowNavigationHOC(DatePickerRenderFunc);\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,oBAAoB,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,KAAI;IACpF,MAAM;;AAEF,IAAA,aAAa,EACb,iBAAiB,EACjB,WAAW,EAAE,YAAY,EACzB,gBAAgB,EAChB,OAAO,EACP,OAAO,EACP,YAAY;;AAEZ,IAAA,mBAAmB,EACnB,YAAY;;AAEZ,IAAA,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,YAAY,EACZ,UAAU,GAAG,IAAI,EACjB,cAAc,EACd,WAAW,GAAG,IAAI,EAClB,YAAY,GAAG,IAAI,EACnB,UAAU,EACV,sBAAsB,EACtB,yBAAyB,EACzB,SAAS,GACZ,GAAG,KAAK,CAAC;IACV,MAAM,WAAW,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IAC/D,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,GAC3F,qBAAqB,CAAC,gBAAgB,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC;AAC9E,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;AAErC,IAAA,MAAM,gBAAgB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEzD,IAAA,IAAI,QAAQ,IAAI,sBAAsB,EAAE;AACpC,QAAA,QACIA,GAAC,CAAA,0BAA0B,OACnB,KAAK,EACT,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,GAAG,EAAE,GAAG,EAAA,CACV,EACJ;KACL;IAED,QACIA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,GAAG,SAAS,EAAE,CAAC,EACvE,GAAG,EAAE,GAAG,EACR,KAAK,EACD;AACI,YAAA,IAAI,CAAC,QAAQ,IAAI,OAAO,yBAAyB,KAAK,WAAW;AAC7D,kBAAE,EAAE,2CAA2C,EAAE,CAAG,EAAA,yBAAyB,IAAI,EAAE;kBACjF,EAAE;SACM,EAGtB,QAAA,EAAAA,GAAA,CAAC,cAAc,EAAA,EAAC,iBAAiB,EAAE,iBAAiB,EAChD,QAAA,EAAAC,IAAA,CAAC,eAAe,EAAA,EAAC,SAAS,EAAE,SAAS,EAChC,QAAA,EAAA,CAAA,UAAU,KACPD,GAAC,CAAA,MAAM,IACH,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAAA,CAChC,CACL,EACA,YAAY,IAAI,QAAQ,KAAK,KAAK,IAAIA,GAAC,CAAA,QAAQ,EAAC,EAAA,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAA,CAAI,EACxF,WAAW,KAAK,UAAU,IAAI,YAAY,CAAC,IAAIA,IAAC,OAAO,EAAA,EAAA,CAAG,EAC1D,QAAQ,KAAK,KAAK,KACfA,GAAC,CAAA,SAAS,EACN,EAAA,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACtB,CAAA,CACL,EACA,QAAQ,KAAK,OAAO,KACjBA,GAAA,CAAC,WAAW,EAAA,EACR,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,gBAAgB,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,aAAa,GAAG,YAAY,EAAA,CAChF,CACL,EACA,QAAQ,KAAK,MAAM,KAChBA,GAAC,CAAA,UAAU,EACP,EAAA,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC5B,CAAA,CACL,CACa,EAAA,CAAA,EAAA,CACL,EACf,CAAA,EACR;AACN,CAAC,CAAC,CAAC;AAEH,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;MAE7C,UAAU,GAAG,sBAAsB,CAAC,oBAAoB;;;;"}
+{"version":3,"file":"DatePicker.js","sources":["src/DatePicker/DatePicker.tsx"],"sourcesContent":["import { CSSProperties, forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { AsyncDataLoader } from '@hh.ru/magritte-ui-date-picker/AsyncDataLoader';\nimport { AsyncDataStore } from '@hh.ru/magritte-ui-date-picker/AsyncDataStore';\nimport { DayPicker } from '@hh.ru/magritte-ui-date-picker/DatePicker/DayPicker';\nimport MobileDatePickerWithScroll from '@hh.ru/magritte-ui-date-picker/DatePicker/MobileDatePickerWithScroll';\nimport { Header } from '@hh.ru/magritte-ui-date-picker/Header';\nimport { MonthPicker } from '@hh.ru/magritte-ui-date-picker/MonthPicker';\nimport { Weekdays } from '@hh.ru/magritte-ui-date-picker/Weekdays';\nimport { WithArrowNavigationHOC } from '@hh.ru/magritte-ui-date-picker/WithArrowNavigationHOC';\nimport { YearPicker } from '@hh.ru/magritte-ui-date-picker/YearPicker';\nimport { DatePickerProps } from '@hh.ru/magritte-ui-date-picker/types';\nimport { useDatePickerControls } from '@hh.ru/magritte-ui-date-picker/useDatePickerControls';\nimport { useModifierDates } from '@hh.ru/magritte-ui-date-picker/useModifierDates';\nimport { useDisplayDate } from '@hh.ru/magritte-ui-date-picker/utils';\nimport { Divider } from '@hh.ru/magritte-ui-divider';\n\nimport styles from '../date-picker.less';\n\nconst DatePickerRenderFunc = forwardRef<HTMLDivElement, DatePickerProps>((props, ref) => {\n    const {\n        // настройки функциональности\n        modifierDates,\n        modifierDatesFunc,\n        displayDate: _displayDate,\n        enabledCalendars,\n        minDate,\n        maxDate,\n        selectedDate,\n        // колбеки\n        onDisplayDateChange,\n        onDateSelect,\n        // настройки внешнего вида\n        stretched,\n        activeHeader,\n        alignHeader,\n        headerMonthFormat,\n        locale,\n        showAdjacentDays = true,\n        showControls,\n        showHeader = true,\n        showHeaderDate,\n        showDivider = true,\n        showWeekdays = true,\n        fixedWeeks,\n        mobileScrollHorizontal,\n        paddingsHorizontalDesktop,\n        renderDay,\n    } = props;\n    const displayDate = useDisplayDate(_displayDate, selectedDate);\n    const { calendar, switchCalendar, zoomIntoMonth, zoomIntoYear, goToNextPeriod, goToPrevPeriod } =\n        useDatePickerControls(enabledCalendars, displayDate, onDisplayDateChange);\n    const { isMobile } = useBreakpoint();\n\n    const modifierDatesMap = useModifierDates(modifierDates);\n\n    if (isMobile && mobileScrollHorizontal) {\n        return (\n            <MobileDatePickerWithScroll\n                {...props}\n                displayDate={displayDate}\n                modifierDatesMap={modifierDatesMap}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div\n            className={classnames(styles.layout, { [styles.stretched]: stretched })}\n            ref={ref}\n            style={\n                {\n                    ...(!isMobile && typeof paddingsHorizontalDesktop !== 'undefined'\n                        ? { '--magritte-date-picker-padding-horizontal': `${paddingsHorizontalDesktop}px` }\n                        : {}),\n                } as CSSProperties\n            }\n        >\n            <AsyncDataStore modifierDatesFunc={modifierDatesFunc}>\n                <AsyncDataLoader stretched={stretched}>\n                    {showHeader && (\n                        <Header\n                            calendar={calendar}\n                            displayDate={displayDate}\n                            stretched={stretched}\n                            activeHeader={activeHeader}\n                            alignHeader={alignHeader}\n                            goToNextPeriod={goToNextPeriod}\n                            goToPrevPeriod={goToPrevPeriod}\n                            headerMonthFormat={headerMonthFormat}\n                            locale={locale}\n                            showControls={showControls}\n                            showHeaderDate={showHeaderDate}\n                            switchCalendar={switchCalendar}\n                        />\n                    )}\n                    {showWeekdays && calendar === 'day' && <Weekdays locale={locale} stretched={stretched} />}\n                    {showDivider && (showHeader || showWeekdays) && <Divider />}\n                    {calendar === 'day' && (\n                        <DayPicker\n                            displayDate={displayDate}\n                            selectedDate={selectedDate}\n                            onDateSelect={onDateSelect}\n                            showAdjacentDays={showAdjacentDays}\n                            minDate={minDate}\n                            maxDate={maxDate}\n                            stretched={stretched}\n                            fixedWeeks={fixedWeeks}\n                            modifierDatesMap={modifierDatesMap}\n                            renderDay={renderDay}\n                        />\n                    )}\n                    {calendar === 'month' && (\n                        <MonthPicker\n                            locale={locale}\n                            displayDate={displayDate}\n                            selectedDate={selectedDate}\n                            stretched={stretched}\n                            onDateSelect={enabledCalendars.startsWith('dd') ? zoomIntoMonth : onDateSelect}\n                        />\n                    )}\n                    {calendar === 'year' && (\n                        <YearPicker\n                            displayDate={displayDate}\n                            selectedDate={selectedDate}\n                            stretched={stretched}\n                            onDateSelect={zoomIntoYear}\n                        />\n                    )}\n                </AsyncDataLoader>\n            </AsyncDataStore>\n        </div>\n    );\n});\n\nDatePickerRenderFunc.displayName = 'DatePickerRenderFunc';\n\nexport const DatePicker = WithArrowNavigationHOC(DatePickerRenderFunc);\n"],"names":["MobileDatePickerWithScroll"],"mappings":"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"}

package/DatePicker/DayPicker.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { DayPickerProps, DayProps } from '@hh.ru/magritte-ui-date-picker/types';
+import { DayPickerProps, DayProps } from '../types';
 export declare const DayDefault: import("react").ForwardRefExoticComponent<DayProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const DayPicker: FC<DayPickerProps>;