@vkontakte/vkui 6.2.1 → 6.3.0

package/dist/cjs/hooks/useAdaptivityConditionalRender/constants.d.ts

@@ -1,69 +1,19 @@
-export declare const sizeXCompactClassNames: {
-    mq: {
-        className: string;
-    };
-    compact: {
-        className: string;
-    };
-};
-export declare const sizeXRegularClassNames: {
-    mq: {
-        className: string;
-    };
-    regular: {
-        className: string;
-    };
-};
-export declare const sizeYCompactClassNames: {
-    mq: {
-        className: string;
-    };
-    compact: {
-        className: string;
-    };
-};
-export declare const sizeYRegularClassNames: {
-    mq: {
-        className: string;
-    };
-    regular: {
-        className: string;
-    };
-};
-export declare const viewWidthClassNames: {
-    tabletMinus: {
-        mq: {
-            className: string;
-        };
-        forced: {
-            className: string;
-        };
-    };
-    tabletPlus: {
-        mq: {
-            className: string;
-        };
-        forced: {
-            className: string;
-        };
-    };
-};
-export declare const deviceTypeClassNames: {
-    mobile: {
-        mq: {
-            className: string;
-        };
-        forced: {
-            className: string;
-        };
-    };
-    desktop: {
-        mq: {
-            className: string;
-        };
-        forced: {
-            className: string;
-        };
-    };
-};
+export declare const sizeXCompactClassNames: Record<'mq' | 'compact', {
+    className: string;
+}>;
+export declare const sizeXRegularClassNames: Record<'mq' | 'regular', {
+    className: string;
+}>;
+export declare const sizeYCompactClassNames: Record<'mq' | 'compact', {
+    className: string;
+}>;
+export declare const sizeYRegularClassNames: Record<'mq' | 'regular', {
+    className: string;
+}>;
+export declare const viewWidthClassNames: Record<'tabletMinus' | 'tabletPlus', Record<'mq' | 'forced', {
+    className: string;
+}>>;
+export declare const deviceTypeClassNames: Record<'mobile' | 'desktop', Record<'mq' | 'forced', {
+    className: string;
+}>>;
 //# sourceMappingURL=constants.d.ts.map

package/dist/cjs/hooks/useAdaptivityConditionalRender/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB;;;;;;;CAGlC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;CAGlC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;CAGlC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;CAGlC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;CAS/B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;CAShC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAGlF,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAGlF,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAGlF,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAGlF,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,aAAa,GAAG,YAAY,EAC5B,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,CAU/C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,QAAQ,GAAG,SAAS,EACpB,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC,CAU/C,CAAC"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames = {\n  mq: { className: styles['-sizeX--compact-mq'] },\n  ['compact']: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames = {\n  mq: { className: styles['-sizeX--regular-mq'] },\n  ['regular']: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames = {\n  mq: { className: styles['-sizeY--compact-mq'] },\n  ['compact']: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames = {\n  mq: { className: styles['-sizeY--regular-mq'] },\n  ['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":["deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","mq","className","tabletMinus","forced","tabletPlus","mobile","desktop"],"mappings":";;;;;;;;;;;IAiCaA,oBAAoB;eAApBA;;IA/BAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,mBAAmB;eAAnBA;;;AApBN,MAAMJ,yBAAyB;IACpCK,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAML,yBAAyB;IACpCI,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMJ,yBAAyB;IACpCG,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMH,yBAAyB;IACpCE,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMF,sBAAsB;IACjCG,aAAa;QACXF,IAAI;YAAEC,SAAS;QAAuC;QACtDE,QAAQ;YAAEF,SAAS;QAA2C;IAChE;IACAG,YAAY;QACVJ,IAAI;YAAEC,SAAS;QAAsC;QACrDE,QAAQ;YAAEF,SAAS;QAA0C;IAC/D;AACF;AAEO,MAAMP,uBAAuB;IAClCW,QAAQ;QACNL,IAAI;YAAEC,SAAS;QAAmC;QAClDE,QAAQ;YAAEF,SAAS;QAAuC;IAC5D;IACAK,SAAS;QACPN,IAAI;YAAEC,SAAS;QAAoC;QACnDE,QAAQ;YAAEF,SAAS;QAAwC;IAC7D;AACF"}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames: Record<'mq' | 'compact', { className: string }> = {\n  mq: { className: styles['-sizeX--compact-mq'] },\n  ['compact']: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames: Record<'mq' | 'regular', { className: string }> = {\n  mq: { className: styles['-sizeX--regular-mq'] },\n  ['regular']: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames: Record<'mq' | 'compact', { className: string }> = {\n  mq: { className: styles['-sizeY--compact-mq'] },\n  ['compact']: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames: Record<'mq' | 'regular', { className: string }> = {\n  mq: { className: styles['-sizeY--regular-mq'] },\n  ['regular']: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames: Record<\n  'tabletMinus' | 'tabletPlus',\n  Record<'mq' | 'forced', { className: string }>\n> = {\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: Record<\n  'mobile' | 'desktop',\n  Record<'mq' | 'forced', { className: string }>\n> = {\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":["deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","mq","className","tabletMinus","forced","tabletPlus","mobile","desktop"],"mappings":";;;;;;;;;;;IAoCaA,oBAAoB;eAApBA;;IAlCAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,mBAAmB;eAAnBA;;;AApBN,MAAMJ,yBAA0E;IACrFK,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAML,yBAA0E;IACrFI,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMJ,yBAA0E;IACrFG,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMH,yBAA0E;IACrFE,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMF,sBAGT;IACFG,aAAa;QACXF,IAAI;YAAEC,SAAS;QAAuC;QACtDE,QAAQ;YAAEF,SAAS;QAA2C;IAChE;IACAG,YAAY;QACVJ,IAAI;YAAEC,SAAS;QAAsC;QACrDE,QAAQ;YAAEF,SAAS;QAA0C;IAC/D;AACF;AAEO,MAAMP,uBAGT;IACFW,QAAQ;QACNL,IAAI;YAAEC,SAAS;QAAmC;QAClDE,QAAQ;YAAEF,SAAS;QAAuC;IAC5D;IACAK,SAAS;QACPN,IAAI;YAAEC,SAAS;QAAoC;QACnDE,QAAQ;YAAEF,SAAS;QAAwC;IAC7D;AACF"}

package/dist/cjs/hooks/useAppearance.d.ts

@@ -1,2 +1,3 @@
-export declare function useAppearance(): import("../lib/appearance").AppearanceType;
+import { AppearanceType } from '../lib/appearance';
+export declare function useAppearance(): AppearanceType;
 //# sourceMappingURL=useAppearance.d.ts.map

package/dist/cjs/hooks/useAppearance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAppearance.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,+CAI5B"}
+{"version":3,"file":"useAppearance.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAppearance.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAEvE,wBAAgB,aAAa,IAAI,cAAc,CAI9C"}

package/dist/cjs/hooks/useAppearance.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { DEFAULT_APPEARANCE } from '../lib/appearance';\n\nexport function useAppearance() {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? DEFAULT_APPEARANCE;\n}\n"],"names":["useAppearance","appearance","useConfigProvider","DEFAULT_APPEARANCE"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;4BACC;AAE5B,SAASA;IACd,MAAM,EAAEC,UAAU,EAAE,GAAGC,IAAAA,wCAAiB;IAExC,OAAOD,uBAAAA,wBAAAA,aAAcE,8BAAkB;AACzC"}
+{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { AppearanceType, DEFAULT_APPEARANCE } from '../lib/appearance';\n\nexport function useAppearance(): AppearanceType {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? DEFAULT_APPEARANCE;\n}\n"],"names":["useAppearance","appearance","useConfigProvider","DEFAULT_APPEARANCE"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;4BACiB;AAE5C,SAASA;IACd,MAAM,EAAEC,UAAU,EAAE,GAAGC,IAAAA,wCAAiB;IAExC,OAAOD,uBAAAA,wBAAAA,aAAcE,8BAAkB;AACzC"}

package/dist/cjs/hooks/useAutoFocus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocus.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,YAAY,CAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,SAAS,EAAE,OAAO,GAAG,SAAS,QAS/B"}
+{"version":3,"file":"useAutoFocus.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,YAAY,CAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,SAAS,EAAE,OAAO,GAAG,SAAS,GAC7B,IAAI,CAQN"}

package/dist/cjs/hooks/useAutoFocus.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n) {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useAutoFocus","ref","autoFocus","useIsomorphicLayoutEffect","current","focus"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;2CACmB;AAEnC,SAASA,aACdC,GAAwC,EACxCC,SAA8B;IAE9BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACD,aAAa,CAACD,IAAIG,OAAO,EAAE;YAC9B;QACF;QAEAH,IAAIG,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}
+{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useAutoFocus","ref","autoFocus","useIsomorphicLayoutEffect","current","focus"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;2CACmB;AAEnC,SAASA,aACdC,GAAwC,EACxCC,SAA8B;IAE9BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACD,aAAa,CAACD,IAAIG,OAAO,EAAE;YAC9B;QACF;QAEAH,IAAIG,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}

package/dist/cjs/hooks/useBooleanState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBooleanState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBooleanState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;CAgB3B,CAAC"}
+{"version":3,"file":"useBooleanState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useBooleanState.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,8BAEzB;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;CAiBpB,CAAC"}

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

@@ -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":["useBooleanState","defaultValue","value","setValue","React","useState","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;AAEhB,MAAMA,kBAAkB,CAACC,eAAe,KAAK;IAClD,MAAM,CAACC,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACJ;IAEzC,MAAMK,UAAUF,OAAMG,WAAW,CAAC;QAChCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMK,WAAWJ,OAAMG,WAAW,CAAC;QACjCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMM,SAASL,OAAMG,WAAW,CAAC;QAC/BJ,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOI;QAASE;QAAUC;IAAO;AAC5C"}
+{"version":3,"sources":["../../../src/hooks/useBooleanState.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const useBooleanState = (\n  defaultValue = false,\n): {\n  value: boolean;\n  setTrue: () => void;\n  setFalse: () => void;\n  toggle: () => void;\n} => {\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":["useBooleanState","defaultValue","value","setValue","React","useState","setTrue","useCallback","setFalse","toggle"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;AAEhB,MAAMA,kBAAkB,CAC7BC,eAAe,KAAK;IAOpB,MAAM,CAACC,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACJ;IAEzC,MAAMK,UAAUF,OAAMG,WAAW,CAAC;QAChCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMK,WAAWJ,OAAMG,WAAW,CAAC;QACjCJ,SAAS;IACX,GAAG,EAAE;IAEL,MAAMM,SAASL,OAAMG,WAAW,CAAC;QAC/BJ,SAAS,CAACD;IACZ,GAAG;QAACA;KAAM;IAEV,OAAO;QAAEA;QAAOI;QAASE;QAAUC;IAAO;AAC5C"}

package/dist/cjs/hooks/useCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAYhE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB;;yBAgBd,IAAI;;;;;wBAQN,IAAI;yBAKJ,IAAI,aAAa,OAAO;;6BAqBtB,MAAM,SAAS,MAAM,KAAG,OAAO;2BA8BhC,MAAM,KAAG,OAAO;EAmC1B"}
+{"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAYhE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;CACnC;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB,GAAG;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,IAAI,GAAG,SAAS,CAAC;IAC7B,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IACtE,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC;IACrC,aAAa,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IAC1D,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3D,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CAC3C,CAmHA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/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<\n    CalendarProps,\n    | 'onHeaderChange'\n    | 'onNextMonth'\n    | 'onPrevMonth'\n    | 'minDateTime'\n    | 'maxDateTime'\n    | 'shouldDisableDate'\n    | 'disableFuture'\n    | 'disablePast'\n  > {\n  value?: Array<Date | null> | Date;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  minDateTime,\n  maxDateTime,\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, withTime?: boolean) => {\n      const now = new Date();\n      if (shouldDisableDate) {\n        return shouldDisableDate(day);\n      }\n      if (disableFuture) {\n        return isAfter(startOfDay(day), now);\n      }\n      if (disablePast) {\n        return isBefore(endOfDay(day), now);\n      }\n      if (minDateTime || maxDateTime) {\n        return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n      }\n\n      return false;\n    },\n    [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n  );\n\n  const isMonthDisabled = React.useCallback(\n    (month: number, year?: number): boolean => {\n      const now = new Date();\n      year = year || viewDate.getFullYear();\n      const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n      const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled =\n        year >= minYear && year <= maxYear\n          ? (year === minYear && minMonth > month) || (year === maxYear && month > maxMonth)\n          : true;\n\n      if (disableFuture) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n      }\n      if (disablePast) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n  );\n\n  const isYearDisabled = React.useCallback(\n    (year: number): boolean => {\n      const now = new Date();\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled = minYear > year || year > maxYear;\n      if (disableFuture) {\n        isDisabled = isDisabled || year > now.getFullYear();\n      }\n      if (disablePast) {\n        isDisabled = isDisabled || year < now.getFullYear();\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, minDateTime, maxDateTime],\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    isMonthDisabled,\n    isYearDisabled,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","React","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","withTime","now","isAfter","startOfDay","isBefore","endOfDay","isDayMinMaxRestricted","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","DEFAULT_MIN_YEAR","maxYear","DEFAULT_MAX_YEAR","isDisabled","isYearDisabled","resetSelectedDay","undefined"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/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<\n    CalendarProps,\n    | 'onHeaderChange'\n    | 'onNextMonth'\n    | 'onPrevMonth'\n    | 'minDateTime'\n    | 'maxDateTime'\n    | 'shouldDisableDate'\n    | 'disableFuture'\n    | 'disablePast'\n  > {\n  value?: Array<Date | null> | Date;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  minDateTime,\n  maxDateTime,\n}: UseCalendarDependencies): {\n  viewDate: Date;\n  setViewDate: (value: Date) => void;\n  setPrevMonth: () => void;\n  setNextMonth: () => void;\n  focusedDay: Date | undefined;\n  setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;\n  isDayFocused: (day: Date) => boolean;\n  isDayDisabled: (day: Date, withTime?: boolean) => boolean;\n  resetSelectedDay: () => void;\n  isMonthDisabled: (month: number, year?: number) => boolean;\n  isYearDisabled: (year: number) => boolean;\n} {\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, withTime?: boolean) => {\n      const now = new Date();\n      if (shouldDisableDate) {\n        return shouldDisableDate(day);\n      }\n      if (disableFuture) {\n        return isAfter(startOfDay(day), now);\n      }\n      if (disablePast) {\n        return isBefore(endOfDay(day), now);\n      }\n      if (minDateTime || maxDateTime) {\n        return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n      }\n\n      return false;\n    },\n    [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n  );\n\n  const isMonthDisabled = React.useCallback(\n    (month: number, year?: number): boolean => {\n      const now = new Date();\n      year = year || viewDate.getFullYear();\n      const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n      const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled =\n        year >= minYear && year <= maxYear\n          ? (year === minYear && minMonth > month) || (year === maxYear && month > maxMonth)\n          : true;\n\n      if (disableFuture) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n      }\n      if (disablePast) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n  );\n\n  const isYearDisabled = React.useCallback(\n    (year: number): boolean => {\n      const now = new Date();\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled = minYear > year || year > maxYear;\n      if (disableFuture) {\n        isDisabled = isDisabled || year > now.getFullYear();\n      }\n      if (disablePast) {\n        isDisabled = isDisabled || year < now.getFullYear();\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, minDateTime, maxDateTime],\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    isMonthDisabled,\n    isYearDisabled,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","React","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","withTime","now","isAfter","startOfDay","isBefore","endOfDay","isDayMinMaxRestricted","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","DEFAULT_MIN_YEAR","maxYear","DEFAULT_MAX_YEAR","isDisabled","isYearDisabled","resetSelectedDay","undefined"],"mappings":"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"}

package/dist/cjs/hooks/useDateInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;uBAgFzB,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;;;;EA8E3C"}
+{"version":3,"file":"useDateInput.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDateInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,wBAAwB,CAAC,CAAC,EAAE,CAAC;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK;QACjC,MAAM,EAAE,MAAM,CAAC;QACf,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,MAAM,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,EACrD,UAAU,EACV,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,GACN,EAAE,wBAAwB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACzC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACvE,aAAa,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACjE,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC,CA8JA"}

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

@@ -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 (focusedElement !== null) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [focusedElement, closeCalendar, getInternalValue, 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":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","open","setTrue","openCalendar","setFalse","closeCalendar","useBooleanState","rootRef","React","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":";;;;+BAqBgBA;;;eAAAA;;;;iEArBO;qBACA;iCACS;wCACO;AAkBhC,SAASA,aAAuC,EACrDC,UAAU,EACVC,IAAI,EACJC,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,QAAQ,EACRC,qBAAqB,EACrBC,gBAAgB,EAChBC,KAAK,EAC0B;IAC/B,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAM,EAAEF,OAAOG,IAAI,EAAEC,SAASC,YAAY,EAAEC,UAAUC,aAAa,EAAE,GAAGC,IAAAA,gCAAe,EAAC;IACxF,MAAMC,UAAUC,OAAMC,MAAM,CAAiB;IAC7C,MAAMC,cAAcF,OAAMC,MAAM,CAAiB;IACjD,MAAM,CAACE,eAAeC,iBAAiB,GAAGJ,OAAMK,QAAQ,CAAW,EAAE;IACrE,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGP,OAAMK,QAAQ,CAAgB;IAC1E,MAAM,EAAEG,MAAM,EAAE,GAAGhB,IAAAA,WAAM;IAEzB,MAAMiB,uBAAuBT,OAAMU,WAAW,CAAC;QAC7C,IAAIJ,mBAAmB,MAAM;gBAG3BE;YAFAD,kBAAkB;YAClBV;aACAW,uBAAAA,OAAQG,YAAY,gBAApBH,2CAAAA,qBAAwBI,eAAe;YACvCR,iBAAiBf,iBAAiBC;QACpC;IACF,GAAG;QAACgB;QAAgBT;QAAeR;QAAkBC;QAAOkB;KAAO;IAEnE,MAAMK,qBAAqBb,OAAMU,WAAW,CAC1C,CAACI;YAEIf,kBACAG;QAFH,IACE,GAACH,mBAAAA,QAAQgB,OAAO,cAAfhB,uCAAAA,iBAAiBiB,QAAQ,CAACF,EAAEG,MAAM,MACnC,GAACf,uBAAAA,YAAYa,OAAO,cAAnBb,2CAAAA,qBAAqBc,QAAQ,CAACF,EAAEG,MAAM,IACvC;YACAR;QACF;IACF,GACA;QAACA;KAAqB;IAGxB,MAAMS,cAAclB,OAAMU,WAAW,CAAC;QACpCH,kBAAkB;IACpB,GAAG,EAAE;IAELY,IAAAA,8CAAsB,EAAC5B,UAAU,SAASsB,oBAAoB;QAC5DO,SAAS;IACX;IAEApB,OAAMqB,SAAS,CAAC;QACdjB,iBAAiBf,iBAAiBC;IACpC,GAAG;QAACD;QAAkBC;KAAM;IAE5BU,OAAMqB,SAAS,CAAC;QACd,IAAIrC,WAAW;YACbkC;QACF;IACF,GAAG;QAAClC;QAAWkC;KAAY;IAE3BlB,OAAMqB,SAAS,CAAC;QACd,IAAIpC,YAAYqB,mBAAmB,MAAM;YACvC;QACF;QAEA,MAAMgB,QAAQd,OAAQjB,QAAQ,CAACgC,WAAW;QAE1C,IAAIC,UAAUzC,IAAI,CAACuB,eAAe,CAACS,OAAO;QAE1C,IAAIS,SAAS;YACXA,QAAQC,KAAK;YACb9B;YACA2B,MAAMI,kBAAkB,CAACF;YAEzB,MAAMG,YAAYnB,OAAQG,YAAY;YACtCgB,sBAAAA,gCAAAA,UAAWf,eAAe;YAC1Be,sBAAAA,gCAAAA,UAAWC,QAAQ,CAACN;QACtB;IACF,GAAG;QAACrC;QAAUqB;QAAgBX;QAAcZ;QAAMyB;KAAO;IAEzD,MAAMqB,QAAQ7B,OAAMU,WAAW,CAAC;QAC9BvB,qBAAAA,+BAAAA,SAAW2C;QACXZ;IACF,GAAG;QAAC/B;QAAU+B;KAAY;IAE1B,MAAMa,mBAAmB/B,OAAMU,WAAW,CAAC;QACzC,IAAI,CAACjB,MAAM;YACTyB;QACF;IACF,GAAG;QAACzB;QAAMyB;KAAY;IAEtB,MAAMc,gBAAgBhC,OAAMU,WAAW,CACrC,CAACI;QACC,IAAIR,mBAAmB,MAAM;YAC3B;QACF;QAEA,MAAM2B,SAAS;eAAI9B;SAAc;QACjC,MAAM+B,SAAShD,eAAeoB;QAE9B,IAAI,QAAQ6B,IAAI,CAACrB,EAAEsB,GAAG,GAAG;YACvB,IAAIH,MAAM,CAAC3B,eAAe,CAAC+B,MAAM,IAAIH,OAAOG,MAAM,EAAE;gBAClDJ,MAAM,CAAC3B,eAAe,GAAGQ,EAAEsB,GAAG;YAChC,OAAO;gBACLH,MAAM,CAAC3B,eAAe,IAAIQ,EAAEsB,GAAG;gBAC/B,IAAIH,MAAM,CAAC3B,eAAe,CAAC+B,MAAM,IAAIH,OAAOG,MAAM,IAAI/B,iBAAiBxB,YAAY;oBACjFyB,kBAAkBD,iBAAiB;gBACrC;YACF;QACF,OAAO,IAAIQ,EAAEsB,GAAG,KAAK,aAAa;YAChC,IAAI,CAACH,MAAM,CAAC3B,eAAe,EAAE;gBAC3BC,kBAAkBD,kBAAkB,IAAIxB,aAAawB,iBAAiB;YACxE,OAAO;gBACL2B,MAAM,CAAC3B,eAAe,GAAG2B,MAAM,CAAC3B,eAAe,CAACgC,KAAK,CAAC,GAAG,CAAC;YAC5D;QACF,OAAO,IAAIxB,EAAEsB,GAAG,KAAK,eAAetB,EAAEsB,GAAG,KAAK,QAAQ;YACpD,IAAIG,eAAeC,OAAOP,MAAM,CAAC3B,eAAe;YAChD2B,MAAM,CAAC3B,eAAe,GAAGmC,OACvBF,gBAAgBL,OAAOQ,GAAG,GAAGR,OAAOS,GAAG,GAAGJ,eAAe,GACzDK,QAAQ,CAACV,OAAOG,MAAM,EAAE;QAC5B,OAAO,IAAIvB,EAAEsB,GAAG,KAAK,aAAatB,EAAEsB,GAAG,KAAK,MAAM;YAChD,IAAIG,eAAeC,OAAOP,MAAM,CAAC3B,eAAe;YAChD2B,MAAM,CAAC3B,eAAe,GAAGmC,OACvBF,gBAAgBL,OAAOS,GAAG,GAAGT,OAAOQ,GAAG,GAAGH,eAAe,GACzDK,QAAQ,CAACV,OAAOG,MAAM,EAAE;QAC5B,OAAO,IACLvB,EAAEsB,GAAG,KAAK,WACTtB,EAAEsB,GAAG,KAAK,SAAS9B,mBAAmBxB,cACtCgC,EAAEsB,GAAG,KAAK,SAAStB,EAAE+B,QAAQ,IAAIvC,mBAAmB,GACrD;YACAG;YACA;QACF,OAAO,IAAIK,EAAEsB,GAAG,KAAK,eAAetB,EAAEsB,GAAG,KAAK,UAAWtB,EAAEsB,GAAG,KAAK,SAAStB,EAAE+B,QAAQ,EAAG;YACvFtC,kBAAkBD,kBAAkB,IAAIxB,aAAawB,iBAAiB;QACxE,OAAO,IAAIQ,EAAEsB,GAAG,KAAK,gBAAgBtB,EAAEsB,GAAG,KAAK,WAAWtB,EAAEsB,GAAG,KAAK,OAAO;YACzE7B,kBAAkBD,kBAAkBxB,aAAa,IAAIwB,iBAAiB;QACxE,OAAO,IAAIQ,EAAEsB,GAAG,KAAK,YAAYtB,EAAEsB,GAAG,KAAK,OAAO;YAChDH,MAAM,CAAC3B,eAAe,GAAG;QAC3B,OAAO;YACL;QACF;QAEAQ,EAAEgC,cAAc;QAChB1C,iBAAiB6B;QACjB7C,sBAAsB6C;IACxB,GACA;QACE/C;QACAoB;QACAH;QACArB;QACAM;QACAqB;KACD;IAGH,OAAO;QACLV;QACAG;QACAT;QACAE;QACAE;QACAM;QACAG;QACAC;QACAyB;QACAH;QACAE;QACAtB;IACF;AACF"}
+{"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  rootRef: React.RefObject<HTMLDivElement>;\n  calendarRef: React.RefObject<HTMLDivElement>;\n  open: boolean;\n  openCalendar: () => void;\n  closeCalendar: () => void;\n  internalValue: string[];\n  focusedElement: number | null;\n  setFocusedElement: React.Dispatch<React.SetStateAction<number | null>>;\n  handleKeyDown: (e: React.KeyboardEvent<HTMLSpanElement>) => void;\n  clear: () => void;\n  handleFieldEnter: () => void;\n  removeFocusFromField: () => void;\n} {\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 (focusedElement !== null) {\n      setFocusedElement(null);\n      closeCalendar();\n      window!.getSelection()?.removeAllRanges();\n      setInternalValue(getInternalValue(value));\n    }\n  }, [focusedElement, closeCalendar, getInternalValue, 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":["useDateInput","maxElement","refs","autoFocus","disabled","elementsConfig","onChange","onInternalValueChange","getInternalValue","value","document","useDOM","open","setTrue","openCalendar","setFalse","closeCalendar","useBooleanState","rootRef","React","useRef","calendarRef","internalValue","setInternalValue","useState","focusedElement","setFocusedElement","window","removeFocusFromField","useCallback","getSelection","removeAllRanges","handleClickOutside","e","current","contains","target","selectFirst","useGlobalEventListener","capture","useEffect","range","createRange","element","focus","selectNodeContents","selection","addRange","clear","undefined","handleFieldEnter","handleKeyDown","_value","config","test","key","length","slice","currentValue","Number","String","min","max","padStart","shiftKey","preventDefault"],"mappings":"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"}

package/dist/cjs/hooks/useDraggableWithDomApi/autoScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoScroll.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,oBAAoB,YAAa,MAAM,YAAY,OAAO,GAAG,MAAM;;;CA6B/E,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM;IAAE,eAAe,EAAE,OAAO,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,eAAO,MAAM,0BAA0B,aAAc,OAAO,GAAG,MAAM;wBAgBxC,mBAAmB;;;CAgB/C,CAAC"}
+{"version":3,"file":"autoScroll.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS,KAAK,CAAC;AAE5B,eAAO,MAAM,oBAAoB,YACtB,MAAM,YACL,OAAO,GAAG,MAAM,KACzB;IACD,eAAe,EAAE,OAAO,CAAC;IACzB,CAAC,EAAE,MAAM,CAAC;CA8BX,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,MAAM;IAAE,eAAe,EAAE,OAAO,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhF,eAAO,MAAM,0BAA0B,aAC3B,OAAO,GAAG,MAAM,KACzB;IACD,aAAa,EAAE,CAAC,EAAE,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACjD,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAiC7B,CAAC"}

package/dist/cjs/hooks/useDraggableWithDomApi/autoScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"sourcesContent":["import { getNodeScroll, getScrollHeight, getScrollRect } from '../../lib/dom';\nimport { rafSchd } from '../../lib/rafSchd';\n\nconst SCROLL_SPEED = 10;\nexport const EDGE_SIZE = 50;\n\nexport const getAutoScrollingData = (clientY: number, scrollEl: Element | Window) => {\n  const scrollTop = Math.floor(getNodeScroll(scrollEl).scrollTop);\n\n  const { relative, edges } = getScrollRect(scrollEl);\n  const viewportHeight = relative.height;\n  const documentHeight = getScrollHeight(scrollEl);\n  const maxScrollY = documentHeight - viewportHeight;\n  const canScrollUp = scrollTop > 0;\n  const canScrollDown = scrollTop < maxScrollY;\n\n  const [edgeTop, edgeBottom] = edges.y;\n  const topDistance = clientY - edgeTop;\n  const bottomDistance = edgeBottom - clientY;\n  const isInTopEdge = topDistance <= EDGE_SIZE;\n  const isInBottomEdge = bottomDistance <= EDGE_SIZE;\n\n  const result = {\n    shouldScrolling: (canScrollUp && isInTopEdge) || (canScrollDown && isInBottomEdge),\n    y: 0,\n  };\n\n  // Inspired by https://github.com/SortableJS/Sortable/issues/1907#issuecomment-1495403785\n  if (isInTopEdge) {\n    result.y = -1 * ((EDGE_SIZE - topDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  } else if (isInBottomEdge) {\n    result.y = ((EDGE_SIZE - bottomDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  }\n\n  return result;\n};\n\nexport type AutoScrollingDataFn = () => { shouldScrolling: boolean; y: number };\n\nexport const createAutoScrollController = (scrollEl: Element | Window) => {\n  let isRunning = false;\n  const scheduledScroll = rafSchd(scroll);\n\n  function scroll(fn: AutoScrollingDataFn) {\n    const { shouldScrolling, y } = fn();\n    if (shouldScrolling) {\n      isRunning = true;\n      scrollEl.scrollBy(0, y);\n      scheduledScroll(fn);\n    } else {\n      isRunning = false;\n      scheduledScroll.cancel();\n    }\n  }\n\n  const tryAutoScroll = (fn: AutoScrollingDataFn) => {\n    scheduledScroll(fn);\n  };\n\n  const stop = () => {\n    isRunning = false;\n    scheduledScroll.cancel();\n  };\n\n  return {\n    tryAutoScroll,\n    stop,\n    get isRunning() {\n      return isRunning;\n    },\n  };\n};\n"],"names":["EDGE_SIZE","createAutoScrollController","getAutoScrollingData","SCROLL_SPEED","clientY","scrollEl","scrollTop","Math","floor","getNodeScroll","relative","edges","getScrollRect","viewportHeight","height","documentHeight","getScrollHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","isRunning","scheduledScroll","rafSchd","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"mappings":";;;;;;;;;;;IAIaA,SAAS;eAATA;;IAmCAC,0BAA0B;eAA1BA;;IAjCAC,oBAAoB;eAApBA;;;qBANiD;yBACtC;AAExB,MAAMC,eAAe;AACd,MAAMH,YAAY;AAElB,MAAME,uBAAuB,CAACE,SAAiBC;IACpD,MAAMC,YAAYC,KAAKC,KAAK,CAACC,IAAAA,kBAAa,EAACJ,UAAUC,SAAS;IAE9D,MAAM,EAAEI,QAAQ,EAAEC,KAAK,EAAE,GAAGC,IAAAA,kBAAa,EAACP;IAC1C,MAAMQ,iBAAiBH,SAASI,MAAM;IACtC,MAAMC,iBAAiBC,IAAAA,oBAAe,EAACX;IACvC,MAAMY,aAAaF,iBAAiBF;IACpC,MAAMK,cAAcZ,YAAY;IAChC,MAAMa,gBAAgBb,YAAYW;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGV,MAAMW,CAAC;IACrC,MAAMC,cAAcnB,UAAUgB;IAC9B,MAAMI,iBAAiBH,aAAajB;IACpC,MAAMqB,cAAcF,eAAevB;IACnC,MAAM0B,iBAAiBF,kBAAkBxB;IAEzC,MAAM2B,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACtB,CAAAA,YAAYuB,WAAU,IAAKvB,SAAQ,IAAKG;IAC5D,OAAO,IAAIuB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEtB,CAAAA,YAAYwB,cAAa,IAAKxB,YAAaG;IAC1D;IAEA,OAAOwB;AACT;AAIO,MAAM1B,6BAA6B,CAACI;IACzC,IAAIwB,YAAY;IAChB,MAAMC,kBAAkBC,IAAAA,gBAAO,EAACC;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBC,YAAY;YACZxB,SAAS6B,QAAQ,CAAC,GAAGZ;YACrBQ,gBAAgBG;QAClB,OAAO;YACLJ,YAAY;YACZC,gBAAgBK,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBH,gBAAgBG;IAClB;IAEA,MAAMI,OAAO;QACXR,YAAY;QACZC,gBAAgBK,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIR,aAAY;YACd,OAAOA;QACT;IACF;AACF"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/autoScroll.ts"],"sourcesContent":["import { getNodeScroll, getScrollHeight, getScrollRect } from '../../lib/dom';\nimport { rafSchd } from '../../lib/rafSchd';\n\nconst SCROLL_SPEED = 10;\nexport const EDGE_SIZE = 50;\n\nexport const getAutoScrollingData = (\n  clientY: number,\n  scrollEl: Element | Window,\n): {\n  shouldScrolling: boolean;\n  y: number;\n} => {\n  const scrollTop = Math.floor(getNodeScroll(scrollEl).scrollTop);\n\n  const { relative, edges } = getScrollRect(scrollEl);\n  const viewportHeight = relative.height;\n  const documentHeight = getScrollHeight(scrollEl);\n  const maxScrollY = documentHeight - viewportHeight;\n  const canScrollUp = scrollTop > 0;\n  const canScrollDown = scrollTop < maxScrollY;\n\n  const [edgeTop, edgeBottom] = edges.y;\n  const topDistance = clientY - edgeTop;\n  const bottomDistance = edgeBottom - clientY;\n  const isInTopEdge = topDistance <= EDGE_SIZE;\n  const isInBottomEdge = bottomDistance <= EDGE_SIZE;\n\n  const result = {\n    shouldScrolling: (canScrollUp && isInTopEdge) || (canScrollDown && isInBottomEdge),\n    y: 0,\n  };\n\n  // Inspired by https://github.com/SortableJS/Sortable/issues/1907#issuecomment-1495403785\n  if (isInTopEdge) {\n    result.y = -1 * ((EDGE_SIZE - topDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  } else if (isInBottomEdge) {\n    result.y = ((EDGE_SIZE - bottomDistance) / EDGE_SIZE) * SCROLL_SPEED;\n  }\n\n  return result;\n};\n\nexport type AutoScrollingDataFn = () => { shouldScrolling: boolean; y: number };\n\nexport const createAutoScrollController = (\n  scrollEl: Element | Window,\n): {\n  tryAutoScroll: (fn: AutoScrollingDataFn) => void;\n  stop: () => void;\n  readonly isRunning: boolean;\n} => {\n  let isRunning = false;\n  const scheduledScroll = rafSchd(scroll);\n\n  function scroll(fn: AutoScrollingDataFn) {\n    const { shouldScrolling, y } = fn();\n    if (shouldScrolling) {\n      isRunning = true;\n      scrollEl.scrollBy(0, y);\n      scheduledScroll(fn);\n    } else {\n      isRunning = false;\n      scheduledScroll.cancel();\n    }\n  }\n\n  const tryAutoScroll = (fn: AutoScrollingDataFn) => {\n    scheduledScroll(fn);\n  };\n\n  const stop = () => {\n    isRunning = false;\n    scheduledScroll.cancel();\n  };\n\n  return {\n    tryAutoScroll,\n    stop,\n    get isRunning() {\n      return isRunning;\n    },\n  };\n};\n"],"names":["EDGE_SIZE","createAutoScrollController","getAutoScrollingData","SCROLL_SPEED","clientY","scrollEl","scrollTop","Math","floor","getNodeScroll","relative","edges","getScrollRect","viewportHeight","height","documentHeight","getScrollHeight","maxScrollY","canScrollUp","canScrollDown","edgeTop","edgeBottom","y","topDistance","bottomDistance","isInTopEdge","isInBottomEdge","result","shouldScrolling","isRunning","scheduledScroll","rafSchd","scroll","fn","scrollBy","cancel","tryAutoScroll","stop"],"mappings":";;;;;;;;;;;IAIaA,SAAS;eAATA;;IAyCAC,0BAA0B;eAA1BA;;IAvCAC,oBAAoB;eAApBA;;;qBANiD;yBACtC;AAExB,MAAMC,eAAe;AACd,MAAMH,YAAY;AAElB,MAAME,uBAAuB,CAClCE,SACAC;IAKA,MAAMC,YAAYC,KAAKC,KAAK,CAACC,IAAAA,kBAAa,EAACJ,UAAUC,SAAS;IAE9D,MAAM,EAAEI,QAAQ,EAAEC,KAAK,EAAE,GAAGC,IAAAA,kBAAa,EAACP;IAC1C,MAAMQ,iBAAiBH,SAASI,MAAM;IACtC,MAAMC,iBAAiBC,IAAAA,oBAAe,EAACX;IACvC,MAAMY,aAAaF,iBAAiBF;IACpC,MAAMK,cAAcZ,YAAY;IAChC,MAAMa,gBAAgBb,YAAYW;IAElC,MAAM,CAACG,SAASC,WAAW,GAAGV,MAAMW,CAAC;IACrC,MAAMC,cAAcnB,UAAUgB;IAC9B,MAAMI,iBAAiBH,aAAajB;IACpC,MAAMqB,cAAcF,eAAevB;IACnC,MAAM0B,iBAAiBF,kBAAkBxB;IAEzC,MAAM2B,SAAS;QACbC,iBAAiB,AAACV,eAAeO,eAAiBN,iBAAiBO;QACnEJ,GAAG;IACL;IAEA,yFAAyF;IACzF,IAAIG,aAAa;QACfE,OAAOL,CAAC,GAAG,CAAC,IAAK,CAAA,AAACtB,CAAAA,YAAYuB,WAAU,IAAKvB,SAAQ,IAAKG;IAC5D,OAAO,IAAIuB,gBAAgB;QACzBC,OAAOL,CAAC,GAAG,AAAEtB,CAAAA,YAAYwB,cAAa,IAAKxB,YAAaG;IAC1D;IAEA,OAAOwB;AACT;AAIO,MAAM1B,6BAA6B,CACxCI;IAMA,IAAIwB,YAAY;IAChB,MAAMC,kBAAkBC,IAAAA,gBAAO,EAACC;IAEhC,SAASA,OAAOC,EAAuB;QACrC,MAAM,EAAEL,eAAe,EAAEN,CAAC,EAAE,GAAGW;QAC/B,IAAIL,iBAAiB;YACnBC,YAAY;YACZxB,SAAS6B,QAAQ,CAAC,GAAGZ;YACrBQ,gBAAgBG;QAClB,OAAO;YACLJ,YAAY;YACZC,gBAAgBK,MAAM;QACxB;IACF;IAEA,MAAMC,gBAAgB,CAACH;QACrBH,gBAAgBG;IAClB;IAEA,MAAMI,OAAO;QACXR,YAAY;QACZC,gBAAgBK,MAAM;IACxB;IAEA,OAAO;QACLC;QACAC;QACA,IAAIR,aAAY;YACd,OAAOA;QACT;IACF;AACF"}

package/dist/cjs/hooks/useDraggableWithDomApi/constants.d.ts

@@ -2,6 +2,6 @@ export declare const AUTO_SCROLL_START_DELAY = 300;
 export declare const ITEM_INITIAL_INDEX = -1;
 export declare const DATA_DRAGGABLE_PLACEHOLDER_KEY = "data-draggable-placeholder";
 export declare const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP: {
-    "data-draggable-placeholder": string;
+    'data-draggable-placeholder': string;
 };
 //# sourceMappingURL=constants.d.ts.map

package/dist/cjs/hooks/useDraggableWithDomApi/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,8BAA8B,+BAA+B,CAAC;AAE3E,eAAO,MAAM,qCAAqC;;CAA+C,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,8BAA8B,+BAA+B,CAAC;AAE3E,eAAO,MAAM,qCAAqC,EAAE;IAClD,4BAA4B,EAAE,MAAM,CAAC;CACS,CAAC"}

package/dist/cjs/hooks/useDraggableWithDomApi/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/constants.ts"],"sourcesContent":["export const AUTO_SCROLL_START_DELAY = 300;\n\nexport const ITEM_INITIAL_INDEX = -1;\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_KEY = 'data-draggable-placeholder';\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP = { [DATA_DRAGGABLE_PLACEHOLDER_KEY]: 'true' };\n"],"names":["AUTO_SCROLL_START_DELAY","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","ITEM_INITIAL_INDEX"],"mappings":";;;;;;;;;;;IAAaA,uBAAuB;eAAvBA;;IAIAC,8BAA8B;eAA9BA;;IAEAC,qCAAqC;eAArCA;;IAJAC,kBAAkB;eAAlBA;;;AAFN,MAAMH,0BAA0B;AAEhC,MAAMG,qBAAqB,CAAC;AAE5B,MAAMF,iCAAiC;AAEvC,MAAMC,wCAAwC;IAAE,CAACD,+BAA+B,EAAE;AAAO"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/constants.ts"],"sourcesContent":["export const AUTO_SCROLL_START_DELAY = 300;\n\nexport const ITEM_INITIAL_INDEX = -1;\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_KEY = 'data-draggable-placeholder';\n\nexport const DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP: {\n  'data-draggable-placeholder': string;\n} = { [DATA_DRAGGABLE_PLACEHOLDER_KEY]: 'true' };\n"],"names":["AUTO_SCROLL_START_DELAY","DATA_DRAGGABLE_PLACEHOLDER_KEY","DATA_DRAGGABLE_PLACEHOLDER_REACT_PROP","ITEM_INITIAL_INDEX"],"mappings":";;;;;;;;;;;IAAaA,uBAAuB;eAAvBA;;IAIAC,8BAA8B;eAA9BA;;IAEAC,qCAAqC;eAArCA;;IAJAC,kBAAkB;eAAlBA;;;AAFN,MAAMH,0BAA0B;AAEhC,MAAMG,qBAAqB,CAAC;AAE5B,MAAMF,iCAAiC;AAEvC,MAAMC,wCAET;IAAE,CAACD,+BAA+B,EAAE;AAAO"}

package/dist/cjs/hooks/useDraggableWithDomApi/useDraggableWithDomApi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,2CAGzD,iBAAiB,CAAC,CAAC,CAAC,KAAG,YAqQzB,CAAC"}
+{"version":3,"file":"useDraggableWithDomApi.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAKV,YAAY,EACZ,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAajB,eAAO,MAAM,sBAAsB,GAAI,CAAC,SAAS,WAAW,2CAGzD,iBAAiB,CAAC,CAAC,CAAC,KAAG,YA2QzB,CAAC"}

package/dist/cjs/hooks/useDraggableWithDomApi/useDraggableWithDomApi.js

@@ -52,9 +52,12 @@ const useDraggableWithDomApi = ({ elRef: draggingElRef, onDragFinish })=>{
     const draggingItemRef = _react.useRef(null);
     const placeholderItemRef = _react.useRef(null);
     const siblingItemsRef = _react.useRef([]);
+    const itemsGapRef = _react.useRef(0);
     const initializeItems = (draggingEl)=>{
         const draggingElRect = (0, _dom.getBoundingClientRect)(draggingEl, true);
-        const { children } = draggingEl.parentElement || {
+        const parentElement = draggingEl.parentElement;
+        itemsGapRef.current = parentElement ? parseInt(parentElement.style.gridGap) : 0;
+        const { children } = parentElement || {
             children: []
         };
         Array.prototype.forEach.call(children, (el, index)=>{
@@ -86,7 +89,7 @@ const useDraggableWithDomApi = ({ elRef: draggingElRef, onDragFinish })=>{
         if (draggingItemRef.current) {
             (0, _utils.setInitialDraggingItemStyles)(draggingItemRef.current); // 2. repaint
         }
-        siblingItemsRef.current.forEach(_utils.setInitialSiblingItemStyles); // 2. repaint
+        siblingItemsRef.current.forEach((sibling)=>(0, _utils.setInitialSiblingItemStyles)(sibling, itemsGapRef.current)); // 2. repaint
     };
     const cleanupItems = ()=>{
         if (placeholderItemRef.current) {
@@ -159,8 +162,8 @@ const useDraggableWithDomApi = ({ elRef: draggingElRef, onDragFinish })=>{
         ];
     };
     const setShiftAndUnshiftItemStyles = (shiftItemEls, unshiftItemEls)=>{
-        shiftItemEls.forEach(_utils.setSiblingItemsShiftStyles);
-        unshiftItemEls.forEach(_utils.setSiblingItemsShiftStyles);
+        shiftItemEls.forEach((item)=>(0, _utils.setSiblingItemsShiftStyles)(item, itemsGapRef.current));
+        unshiftItemEls.forEach((item)=>(0, _utils.setSiblingItemsShiftStyles)(item, itemsGapRef.current));
     };
     const schedulingAutoScrollTimeoutIdRef = _react.useRef(null);
     const clearSchedulingAutoScrollTimeout = ()=>{

package/dist/cjs/hooks/useDraggableWithDomApi/useDraggableWithDomApi.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n  AUTO_SCROLL_START_DELAY,\n  DATA_DRAGGABLE_PLACEHOLDER_KEY,\n  ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n  Direction,\n  DraggingItem,\n  PlaceholderItem,\n  SiblingItem,\n  UseDraggable,\n  UseDraggableProps,\n} from './types';\nimport {\n  getTargetIsOverOrUnderElData,\n  setDraggingItemShiftStyles,\n  setInitialDraggingItemStyles,\n  setInitialPlaceholderItemStyles,\n  setInitialSiblingItemStyles,\n  setSiblingItemsShiftStyles,\n  unsetInitialDraggingItemStyles,\n  unsetInitialPlaceholderItemStyles,\n  unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n  elRef: draggingElRef,\n  onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n  const [dragging, setDragging] = React.useState(false);\n  const lastClientYRef = React.useRef(0);\n  const lastDragShiftYRef = React.useRef(0);\n\n  const scrollElRef = React.useRef<Element | Window | null>(null);\n  const lastScrollTopRef = React.useRef<number>(0);\n  const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> | null>(\n    null,\n  );\n  const initializeScrollRefs = (draggableEl: HTMLElement) => {\n    const node = getNearestOverflowAncestor(draggableEl);\n    if (node) {\n      scrollElRef.current = node;\n      lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n      scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n    }\n  };\n  const cleanupScrollRefs = () => {\n    lastScrollTopRef.current = 0;\n    scrollControllerRef.current?.stop();\n    scrollElRef.current = scrollControllerRef.current = null;\n  };\n\n  const lastDragDirectionRef = React.useRef<Direction | undefined>(undefined);\n  const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n    const shiftYDiff = prevShiftY - nextShiftY;\n    if (shiftYDiff < 0) {\n      return 'down';\n    }\n    if (shiftYDiff > 0) {\n      return 'up';\n    }\n    return lastDragDirectionRef.current;\n  };\n\n  const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const draggingItemRef = React.useRef<DraggingItem | null>(null);\n  const placeholderItemRef = React.useRef<PlaceholderItem | null>(null);\n  const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n  const initializeItems = (draggingEl: HTMLElement) => {\n    const draggingElRect = getBoundingClientRect(draggingEl, true);\n    const { children } = draggingEl.parentElement || { children: [] };\n    Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n      if (el === draggingEl) {\n        itemStartIndexRef.current = itemEndIndexRef.current = index;\n        draggingItemRef.current = { index, el, draggingElRect };\n      } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n        placeholderItemRef.current = { index, el, draggingElRect };\n      } else {\n        siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n      }\n    });\n    if (placeholderItemRef.current) {\n      setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(setInitialSiblingItemStyles); // 2. repaint\n  };\n  const cleanupItems = () => {\n    if (placeholderItemRef.current) {\n      unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n    siblingItemsRef.current = [];\n    placeholderItemRef.current = draggingItemRef.current = null;\n\n    const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n    itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n    return swappedItemIndexRange;\n  };\n  const getShiftAndUnshiftItemsPreparedData = (\n    clientY: number,\n  ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n    const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n    const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n    itemEndIndexRef.current = itemStartIndexRef.current;\n    siblingItemsRef.current.forEach((siblingItem) => {\n      const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n        clientY,\n        getBoundingClientRect(siblingItem.el),\n      );\n      if (itemStartIndexRef.current < siblingItem.index) {\n        if (isOverEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current + 1;\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            shiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n        if (isUnderEl) {\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            unshiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n      } else if (itemStartIndexRef.current > siblingItem.index) {\n        if (isUnderEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current - 1;\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            shiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n        if (isOverEl) {\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            unshiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n      }\n    });\n    return [shiftItemEls, unshiftItemEls];\n  };\n  const setShiftAndUnshiftItemStyles = (\n    shiftItemEls: Array<[SiblingItem, Direction]>,\n    unshiftItemEls: Array<[SiblingItem, Direction]>,\n  ) => {\n    shiftItemEls.forEach(setSiblingItemsShiftStyles);\n    unshiftItemEls.forEach(setSiblingItemsShiftStyles);\n  };\n\n  const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearSchedulingAutoScrollTimeout = () => {\n    if (schedulingAutoScrollTimeoutIdRef.current) {\n      clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n      schedulingAutoScrollTimeoutIdRef.current = null;\n    }\n  };\n  const tryAutoScroll = () => {\n    if (scrollControllerRef.current) {\n      scrollControllerRef.current.tryAutoScroll(() => {\n        return scrollElRef.current\n          ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n          : {\n              shouldScrolling: false,\n              y: 0,\n            };\n      });\n    }\n  };\n  const schedulingAutoScroll = () => {\n    clearSchedulingAutoScrollTimeout();\n    schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n      schedulingAutoScrollTimeoutIdRef.current = null;\n      tryAutoScroll();\n    }, AUTO_SCROLL_START_DELAY);\n  };\n\n  const onDragStart = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n  };\n\n  const onDragMove = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    const draggingEl = draggingElRef.current;\n\n    if (!draggingEl) {\n      return;\n    }\n\n    if (dragging) {\n      lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n      lastDragShiftYRef.current = event.shiftY;\n      lastClientYRef.current = event.clientY;\n\n      if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n      } else {\n        const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n          lastClientYRef.current,\n        );\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n        setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n        schedulingAutoScroll();\n      }\n    } else {\n      setDragging((prevDragging) => {\n        // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n        // `true`\n        if (prevDragging) {\n          return prevDragging;\n        }\n        initializeScrollRefs(draggingEl);\n        initializeItems(draggingEl);\n        return true;\n      });\n    }\n  };\n\n  const onDragEnd = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    clearSchedulingAutoScrollTimeout();\n    cleanupScrollRefs();\n\n    lastClientYRef.current = lastDragShiftYRef.current = 0;\n    lastDragDirectionRef.current = undefined;\n\n    if (dragging) {\n      const swappedItemRange = cleanupItems();\n      if (onDragFinish) {\n        onDragFinish(swappedItemRange);\n      }\n      setDragging(false);\n    }\n  };\n\n  const handleScroll = React.useCallback(() => {\n    if (!draggingElRef.current || !scrollElRef.current) {\n      return;\n    }\n\n    const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n    lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n    const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n    const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n    lastScrollTopRef.current = nextScrollTop;\n\n    const [shiftItemEls, unshiftItemEls] =\n      getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n    setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n  }, [draggingElRef]);\n\n  useIsomorphicLayoutEffect(\n    function recalculateOnScroll() {\n      const scrollEl = scrollElRef.current;\n      if (!dragging || !scrollEl) {\n        return;\n      }\n      scrollEl.addEventListener('scroll', handleScroll);\n      return () => {\n        if (scrollEl) {\n          scrollEl.removeEventListener('scroll', handleScroll);\n        }\n      };\n    },\n    [dragging, handleScroll],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function componentWillUnmount() {\n        if (placeholderItemRef.current) {\n          unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n        }\n      },\n    [],\n  );\n\n  return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","React","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","getNearestOverflowAncestor","current","getNodeScroll","scrollTop","createAutoScrollController","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","ITEM_INITIAL_INDEX","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","initializeItems","draggingEl","draggingElRect","getBoundingClientRect","children","parentElement","Array","prototype","forEach","call","el","index","getAttribute","DATA_DRAGGABLE_PLACEHOLDER_KEY","push","shifted","setInitialPlaceholderItemStyles","setInitialDraggingItemStyles","setInitialSiblingItemStyles","cleanupItems","unsetInitialPlaceholderItemStyles","unsetInitialDraggingItemStyles","unsetInitialSiblingItemStyles","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","getTargetIsOverOrUnderElData","setShiftAndUnshiftItemStyles","setSiblingItemsShiftStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","getAutoScrollingData","shouldScrolling","y","schedulingAutoScroll","setTimeout","AUTO_SCROLL_START_DELAY","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","setDraggingItemShiftStyles","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","useIsomorphicLayoutEffect","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n  AUTO_SCROLL_START_DELAY,\n  DATA_DRAGGABLE_PLACEHOLDER_KEY,\n  ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n  Direction,\n  DraggingItem,\n  PlaceholderItem,\n  SiblingItem,\n  UseDraggable,\n  UseDraggableProps,\n} from './types';\nimport {\n  getTargetIsOverOrUnderElData,\n  setDraggingItemShiftStyles,\n  setInitialDraggingItemStyles,\n  setInitialPlaceholderItemStyles,\n  setInitialSiblingItemStyles,\n  setSiblingItemsShiftStyles,\n  unsetInitialDraggingItemStyles,\n  unsetInitialPlaceholderItemStyles,\n  unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n  elRef: draggingElRef,\n  onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n  const [dragging, setDragging] = React.useState(false);\n  const lastClientYRef = React.useRef(0);\n  const lastDragShiftYRef = React.useRef(0);\n\n  const scrollElRef = React.useRef<Element | Window | null>(null);\n  const lastScrollTopRef = React.useRef<number>(0);\n  const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> | null>(\n    null,\n  );\n  const initializeScrollRefs = (draggableEl: HTMLElement) => {\n    const node = getNearestOverflowAncestor(draggableEl);\n    if (node) {\n      scrollElRef.current = node;\n      lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n      scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n    }\n  };\n  const cleanupScrollRefs = () => {\n    lastScrollTopRef.current = 0;\n    scrollControllerRef.current?.stop();\n    scrollElRef.current = scrollControllerRef.current = null;\n  };\n\n  const lastDragDirectionRef = React.useRef<Direction | undefined>(undefined);\n  const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n    const shiftYDiff = prevShiftY - nextShiftY;\n    if (shiftYDiff < 0) {\n      return 'down';\n    }\n    if (shiftYDiff > 0) {\n      return 'up';\n    }\n    return lastDragDirectionRef.current;\n  };\n\n  const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const draggingItemRef = React.useRef<DraggingItem | null>(null);\n  const placeholderItemRef = React.useRef<PlaceholderItem | null>(null);\n  const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n  const itemsGapRef = React.useRef<number>(0);\n  const initializeItems = (draggingEl: HTMLElement) => {\n    const draggingElRect = getBoundingClientRect(draggingEl, true);\n    const parentElement = draggingEl.parentElement;\n    itemsGapRef.current = parentElement ? parseInt(parentElement.style.gridGap) : 0;\n\n    const { children } = parentElement || { children: [] };\n    Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n      if (el === draggingEl) {\n        itemStartIndexRef.current = itemEndIndexRef.current = index;\n        draggingItemRef.current = { index, el, draggingElRect };\n      } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n        placeholderItemRef.current = { index, el, draggingElRect };\n      } else {\n        siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n      }\n    });\n    if (placeholderItemRef.current) {\n      setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach((sibling) =>\n      setInitialSiblingItemStyles(sibling, itemsGapRef.current),\n    ); // 2. repaint\n  };\n  const cleanupItems = () => {\n    if (placeholderItemRef.current) {\n      unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n    siblingItemsRef.current = [];\n    placeholderItemRef.current = draggingItemRef.current = null;\n\n    const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n    itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n    return swappedItemIndexRange;\n  };\n  const getShiftAndUnshiftItemsPreparedData = (\n    clientY: number,\n  ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n    const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n    const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n    itemEndIndexRef.current = itemStartIndexRef.current;\n    siblingItemsRef.current.forEach((siblingItem) => {\n      const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n        clientY,\n        getBoundingClientRect(siblingItem.el),\n      );\n      if (itemStartIndexRef.current < siblingItem.index) {\n        if (isOverEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current + 1;\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            shiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n        if (isUnderEl) {\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            unshiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n      } else if (itemStartIndexRef.current > siblingItem.index) {\n        if (isUnderEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current - 1;\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            shiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n        if (isOverEl) {\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            unshiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n      }\n    });\n    return [shiftItemEls, unshiftItemEls];\n  };\n  const setShiftAndUnshiftItemStyles = (\n    shiftItemEls: Array<[SiblingItem, Direction]>,\n    unshiftItemEls: Array<[SiblingItem, Direction]>,\n  ) => {\n    shiftItemEls.forEach((item) => setSiblingItemsShiftStyles(item, itemsGapRef.current));\n    unshiftItemEls.forEach((item) => setSiblingItemsShiftStyles(item, itemsGapRef.current));\n  };\n\n  const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearSchedulingAutoScrollTimeout = () => {\n    if (schedulingAutoScrollTimeoutIdRef.current) {\n      clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n      schedulingAutoScrollTimeoutIdRef.current = null;\n    }\n  };\n  const tryAutoScroll = () => {\n    if (scrollControllerRef.current) {\n      scrollControllerRef.current.tryAutoScroll(() => {\n        return scrollElRef.current\n          ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n          : {\n              shouldScrolling: false,\n              y: 0,\n            };\n      });\n    }\n  };\n  const schedulingAutoScroll = () => {\n    clearSchedulingAutoScrollTimeout();\n    schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n      schedulingAutoScrollTimeoutIdRef.current = null;\n      tryAutoScroll();\n    }, AUTO_SCROLL_START_DELAY);\n  };\n\n  const onDragStart = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n  };\n\n  const onDragMove = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    const draggingEl = draggingElRef.current;\n\n    if (!draggingEl) {\n      return;\n    }\n\n    if (dragging) {\n      lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n      lastDragShiftYRef.current = event.shiftY;\n      lastClientYRef.current = event.clientY;\n\n      if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n      } else {\n        const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n          lastClientYRef.current,\n        );\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n        setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n        schedulingAutoScroll();\n      }\n    } else {\n      setDragging((prevDragging) => {\n        // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n        // `true`\n        if (prevDragging) {\n          return prevDragging;\n        }\n        initializeScrollRefs(draggingEl);\n        initializeItems(draggingEl);\n        return true;\n      });\n    }\n  };\n\n  const onDragEnd = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    clearSchedulingAutoScrollTimeout();\n    cleanupScrollRefs();\n\n    lastClientYRef.current = lastDragShiftYRef.current = 0;\n    lastDragDirectionRef.current = undefined;\n\n    if (dragging) {\n      const swappedItemRange = cleanupItems();\n      if (onDragFinish) {\n        onDragFinish(swappedItemRange);\n      }\n      setDragging(false);\n    }\n  };\n\n  const handleScroll = React.useCallback(() => {\n    if (!draggingElRef.current || !scrollElRef.current) {\n      return;\n    }\n\n    const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n    lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n    const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n    const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n    lastScrollTopRef.current = nextScrollTop;\n\n    const [shiftItemEls, unshiftItemEls] =\n      getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n    setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n  }, [draggingElRef]);\n\n  useIsomorphicLayoutEffect(\n    function recalculateOnScroll() {\n      const scrollEl = scrollElRef.current;\n      if (!dragging || !scrollEl) {\n        return;\n      }\n      scrollEl.addEventListener('scroll', handleScroll);\n      return () => {\n        if (scrollEl) {\n          scrollEl.removeEventListener('scroll', handleScroll);\n        }\n      };\n    },\n    [dragging, handleScroll],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function componentWillUnmount() {\n        if (placeholderItemRef.current) {\n          unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n        }\n      },\n    [],\n  );\n\n  return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","React","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","getNearestOverflowAncestor","current","getNodeScroll","scrollTop","createAutoScrollController","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","ITEM_INITIAL_INDEX","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","itemsGapRef","initializeItems","draggingEl","draggingElRect","getBoundingClientRect","parentElement","parseInt","style","gridGap","children","Array","prototype","forEach","call","el","index","getAttribute","DATA_DRAGGABLE_PLACEHOLDER_KEY","push","shifted","setInitialPlaceholderItemStyles","setInitialDraggingItemStyles","sibling","setInitialSiblingItemStyles","cleanupItems","unsetInitialPlaceholderItemStyles","unsetInitialDraggingItemStyles","unsetInitialSiblingItemStyles","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","getTargetIsOverOrUnderElData","setShiftAndUnshiftItemStyles","item","setSiblingItemsShiftStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","getAutoScrollingData","shouldScrolling","y","schedulingAutoScroll","setTimeout","AUTO_SCROLL_START_DELAY","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","setDraggingItemShiftStyles","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","useIsomorphicLayoutEffect","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":"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"}

package/dist/cjs/hooks/useDraggableWithDomApi/utils.d.ts

@@ -4,11 +4,11 @@ export declare const getTargetIsOverOrUnderElData: (clientY: number, elRect: DOM
     isOverEl: boolean;
 };
 export declare const setDraggingItemShiftStyles: (draggingEl: HTMLElement, nextShiftY: number) => void;
-export declare const setSiblingItemsShiftStyles: ([{ el, draggingElRect: { height }, }, direction,]: [Omit<SiblingItem, "shifted">, Direction]) => void;
+export declare const setSiblingItemsShiftStyles: ([{ el, draggingElRect: { height }, }, direction,]: [Omit<SiblingItem, "shifted">, Direction], additionalGap?: number) => void;
 export declare const setInitialDraggingItemStyles: ({ el, draggingElRect }: DraggingItem) => void;
 export declare const unsetInitialDraggingItemStyles: ({ el }: DraggingItem) => void;
 export declare const setInitialPlaceholderItemStyles: ({ el, draggingElRect }: PlaceholderItem) => void;
 export declare const unsetInitialPlaceholderItemStyles: ({ el }: PlaceholderItem) => void;
-export declare const setInitialSiblingItemStyles: ({ el, shifted, draggingElRect }: SiblingItem) => void;
+export declare const setInitialSiblingItemStyles: ({ el, shifted, draggingElRect }: SiblingItem, additionalGap?: number) => void;
 export declare const unsetInitialSiblingItemStyles: ({ el }: Omit<SiblingItem, "shifted">) => void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/cjs/hooks/useDraggableWithDomApi/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAAa,MAAM,UAAU,OAAO;;;CAM5E,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,SAIrF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAMpC,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,SAU3C,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,SAchF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,SAYlE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,SAWtF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,SAIxE,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCAAqC,WAAW,SAUvF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,SAMjF,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAErF,eAAO,MAAM,4BAA4B,YAC9B,MAAM,UACP,OAAO,KACd;IACD,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;CAOnB,CAAC;AAEF,eAAO,MAAM,0BAA0B,eAAgB,WAAW,cAAc,MAAM,KAAG,IAIxF,CAAC;AAEF,eAAO,MAAM,0BAA0B,sDAOlC,CAAC,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,SAAS,CAAC,6BAE3C,IAUF,CAAC;AAEF,eAAO,MAAM,4BAA4B,2BAA4B,YAAY,KAAG,IAcnF,CAAC;AAEF,eAAO,MAAM,8BAA8B,WAAY,YAAY,KAAG,IAYrE,CAAC;AAEF,eAAO,MAAM,+BAA+B,2BAA4B,eAAe,KAAG,IAYzF,CAAC;AAEF,eAAO,MAAM,iCAAiC,WAAY,eAAe,KAAG,IAM3E,CAAC;AAEF,eAAO,MAAM,2BAA2B,oCACL,WAAW,6BAE3C,IAUF,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,KAAG,IAMpF,CAAC"}

package/dist/cjs/hooks/useDraggableWithDomApi/utils.js

@@ -49,14 +49,14 @@ const setDraggingItemShiftStyles = (draggingEl, nextShiftY)=>{
         draggingEl.style.transform = `translateY(${nextShiftY}px)`;
     });
 };
-const setSiblingItemsShiftStyles = ([{ el, draggingElRect: { height } }, direction])=>{
+const setSiblingItemsShiftStyles = ([{ el, draggingElRect: { height } }, direction], additionalGap = 0)=>{
     requestAnimationFrame(()=>{
         if (direction === 'up') {
             el.style.setProperty('transition', 'transform 0.3s ease-in 0s');
             el.style.removeProperty('transform');
         } else {
             el.style.setProperty('transition', 'transform 0.3s ease-out 0s');
-            el.style.setProperty('transform', `translateY(${height}px)`);
+            el.style.setProperty('transform', `translateY(${height + additionalGap}px)`);
         }
     });
 };
@@ -99,19 +99,22 @@ const setInitialPlaceholderItemStyles = ({ el, draggingElRect })=>{
     node.style.setProperty('height', `${height}px`);
     node.style.setProperty('pointer-events', 'none');
     el.appendChild(node);
+    el.style.setProperty('display', 'block');
 };
 const unsetInitialPlaceholderItemStyles = ({ el })=>{
+    el.style.display = '';
+    el.removeAttribute('style');
     if (el.firstElementChild) {
         el.firstElementChild.remove();
     }
 };
-const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect })=>{
+const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect }, additionalGap = 0)=>{
     const { height } = draggingElRect;
     requestAnimationFrame(()=>{
         el.style.setProperty('pointer-events', 'none');
         el.style.setProperty('transition', 'none 0s ease 0s');
         if (shifted) {
-            el.style.setProperty('transform', `translateY(${height}px)`);
+            el.style.setProperty('transform', `translateY(${height + additionalGap}px)`);
         }
     });
 };

package/dist/cjs/hooks/useDraggableWithDomApi/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"sourcesContent":["import type { Direction, DraggingItem, PlaceholderItem, SiblingItem } from './types';\n\nexport const getTargetIsOverOrUnderElData = (clientY: number, elRect: DOMRect) => {\n  const elRectHalfHeight = elRect.height / 2;\n  return {\n    isUnderEl: clientY <= elRect.bottom - elRectHalfHeight,\n    isOverEl: clientY >= elRect.top + elRectHalfHeight,\n  };\n};\n\nexport const setDraggingItemShiftStyles = (draggingEl: HTMLElement, nextShiftY: number) => {\n  requestAnimationFrame(() => {\n    draggingEl.style.transform = `translateY(${nextShiftY}px)`;\n  });\n};\n\nexport const setSiblingItemsShiftStyles = ([\n  {\n    el,\n    draggingElRect: { height },\n  },\n  direction,\n]: [Omit<SiblingItem, 'shifted'>, Direction]) => {\n  requestAnimationFrame(() => {\n    if (direction === 'up') {\n      el.style.setProperty('transition', 'transform 0.3s ease-in 0s');\n      el.style.removeProperty('transform');\n    } else {\n      el.style.setProperty('transition', 'transform 0.3s ease-out 0s');\n      el.style.setProperty('transform', `translateY(${height}px)`);\n    }\n  });\n};\n\nexport const setInitialDraggingItemStyles = ({ el, draggingElRect }: DraggingItem) => {\n  const { top, left, width, height } = draggingElRect;\n  requestAnimationFrame(() => {\n    // Inspired by https://github.com/hello-pangea/dnd\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('position', 'fixed');\n    el.style.setProperty('top', `${top}px`);\n    el.style.setProperty('left', `${left}px`);\n    el.style.setProperty('width', `${width}px`);\n    el.style.setProperty('height', `${height}px`);\n    el.style.setProperty('z-index', 'var(--vkui_internal--z_index_cell_dragging)');\n    el.style.setProperty('box-sizing', 'border-box');\n    el.style.setProperty('transform', 'translateY(0)');\n  });\n};\n\nexport const unsetInitialDraggingItemStyles = ({ el }: DraggingItem) => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('position');\n    el.style.removeProperty('top');\n    el.style.removeProperty('left');\n    el.style.removeProperty('width');\n    el.style.removeProperty('height');\n    el.style.removeProperty('z-index');\n    el.style.removeProperty('box-sizing');\n    el.style.removeProperty('transform');\n  });\n};\n\nexport const setInitialPlaceholderItemStyles = ({ el, draggingElRect }: PlaceholderItem) => {\n  if (el.firstElementChild) {\n    return;\n  }\n  const { width, height } = draggingElRect;\n  const node = el.cloneNode() as HTMLElement;\n  node.style.setProperty('display', 'block');\n  node.style.setProperty('width', `${width}px`);\n  node.style.setProperty('height', `${height}px`);\n  node.style.setProperty('pointer-events', 'none');\n  el.appendChild(node);\n};\n\nexport const unsetInitialPlaceholderItemStyles = ({ el }: PlaceholderItem) => {\n  if (el.firstElementChild) {\n    el.firstElementChild.remove();\n  }\n};\n\nexport const setInitialSiblingItemStyles = ({ el, shifted, draggingElRect }: SiblingItem) => {\n  const { height } = draggingElRect;\n  requestAnimationFrame(() => {\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('transition', 'none 0s ease 0s');\n\n    if (shifted) {\n      el.style.setProperty('transform', `translateY(${height}px)`);\n    }\n  });\n};\n\nexport const unsetInitialSiblingItemStyles = ({ el }: Omit<SiblingItem, 'shifted'>) => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('transition');\n    el.style.removeProperty('transform');\n  });\n};\n"],"names":["getTargetIsOverOrUnderElData","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","draggingEl","nextShiftY","requestAnimationFrame","style","transform","el","draggingElRect","direction","setProperty","removeProperty","left","width","firstElementChild","node","cloneNode","appendChild","remove","shifted"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/utils.ts"],"sourcesContent":["import type { Direction, DraggingItem, PlaceholderItem, SiblingItem } from './types';\n\nexport const getTargetIsOverOrUnderElData = (\n  clientY: number,\n  elRect: DOMRect,\n): {\n  isUnderEl: boolean;\n  isOverEl: boolean;\n} => {\n  const elRectHalfHeight = elRect.height / 2;\n  return {\n    isUnderEl: clientY <= elRect.bottom - elRectHalfHeight,\n    isOverEl: clientY >= elRect.top + elRectHalfHeight,\n  };\n};\n\nexport const setDraggingItemShiftStyles = (draggingEl: HTMLElement, nextShiftY: number): void => {\n  requestAnimationFrame(() => {\n    draggingEl.style.transform = `translateY(${nextShiftY}px)`;\n  });\n};\n\nexport const setSiblingItemsShiftStyles = (\n  [\n    {\n      el,\n      draggingElRect: { height },\n    },\n    direction,\n  ]: [Omit<SiblingItem, 'shifted'>, Direction],\n  additionalGap = 0,\n): void => {\n  requestAnimationFrame(() => {\n    if (direction === 'up') {\n      el.style.setProperty('transition', 'transform 0.3s ease-in 0s');\n      el.style.removeProperty('transform');\n    } else {\n      el.style.setProperty('transition', 'transform 0.3s ease-out 0s');\n      el.style.setProperty('transform', `translateY(${height + additionalGap}px)`);\n    }\n  });\n};\n\nexport const setInitialDraggingItemStyles = ({ el, draggingElRect }: DraggingItem): void => {\n  const { top, left, width, height } = draggingElRect;\n  requestAnimationFrame(() => {\n    // Inspired by https://github.com/hello-pangea/dnd\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('position', 'fixed');\n    el.style.setProperty('top', `${top}px`);\n    el.style.setProperty('left', `${left}px`);\n    el.style.setProperty('width', `${width}px`);\n    el.style.setProperty('height', `${height}px`);\n    el.style.setProperty('z-index', 'var(--vkui_internal--z_index_cell_dragging)');\n    el.style.setProperty('box-sizing', 'border-box');\n    el.style.setProperty('transform', 'translateY(0)');\n  });\n};\n\nexport const unsetInitialDraggingItemStyles = ({ el }: DraggingItem): void => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('position');\n    el.style.removeProperty('top');\n    el.style.removeProperty('left');\n    el.style.removeProperty('width');\n    el.style.removeProperty('height');\n    el.style.removeProperty('z-index');\n    el.style.removeProperty('box-sizing');\n    el.style.removeProperty('transform');\n  });\n};\n\nexport const setInitialPlaceholderItemStyles = ({ el, draggingElRect }: PlaceholderItem): void => {\n  if (el.firstElementChild) {\n    return;\n  }\n  const { width, height } = draggingElRect;\n  const node = el.cloneNode() as HTMLElement;\n  node.style.setProperty('display', 'block');\n  node.style.setProperty('width', `${width}px`);\n  node.style.setProperty('height', `${height}px`);\n  node.style.setProperty('pointer-events', 'none');\n  el.appendChild(node);\n  el.style.setProperty('display', 'block');\n};\n\nexport const unsetInitialPlaceholderItemStyles = ({ el }: PlaceholderItem): void => {\n  el.style.display = '';\n  el.removeAttribute('style');\n  if (el.firstElementChild) {\n    el.firstElementChild.remove();\n  }\n};\n\nexport const setInitialSiblingItemStyles = (\n  { el, shifted, draggingElRect }: SiblingItem,\n  additionalGap = 0,\n): void => {\n  const { height } = draggingElRect;\n  requestAnimationFrame(() => {\n    el.style.setProperty('pointer-events', 'none');\n    el.style.setProperty('transition', 'none 0s ease 0s');\n\n    if (shifted) {\n      el.style.setProperty('transform', `translateY(${height + additionalGap}px)`);\n    }\n  });\n};\n\nexport const unsetInitialSiblingItemStyles = ({ el }: Omit<SiblingItem, 'shifted'>): void => {\n  requestAnimationFrame(() => {\n    el.style.removeProperty('pointer-events');\n    el.style.removeProperty('transition');\n    el.style.removeProperty('transform');\n  });\n};\n"],"names":["getTargetIsOverOrUnderElData","setDraggingItemShiftStyles","setInitialDraggingItemStyles","setInitialPlaceholderItemStyles","setInitialSiblingItemStyles","setSiblingItemsShiftStyles","unsetInitialDraggingItemStyles","unsetInitialPlaceholderItemStyles","unsetInitialSiblingItemStyles","clientY","elRect","elRectHalfHeight","height","isUnderEl","bottom","isOverEl","top","draggingEl","nextShiftY","requestAnimationFrame","style","transform","el","draggingElRect","direction","additionalGap","setProperty","removeProperty","left","width","firstElementChild","node","cloneNode","appendChild","display","removeAttribute","remove","shifted"],"mappings":"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"}

package/dist/cjs/hooks/useEffectDev.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEffectDev.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEffectDev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,eAAO,MAAM,YAAY,kBAA4D,CAAC"}
+{"version":3,"file":"useEffectDev.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEffectDev.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,eAAO,MAAM,YAAY,EAAE,OAAO,SACyB,CAAC"}