@deephaven/components 0.22.3-deep-bot-test.14 → 0.23.0

package/dist/DateInputUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInputUtils.js","names":["getNextNumberSegmentValue","delta","segmentValue","lowerBound","upperBound","length","modValue","newSegmentValue","parseInt","padStart","getNextSegmentValue","range","selectionStart"],"sources":["../src/DateInputUtils.ts"],"sourcesContent":["import { SelectionSegment } from './MaskedInput';\n\nexport function getNextNumberSegmentValue(\n  delta: number,\n  segmentValue: string,\n  lowerBound: number,\n  upperBound: number,\n  length: number\n): string {\n  const modValue = upperBound - lowerBound + 1;\n  const newSegmentValue =\n    ((((parseInt(segmentValue, 10) - delta - lowerBound) % modValue) +\n      modValue) %\n      modValue) +\n    lowerBound;\n  return `${newSegmentValue}`.padStart(length, '0');\n}\n\nexport function getNextSegmentValue(\n  range: SelectionSegment,\n  delta: number,\n  segmentValue: string\n): string {\n  const { selectionStart } = range;\n  if (selectionStart === 0) {\n    return getNextNumberSegmentValue(delta, segmentValue, 1900, 2099, 4);\n  }\n  if (selectionStart === 5) {\n    return getNextNumberSegmentValue(delta, segmentValue, 1, 12, 2);\n  }\n  if (selectionStart === 8) {\n    return getNextNumberSegmentValue(delta, segmentValue, 1, 31, 2);\n  }\n  if (selectionStart === 11) {\n    // Hours input\n    return getNextNumberSegmentValue(delta, segmentValue, 0, 23, 2);\n  }\n  if (selectionStart === 17 || selectionStart === 14) {\n    // Minutes/seconds input\n    return getNextNumberSegmentValue(delta, segmentValue, 0, 59, 2);\n  }\n  if (selectionStart === 20 || selectionStart === 24 || selectionStart === 28) {\n    // Milli, micro, and nanosecond input\n    return getNextNumberSegmentValue(delta, segmentValue, 0, 999, 3);\n  }\n\n  return segmentValue;\n}\n"],"mappings":"AAEA,OAAO,SAASA,yBAAT,CACLC,KADK,EAELC,YAFK,EAGLC,UAHK,EAILC,UAJK,EAKLC,MALK,EAMG;EACR,IAAMC,QAAQ,GAAGF,UAAU,GAAGD,UAAb,GAA0B,CAA3C;EACA,IAAMI,eAAe,GAClB,CAAE,CAACC,QAAQ,CAACN,YAAD,EAAe,EAAf,CAAR,GAA6BD,KAA7B,GAAqCE,UAAtC,IAAoDG,QAArD,GACAA,QADD,IAECA,QAFF,GAGAH,UAJF;EAKA,OAAO,UAAGI,eAAH,EAAqBE,QAArB,CAA8BJ,MAA9B,EAAsC,GAAtC,CAAP;AACD;AAED,OAAO,SAASK,mBAAT,CACLC,KADK,EAELV,KAFK,EAGLC,YAHK,EAIG;EACR,IAAM;IAAEU;EAAF,IAAqBD,KAA3B;;EACA,IAAIC,cAAc,KAAK,CAAvB,EAA0B;IACxB,OAAOZ,yBAAyB,CAACC,KAAD,EAAQC,YAAR,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,CAAlC,CAAhC;EACD;;EACD,IAAIU,cAAc,KAAK,CAAvB,EAA0B;IACxB,OAAOZ,yBAAyB,CAACC,KAAD,EAAQC,YAAR,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,CAAhC;EACD;;EACD,IAAIU,cAAc,KAAK,CAAvB,EAA0B;IACxB,OAAOZ,yBAAyB,CAACC,KAAD,EAAQC,YAAR,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,CAAhC;EACD;;EACD,IAAIU,cAAc,KAAK,EAAvB,EAA2B;IACzB;IACA,OAAOZ,yBAAyB,CAACC,KAAD,EAAQC,YAAR,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,CAAhC;EACD;;EACD,IAAIU,cAAc,KAAK,EAAnB,IAAyBA,cAAc,KAAK,EAAhD,EAAoD;IAClD;IACA,OAAOZ,yBAAyB,CAACC,KAAD,EAAQC,YAAR,EAAsB,CAAtB,EAAyB,EAAzB,EAA6B,CAA7B,CAAhC;EACD;;EACD,IAAIU,cAAc,KAAK,EAAnB,IAAyBA,cAAc,KAAK,EAA5C,IAAkDA,cAAc,KAAK,EAAzE,EAA6E;IAC3E;IACA,OAAOZ,yBAAyB,CAACC,KAAD,EAAQC,YAAR,EAAsB,CAAtB,EAAyB,GAAzB,EAA8B,CAA9B,CAAhC;EACD;;EAED,OAAOA,YAAP;AACD"}
+{"version":3,"file":"DateInputUtils.js","names":["getNextNumberSegmentValue","delta","segmentValue","lowerBound","upperBound","length","modValue","newSegmentValue","parseInt","padStart","getNextSegmentValue","range","selectionStart"],"sources":["../src/DateInputUtils.ts"],"sourcesContent":["import { SelectionSegment } from './MaskedInput';\n\nexport function getNextNumberSegmentValue(\n  delta: number,\n  segmentValue: string,\n  lowerBound: number,\n  upperBound: number,\n  length: number\n): string {\n  const modValue = upperBound - lowerBound + 1;\n  const newSegmentValue =\n    ((((parseInt(segmentValue, 10) - delta - lowerBound) % modValue) +\n      modValue) %\n      modValue) +\n    lowerBound;\n  return `${newSegmentValue}`.padStart(length, '0');\n}\n\nexport function getNextSegmentValue(\n  range: SelectionSegment,\n  delta: number,\n  segmentValue: string\n): string {\n  const { selectionStart } = range;\n  if (selectionStart === 0) {\n    return getNextNumberSegmentValue(delta, segmentValue, 1900, 2099, 4);\n  }\n  if (selectionStart === 5) {\n    return getNextNumberSegmentValue(delta, segmentValue, 1, 12, 2);\n  }\n  if (selectionStart === 8) {\n    return getNextNumberSegmentValue(delta, segmentValue, 1, 31, 2);\n  }\n  if (selectionStart === 11) {\n    // Hours input\n    return getNextNumberSegmentValue(delta, segmentValue, 0, 23, 2);\n  }\n  if (selectionStart === 17 || selectionStart === 14) {\n    // Minutes/seconds input\n    return getNextNumberSegmentValue(delta, segmentValue, 0, 59, 2);\n  }\n  if (selectionStart === 20 || selectionStart === 24 || selectionStart === 28) {\n    // Milli, micro, and nanosecond input\n    return getNextNumberSegmentValue(delta, segmentValue, 0, 999, 3);\n  }\n\n  return segmentValue;\n}\n"],"mappings":"AAEA,OAAO,SAASA,yBAAyB,CACvCC,KAAa,EACbC,YAAoB,EACpBC,UAAkB,EAClBC,UAAkB,EAClBC,MAAc,EACN;EACR,IAAMC,QAAQ,GAAGF,UAAU,GAAGD,UAAU,GAAG,CAAC;EAC5C,IAAMI,eAAe,GAClB,CAAE,CAACC,QAAQ,CAACN,YAAY,EAAE,EAAE,CAAC,GAAGD,KAAK,GAAGE,UAAU,IAAIG,QAAQ,GAC7DA,QAAQ,IACRA,QAAQ,GACVH,UAAU;EACZ,OAAO,UAAGI,eAAe,EAAGE,QAAQ,CAACJ,MAAM,EAAE,GAAG,CAAC;AACnD;AAEA,OAAO,SAASK,mBAAmB,CACjCC,KAAuB,EACvBV,KAAa,EACbC,YAAoB,EACZ;EACR,IAAM;IAAEU;EAAe,CAAC,GAAGD,KAAK;EAChC,IAAIC,cAAc,KAAK,CAAC,EAAE;IACxB,OAAOZ,yBAAyB,CAACC,KAAK,EAAEC,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;EACtE;EACA,IAAIU,cAAc,KAAK,CAAC,EAAE;IACxB,OAAOZ,yBAAyB,CAACC,KAAK,EAAEC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EACjE;EACA,IAAIU,cAAc,KAAK,CAAC,EAAE;IACxB,OAAOZ,yBAAyB,CAACC,KAAK,EAAEC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EACjE;EACA,IAAIU,cAAc,KAAK,EAAE,EAAE;IACzB;IACA,OAAOZ,yBAAyB,CAACC,KAAK,EAAEC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EACjE;EACA,IAAIU,cAAc,KAAK,EAAE,IAAIA,cAAc,KAAK,EAAE,EAAE;IAClD;IACA,OAAOZ,yBAAyB,CAACC,KAAK,EAAEC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;EACjE;EACA,IAAIU,cAAc,KAAK,EAAE,IAAIA,cAAc,KAAK,EAAE,IAAIA,cAAc,KAAK,EAAE,EAAE;IAC3E;IACA,OAAOZ,yBAAyB,CAACC,KAAK,EAAEC,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;EAClE;EAEA,OAAOA,YAAY;AACrB"}

package/dist/DateTimeInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type DateTimeInputProps = {
+type DateTimeInputProps = {
     className?: string;
     onChange?(value?: string): void;
     defaultValue?: string;

package/dist/DateTimeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../src/DateTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAmBrD,aAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOxD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKnD;AAMD,QAAA,MAAM,aAAa,6FAuDlB,CAAC;AAaF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"DateTimeInput.d.ts","sourceRoot":"","sources":["../src/DateTimeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAmBrD,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOxD;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKnD;AAMD,QAAA,MAAM,aAAa,6FAuDlB,CAAC;AAaF,eAAe,aAAa,CAAC"}

package/dist/DateTimeInput.js

@@ -3,11 +3,12 @@ import classNames from 'classnames';
 import Log from '@deephaven/log';
 import MaskedInput from "./MaskedInput.js";
 import { getNextSegmentValue } from "./DateInputUtils.js";
-var log = Log.module('DateTimeInput'); // This could be more restrictive and restrict days to the number of days in the month...
-// But then gotta take leap year into account and everything.
-
-var DATE_PATTERN = '[12][0-9]{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])'; // Put zero width spaces in the nanosecond part of the date to allow jumping between segments
+var log = Log.module('DateTimeInput');
 
+// This could be more restrictive and restrict days to the number of days in the month...
+// But then gotta take leap year into account and everything.
+var DATE_PATTERN = '[12][0-9]{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])';
+// Put zero width spaces in the nanosecond part of the date to allow jumping between segments
 var TIME_PATTERN = '([01][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]\\.[0-9]{3}\u200B[0-9]{3}\u200B[0-9]{3}';
 var FULL_DATE_PATTERN = "".concat(DATE_PATTERN, " ").concat(TIME_PATTERN);
 var DATE_VALUE_STRING = '2022-01-01';
@@ -17,7 +18,6 @@ export function fixIncompleteValue(value) {
   if (value != null && value.length >= DATE_VALUE_STRING.length) {
     return "".concat(value.substring(0, DATE_VALUE_STRING.length)).concat(value.substring(DATE_VALUE_STRING.length).replace(/\u2007/g, '0')).concat(DEFAULT_VALUE_STRING.substring(value.length));
   }
-
   return value;
 }
 export function addSeparators(value) {
@@ -26,9 +26,7 @@ export function addSeparators(value) {
   var nanos = value.substring(26);
   return [dateTimeMillis, micros, nanos].filter(v => v !== '').join('\u200B');
 }
-
 var removeSeparators = value => value.replace(/\u200B/g, '');
-
 var EXAMPLES = [addSeparators(DEFAULT_VALUE_STRING)];
 var DateTimeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   var {
@@ -48,13 +46,12 @@ var DateTimeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   }, [onChange]);
   var handleBlur = useCallback(() => {
     var prevValue = removeSeparators(value);
-    var fixedValue = fixIncompleteValue(prevValue); // Update the value displayed in the input
+    var fixedValue = fixIncompleteValue(prevValue);
+    // Update the value displayed in the input
     // onChange with the fixed value already triggered in handleChange
-
     if (fixedValue !== prevValue) {
       setValue(addSeparators(fixedValue));
     }
-
     onBlur();
   }, [value, onBlur]);
   return /*#__PURE__*/React.createElement("div", {

package/dist/DateTimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeInput.js","names":["React","useCallback","useState","classNames","Log","MaskedInput","getNextSegmentValue","log","module","DATE_PATTERN","TIME_PATTERN","FULL_DATE_PATTERN","DATE_VALUE_STRING","DEFAULT_VALUE_STRING","FULL_DATE_FORMAT","fixIncompleteValue","value","length","substring","replace","addSeparators","dateTimeMillis","micros","nanos","filter","v","join","removeSeparators","EXAMPLES","DateTimeInput","forwardRef","props","ref","className","onChange","undefined","defaultValue","onFocus","onBlur","dataTestId","setValue","selection","setSelection","handleChange","newValue","debug","handleBlur","prevValue","fixedValue","displayName","defaultProps"],"sources":["../src/DateTimeInput.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport MaskedInput, { SelectionSegment } from './MaskedInput';\nimport { getNextSegmentValue } from './DateInputUtils';\n\nconst log = Log.module('DateTimeInput');\n\n// This could be more restrictive and restrict days to the number of days in the month...\n// But then gotta take leap year into account and everything.\nconst DATE_PATTERN = '[12][0-9]{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])';\n// Put zero width spaces in the nanosecond part of the date to allow jumping between segments\nconst TIME_PATTERN =\n  '([01][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]\\\\.[0-9]{3}\\u200B[0-9]{3}\\u200B[0-9]{3}';\nconst FULL_DATE_PATTERN = `${DATE_PATTERN} ${TIME_PATTERN}`;\nconst DATE_VALUE_STRING = '2022-01-01';\nconst DEFAULT_VALUE_STRING = `${DATE_VALUE_STRING} 00:00:00.000000000`;\nconst FULL_DATE_FORMAT = 'YYYY-MM-DD HH:MM:SS.SSSSSSSSS';\n\ntype DateTimeInputProps = {\n  className?: string;\n  onChange?(value?: string): void;\n  defaultValue?: string;\n  onFocus?(): void;\n  onBlur?(): void;\n  'data-testid'?: string;\n};\n\nexport function fixIncompleteValue(value: string): string {\n  if (value != null && value.length >= DATE_VALUE_STRING.length) {\n    return `${value.substring(0, DATE_VALUE_STRING.length)}${value\n      .substring(DATE_VALUE_STRING.length)\n      .replace(/\\u2007/g, '0')}${DEFAULT_VALUE_STRING.substring(value.length)}`;\n  }\n  return value;\n}\n\nexport function addSeparators(value: string): string {\n  const dateTimeMillis = value.substring(0, 23);\n  const micros = value.substring(23, 26);\n  const nanos = value.substring(26);\n  return [dateTimeMillis, micros, nanos].filter(v => v !== '').join('\\u200B');\n}\n\nconst removeSeparators = (value: string) => value.replace(/\\u200B/g, '');\n\nconst EXAMPLES = [addSeparators(DEFAULT_VALUE_STRING)];\n\nconst DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputProps>(\n  (props: DateTimeInputProps, ref) => {\n    const {\n      className = '',\n      onChange = () => undefined,\n      defaultValue = '',\n      onFocus = () => undefined,\n      onBlur = () => undefined,\n      'data-testid': dataTestId,\n    } = props;\n    const [value, setValue] = useState(\n      defaultValue.length > 0 ? addSeparators(defaultValue) : ''\n    );\n    const [selection, setSelection] = useState<SelectionSegment>();\n\n    const handleChange = useCallback(\n      (newValue: string): void => {\n        log.debug('handleChange', newValue);\n        setValue(newValue);\n        onChange(fixIncompleteValue(removeSeparators(newValue)));\n      },\n      [onChange]\n    );\n\n    const handleBlur = useCallback((): void => {\n      const prevValue = removeSeparators(value);\n      const fixedValue = fixIncompleteValue(prevValue);\n      // Update the value displayed in the input\n      // onChange with the fixed value already triggered in handleChange\n      if (fixedValue !== prevValue) {\n        setValue(addSeparators(fixedValue));\n      }\n      onBlur();\n    }, [value, onBlur]);\n\n    return (\n      <div className=\"d-flex flex-row align-items-center\">\n        <MaskedInput\n          ref={ref}\n          className={classNames(className)}\n          example={EXAMPLES}\n          getNextSegmentValue={getNextSegmentValue}\n          onChange={handleChange}\n          onSelect={setSelection}\n          pattern={FULL_DATE_PATTERN}\n          placeholder={FULL_DATE_FORMAT}\n          selection={selection}\n          value={value}\n          onFocus={onFocus}\n          onBlur={handleBlur}\n          data-testid={dataTestId}\n        />\n      </div>\n    );\n  }\n);\n\nDateTimeInput.displayName = 'DateTimeInput';\n\nDateTimeInput.defaultProps = {\n  className: '',\n  onChange: () => undefined,\n  defaultValue: '',\n  onFocus: () => undefined,\n  onBlur: () => undefined,\n  'data-testid': undefined,\n};\n\nexport default DateTimeInput;\n"],"mappings":"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"}
+{"version":3,"file":"DateTimeInput.js","names":["React","useCallback","useState","classNames","Log","MaskedInput","getNextSegmentValue","log","module","DATE_PATTERN","TIME_PATTERN","FULL_DATE_PATTERN","DATE_VALUE_STRING","DEFAULT_VALUE_STRING","FULL_DATE_FORMAT","fixIncompleteValue","value","length","substring","replace","addSeparators","dateTimeMillis","micros","nanos","filter","v","join","removeSeparators","EXAMPLES","DateTimeInput","forwardRef","props","ref","className","onChange","undefined","defaultValue","onFocus","onBlur","dataTestId","setValue","selection","setSelection","handleChange","newValue","debug","handleBlur","prevValue","fixedValue","displayName","defaultProps"],"sources":["../src/DateTimeInput.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport classNames from 'classnames';\nimport Log from '@deephaven/log';\nimport MaskedInput, { SelectionSegment } from './MaskedInput';\nimport { getNextSegmentValue } from './DateInputUtils';\n\nconst log = Log.module('DateTimeInput');\n\n// This could be more restrictive and restrict days to the number of days in the month...\n// But then gotta take leap year into account and everything.\nconst DATE_PATTERN = '[12][0-9]{3}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])';\n// Put zero width spaces in the nanosecond part of the date to allow jumping between segments\nconst TIME_PATTERN =\n  '([01][0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]\\\\.[0-9]{3}\\u200B[0-9]{3}\\u200B[0-9]{3}';\nconst FULL_DATE_PATTERN = `${DATE_PATTERN} ${TIME_PATTERN}`;\nconst DATE_VALUE_STRING = '2022-01-01';\nconst DEFAULT_VALUE_STRING = `${DATE_VALUE_STRING} 00:00:00.000000000`;\nconst FULL_DATE_FORMAT = 'YYYY-MM-DD HH:MM:SS.SSSSSSSSS';\n\ntype DateTimeInputProps = {\n  className?: string;\n  onChange?(value?: string): void;\n  defaultValue?: string;\n  onFocus?(): void;\n  onBlur?(): void;\n  'data-testid'?: string;\n};\n\nexport function fixIncompleteValue(value: string): string {\n  if (value != null && value.length >= DATE_VALUE_STRING.length) {\n    return `${value.substring(0, DATE_VALUE_STRING.length)}${value\n      .substring(DATE_VALUE_STRING.length)\n      .replace(/\\u2007/g, '0')}${DEFAULT_VALUE_STRING.substring(value.length)}`;\n  }\n  return value;\n}\n\nexport function addSeparators(value: string): string {\n  const dateTimeMillis = value.substring(0, 23);\n  const micros = value.substring(23, 26);\n  const nanos = value.substring(26);\n  return [dateTimeMillis, micros, nanos].filter(v => v !== '').join('\\u200B');\n}\n\nconst removeSeparators = (value: string) => value.replace(/\\u200B/g, '');\n\nconst EXAMPLES = [addSeparators(DEFAULT_VALUE_STRING)];\n\nconst DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputProps>(\n  (props: DateTimeInputProps, ref) => {\n    const {\n      className = '',\n      onChange = () => undefined,\n      defaultValue = '',\n      onFocus = () => undefined,\n      onBlur = () => undefined,\n      'data-testid': dataTestId,\n    } = props;\n    const [value, setValue] = useState(\n      defaultValue.length > 0 ? addSeparators(defaultValue) : ''\n    );\n    const [selection, setSelection] = useState<SelectionSegment>();\n\n    const handleChange = useCallback(\n      (newValue: string): void => {\n        log.debug('handleChange', newValue);\n        setValue(newValue);\n        onChange(fixIncompleteValue(removeSeparators(newValue)));\n      },\n      [onChange]\n    );\n\n    const handleBlur = useCallback((): void => {\n      const prevValue = removeSeparators(value);\n      const fixedValue = fixIncompleteValue(prevValue);\n      // Update the value displayed in the input\n      // onChange with the fixed value already triggered in handleChange\n      if (fixedValue !== prevValue) {\n        setValue(addSeparators(fixedValue));\n      }\n      onBlur();\n    }, [value, onBlur]);\n\n    return (\n      <div className=\"d-flex flex-row align-items-center\">\n        <MaskedInput\n          ref={ref}\n          className={classNames(className)}\n          example={EXAMPLES}\n          getNextSegmentValue={getNextSegmentValue}\n          onChange={handleChange}\n          onSelect={setSelection}\n          pattern={FULL_DATE_PATTERN}\n          placeholder={FULL_DATE_FORMAT}\n          selection={selection}\n          value={value}\n          onFocus={onFocus}\n          onBlur={handleBlur}\n          data-testid={dataTestId}\n        />\n      </div>\n    );\n  }\n);\n\nDateTimeInput.displayName = 'DateTimeInput';\n\nDateTimeInput.defaultProps = {\n  className: '',\n  onChange: () => undefined,\n  defaultValue: '',\n  onFocus: () => undefined,\n  onBlur: () => undefined,\n  'data-testid': undefined,\n};\n\nexport default DateTimeInput;\n"],"mappings":"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"}

package/dist/DebouncedSearchInput.js

@@ -1,15 +1,11 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { PureComponent } from 'react';
 import debounce from 'lodash.debounce';
 import SearchInput from "./SearchInput.js";
-
 class DebouncedSearchInput extends PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "searchInput", void 0);
-
     this.searchInput = /*#__PURE__*/React.createRef();
     this.handleChange = this.handleChange.bind(this);
     this.sendUpdate = debounce(this.sendUpdate.bind(this), props.debounceMs);
@@ -17,12 +13,10 @@ class DebouncedSearchInput extends PureComponent {
       value: props.value
     };
   }
-
   componentDidUpdate(prevProps) {
     var {
       value
     } = this.props;
-
     if (prevProps.value !== value) {
       // eslint-disable-next-line react/no-did-update-set-state
       this.setState({
@@ -30,19 +24,15 @@ class DebouncedSearchInput extends PureComponent {
       });
     }
   }
-
   focus() {
     var _this$searchInput$cur;
-
     (_this$searchInput$cur = this.searchInput.current) === null || _this$searchInput$cur === void 0 ? void 0 : _this$searchInput$cur.focus();
   }
-
   handleChange(event) {
     this.setState({
       value: event.target.value
     }, this.sendUpdate);
   }
-
   sendUpdate() {
     var {
       onChange
@@ -52,7 +42,6 @@ class DebouncedSearchInput extends PureComponent {
     } = this.state;
     onChange(value);
   }
-
   render() {
     var {
       placeholder,
@@ -75,9 +64,7 @@ class DebouncedSearchInput extends PureComponent {
       "data-testid": dataTestId
     });
   }
-
 }
-
 _defineProperty(DebouncedSearchInput, "defaultProps", {
   placeholder: 'Search',
   className: '',
@@ -86,6 +73,5 @@ _defineProperty(DebouncedSearchInput, "defaultProps", {
   id: '',
   'data-testid': undefined
 });
-
 export default DebouncedSearchInput;
 //# sourceMappingURL=DebouncedSearchInput.js.map

package/dist/DebouncedSearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DebouncedSearchInput.js","names":["React","PureComponent","debounce","SearchInput","DebouncedSearchInput","constructor","props","searchInput","createRef","handleChange","bind","sendUpdate","debounceMs","state","value","componentDidUpdate","prevProps","setState","focus","current","event","target","onChange","render","placeholder","className","matchCount","id","dataTestId","undefined"],"sources":["../src/DebouncedSearchInput.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport debounce from 'lodash.debounce';\nimport SearchInput from './SearchInput';\n\ninterface DebouncedSearchInputProps {\n  value: string;\n  placeholder: string;\n  onChange(value: string): void;\n  className: string;\n  matchCount: number;\n  debounceMs: number;\n  id: string;\n  'data-testid'?: string;\n}\n\ninterface DebouncedSearchInputState {\n  value: string;\n}\n\nclass DebouncedSearchInput extends PureComponent<\n  DebouncedSearchInputProps,\n  DebouncedSearchInputState\n> {\n  static defaultProps = {\n    placeholder: 'Search',\n    className: '',\n    matchCount: null,\n    debounceMs: 250,\n    id: '',\n    'data-testid': undefined,\n  };\n\n  constructor(props: DebouncedSearchInputProps) {\n    super(props);\n    this.searchInput = React.createRef();\n    this.handleChange = this.handleChange.bind(this);\n    this.sendUpdate = debounce(this.sendUpdate.bind(this), props.debounceMs);\n\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidUpdate(prevProps: DebouncedSearchInputProps): void {\n    const { value } = this.props;\n    if (prevProps.value !== value) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ value });\n    }\n  }\n\n  searchInput: React.RefObject<SearchInput>;\n\n  focus(): void {\n    this.searchInput.current?.focus();\n  }\n\n  handleChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.setState({ value: event.target.value }, this.sendUpdate);\n  }\n\n  sendUpdate(): void {\n    const { onChange } = this.props;\n    const { value } = this.state;\n    onChange(value);\n  }\n\n  render(): JSX.Element {\n    const {\n      placeholder,\n      className,\n      matchCount,\n      id,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { value } = this.state;\n    return (\n      <SearchInput\n        value={value}\n        placeholder={placeholder}\n        onChange={this.handleChange}\n        className={className}\n        matchCount={matchCount}\n        ref={this.searchInput}\n        id={id}\n        data-testid={dataTestId}\n      />\n    );\n  }\n}\n\nexport default DebouncedSearchInput;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AACA,OAAOC,QAAP,MAAqB,iBAArB;OACOC,W;;AAiBP,MAAMC,oBAAN,SAAmCH,aAAnC,CAGE;EAUAI,WAAW,CAACC,KAAD,EAAmC;IAC5C,MAAMA,KAAN;;IAD4C;;IAE5C,KAAKC,WAAL,gBAAmBP,KAAK,CAACQ,SAAN,EAAnB;IACA,KAAKC,YAAL,GAAoB,KAAKA,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAApB;IACA,KAAKC,UAAL,GAAkBT,QAAQ,CAAC,KAAKS,UAAL,CAAgBD,IAAhB,CAAqB,IAArB,CAAD,EAA6BJ,KAAK,CAACM,UAAnC,CAA1B;IAEA,KAAKC,KAAL,GAAa;MACXC,KAAK,EAAER,KAAK,CAACQ;IADF,CAAb;EAGD;;EAEDC,kBAAkB,CAACC,SAAD,EAA6C;IAC7D,IAAM;MAAEF;IAAF,IAAY,KAAKR,KAAvB;;IACA,IAAIU,SAAS,CAACF,KAAV,KAAoBA,KAAxB,EAA+B;MAC7B;MACA,KAAKG,QAAL,CAAc;QAAEH;MAAF,CAAd;IACD;EACF;;EAIDI,KAAK,GAAS;IAAA;;IACZ,8BAAKX,WAAL,CAAiBY,OAAjB,gFAA0BD,KAA1B;EACD;;EAEDT,YAAY,CAACW,KAAD,EAAmD;IAC7D,KAAKH,QAAL,CAAc;MAAEH,KAAK,EAAEM,KAAK,CAACC,MAAN,CAAaP;IAAtB,CAAd,EAA6C,KAAKH,UAAlD;EACD;;EAEDA,UAAU,GAAS;IACjB,IAAM;MAAEW;IAAF,IAAe,KAAKhB,KAA1B;IACA,IAAM;MAAEQ;IAAF,IAAY,KAAKD,KAAvB;IACAS,QAAQ,CAACR,KAAD,CAAR;EACD;;EAEDS,MAAM,GAAgB;IACpB,IAAM;MACJC,WADI;MAEJC,SAFI;MAGJC,UAHI;MAIJC,EAJI;MAKJ,eAAeC;IALX,IAMF,KAAKtB,KANT;IAOA,IAAM;MAAEQ;IAAF,IAAY,KAAKD,KAAvB;IACA,oBACE,oBAAC,WAAD;MACE,KAAK,EAAEC,KADT;MAEE,WAAW,EAAEU,WAFf;MAGE,QAAQ,EAAE,KAAKf,YAHjB;MAIE,SAAS,EAAEgB,SAJb;MAKE,UAAU,EAAEC,UALd;MAME,GAAG,EAAE,KAAKnB,WANZ;MAOE,EAAE,EAAEoB,EAPN;MAQE,eAAaC;IARf,EADF;EAYD;;AAlED;;gBAHIxB,oB,kBAIkB;EACpBoB,WAAW,EAAE,QADO;EAEpBC,SAAS,EAAE,EAFS;EAGpBC,UAAU,EAAE,IAHQ;EAIpBd,UAAU,EAAE,GAJQ;EAKpBe,EAAE,EAAE,EALgB;EAMpB,eAAeE;AANK,C;;AAoExB,eAAezB,oBAAf"}
+{"version":3,"file":"DebouncedSearchInput.js","names":["React","PureComponent","debounce","SearchInput","DebouncedSearchInput","constructor","props","searchInput","createRef","handleChange","bind","sendUpdate","debounceMs","state","value","componentDidUpdate","prevProps","setState","focus","current","event","target","onChange","render","placeholder","className","matchCount","id","dataTestId","undefined"],"sources":["../src/DebouncedSearchInput.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport debounce from 'lodash.debounce';\nimport SearchInput from './SearchInput';\n\ninterface DebouncedSearchInputProps {\n  value: string;\n  placeholder: string;\n  onChange(value: string): void;\n  className: string;\n  matchCount: number;\n  debounceMs: number;\n  id: string;\n  'data-testid'?: string;\n}\n\ninterface DebouncedSearchInputState {\n  value: string;\n}\n\nclass DebouncedSearchInput extends PureComponent<\n  DebouncedSearchInputProps,\n  DebouncedSearchInputState\n> {\n  static defaultProps = {\n    placeholder: 'Search',\n    className: '',\n    matchCount: null,\n    debounceMs: 250,\n    id: '',\n    'data-testid': undefined,\n  };\n\n  constructor(props: DebouncedSearchInputProps) {\n    super(props);\n    this.searchInput = React.createRef();\n    this.handleChange = this.handleChange.bind(this);\n    this.sendUpdate = debounce(this.sendUpdate.bind(this), props.debounceMs);\n\n    this.state = {\n      value: props.value,\n    };\n  }\n\n  componentDidUpdate(prevProps: DebouncedSearchInputProps): void {\n    const { value } = this.props;\n    if (prevProps.value !== value) {\n      // eslint-disable-next-line react/no-did-update-set-state\n      this.setState({ value });\n    }\n  }\n\n  searchInput: React.RefObject<SearchInput>;\n\n  focus(): void {\n    this.searchInput.current?.focus();\n  }\n\n  handleChange(event: React.ChangeEvent<HTMLInputElement>): void {\n    this.setState({ value: event.target.value }, this.sendUpdate);\n  }\n\n  sendUpdate(): void {\n    const { onChange } = this.props;\n    const { value } = this.state;\n    onChange(value);\n  }\n\n  render(): JSX.Element {\n    const {\n      placeholder,\n      className,\n      matchCount,\n      id,\n      'data-testid': dataTestId,\n    } = this.props;\n    const { value } = this.state;\n    return (\n      <SearchInput\n        value={value}\n        placeholder={placeholder}\n        onChange={this.handleChange}\n        className={className}\n        matchCount={matchCount}\n        ref={this.searchInput}\n        id={id}\n        data-testid={dataTestId}\n      />\n    );\n  }\n}\n\nexport default DebouncedSearchInput;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,aAAa,QAAQ,OAAO;AAC5C,OAAOC,QAAQ,MAAM,iBAAiB;AAAC,OAChCC,WAAW;AAiBlB,MAAMC,oBAAoB,SAASH,aAAa,CAG9C;EAUAI,WAAW,CAACC,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,CAAC;IAAC;IACb,IAAI,CAACC,WAAW,gBAAGP,KAAK,CAACQ,SAAS,EAAE;IACpC,IAAI,CAACC,YAAY,GAAG,IAAI,CAACA,YAAY,CAACC,IAAI,CAAC,IAAI,CAAC;IAChD,IAAI,CAACC,UAAU,GAAGT,QAAQ,CAAC,IAAI,CAACS,UAAU,CAACD,IAAI,CAAC,IAAI,CAAC,EAAEJ,KAAK,CAACM,UAAU,CAAC;IAExE,IAAI,CAACC,KAAK,GAAG;MACXC,KAAK,EAAER,KAAK,CAACQ;IACf,CAAC;EACH;EAEAC,kBAAkB,CAACC,SAAoC,EAAQ;IAC7D,IAAM;MAAEF;IAAM,CAAC,GAAG,IAAI,CAACR,KAAK;IAC5B,IAAIU,SAAS,CAACF,KAAK,KAAKA,KAAK,EAAE;MAC7B;MACA,IAAI,CAACG,QAAQ,CAAC;QAAEH;MAAM,CAAC,CAAC;IAC1B;EACF;EAIAI,KAAK,GAAS;IAAA;IACZ,6BAAI,CAACX,WAAW,CAACY,OAAO,0DAAxB,sBAA0BD,KAAK,EAAE;EACnC;EAEAT,YAAY,CAACW,KAA0C,EAAQ;IAC7D,IAAI,CAACH,QAAQ,CAAC;MAAEH,KAAK,EAAEM,KAAK,CAACC,MAAM,CAACP;IAAM,CAAC,EAAE,IAAI,CAACH,UAAU,CAAC;EAC/D;EAEAA,UAAU,GAAS;IACjB,IAAM;MAAEW;IAAS,CAAC,GAAG,IAAI,CAAChB,KAAK;IAC/B,IAAM;MAAEQ;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5BS,QAAQ,CAACR,KAAK,CAAC;EACjB;EAEAS,MAAM,GAAgB;IACpB,IAAM;MACJC,WAAW;MACXC,SAAS;MACTC,UAAU;MACVC,EAAE;MACF,aAAa,EAAEC;IACjB,CAAC,GAAG,IAAI,CAACtB,KAAK;IACd,IAAM;MAAEQ;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,oBACE,oBAAC,WAAW;MACV,KAAK,EAAEC,KAAM;MACb,WAAW,EAAEU,WAAY;MACzB,QAAQ,EAAE,IAAI,CAACf,YAAa;MAC5B,SAAS,EAAEgB,SAAU;MACrB,UAAU,EAAEC,UAAW;MACvB,GAAG,EAAE,IAAI,CAACnB,WAAY;MACtB,EAAE,EAAEoB,EAAG;MACP,eAAaC;IAAW,EACxB;EAEN;AACF;AAAC,gBAtEKxB,oBAAoB,kBAIF;EACpBoB,WAAW,EAAE,QAAQ;EACrBC,SAAS,EAAE,EAAE;EACbC,UAAU,EAAE,IAAI;EAChBd,UAAU,EAAE,GAAG;EACfe,EAAE,EAAE,EAAE;EACN,aAAa,EAAEE;AACjB,CAAC;AA6DH,eAAezB,oBAAoB"}

package/dist/DragUtils.d.ts

@@ -1,4 +1,4 @@
-declare type Range = [number, number];
+type Range = [number, number];
 declare class DragUtils {
     /**
      * Re-orders the provided item lists in place based on the selectedRanges and destinationIndex provided

package/dist/DragUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragUtils.d.ts","sourceRoot":"","sources":["../src/DragUtils.ts"],"names":[],"mappings":"AAEA,aAAK,KAAK,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9B,cAAM,SAAS;IACb;;;;;;;OAOG;IACH,MAAM,CAAC,OAAO,CAAC,CAAC,EACd,UAAU,EAAE,CAAC,EAAE,EACf,cAAc,EAAE,KAAK,EAAE,EACvB,eAAe,EAAE,CAAC,EAAE,EACpB,gBAAgB,EAAE,MAAM,GACvB,CAAC,EAAE;IAUN;;;;;OAKG;IACH,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE;IAgBtD;;;;;OAKG;IACH,MAAM,CAAC,sBAAsB,CAC3B,gBAAgB,EAAE,MAAM,EACxB,MAAM,EAAE,KAAK,EAAE,GACd,MAAM;IAaT,MAAM,CAAC,aAAa,IAAI,IAAI;IAI5B,MAAM,CAAC,YAAY,IAAI,IAAI;CAG5B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"DragUtils.d.ts","sourceRoot":"","sources":["../src/DragUtils.ts"],"names":[],"mappings":"AAEA,KAAK,KAAK,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE9B,cAAM,SAAS;IACb;;;;;;;OAOG;IACH,MAAM,CAAC,OAAO,CAAC,CAAC,EACd,UAAU,EAAE,CAAC,EAAE,EACf,cAAc,EAAE,KAAK,EAAE,EACvB,eAAe,EAAE,CAAC,EAAE,EACpB,gBAAgB,EAAE,MAAM,GACvB,CAAC,EAAE;IAUN;;;;;OAKG;IACH,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE;IAgBtD;;;;;OAKG;IACH,MAAM,CAAC,sBAAsB,CAC3B,gBAAgB,EAAE,MAAM,EACxB,MAAM,EAAE,KAAK,EAAE,GACd,MAAM;IAaT,MAAM,CAAC,aAAa,IAAI,IAAI;IAI5B,MAAM,CAAC,YAAY,IAAI,IAAI;CAG5B;AAED,eAAe,SAAS,CAAC"}

package/dist/DragUtils.js

@@ -1,5 +1,4 @@
 import flatten from 'lodash.flatten';
-
 class DragUtils {
   /**
    * Re-orders the provided item lists in place based on the selectedRanges and destinationIndex provided
@@ -15,22 +14,21 @@ class DragUtils {
     destinationList.splice(insertIndex, 0, ...draggedItems);
     return draggedItems;
   }
+
   /**
    * Removes the provided ranges from the list in place
    * @param list Array of items to remove the ranges.
    * @param ranges Array of the ranges to remove.
    * @returns The removed items, in the order of the ranges removed.
    */
-
-
   static removeItems(list, ranges) {
-    var items = []; // Sort them in reverse, so we don't screw up the range indexes
+    var items = [];
 
+    // Sort them in reverse, so we don't screw up the range indexes
     var sortedRanges = ranges.map((range, index) => ({
       range,
       index
     })).sort((a, b) => b.range[0] - a.range[0]);
-
     for (var i = 0; i < sortedRanges.length; i += 1) {
       var {
         range,
@@ -39,42 +37,32 @@ class DragUtils {
       var [start, end] = range;
       items[index] = list.splice(start, end - start + 1);
     }
-
     return flatten(items);
   }
+
   /**
    * Adjusts the destination index for when dropping into the same list you're dragging from.
    * @param destinationIndex The original destination index
    * @param ranges The ranges that are moving
    * @returns Index where item should be inserted after all ranges are removed
    */
-
-
   static adjustDestinationIndex(destinationIndex, ranges) {
     var adjustedIndex = destinationIndex;
-
     for (var i = 0; i < ranges.length; i += 1) {
       var [start, end] = ranges[i];
-
       if (start > destinationIndex) {
         break;
       }
-
       adjustedIndex -= Math.min(end, destinationIndex - 1) - start + 1;
     }
-
     return adjustedIndex;
   }
-
   static startDragging() {
     document.documentElement.classList.add('drag-pointer-events-none');
   }
-
   static stopDragging() {
     document.documentElement.classList.remove('drag-pointer-events-none');
   }
-
 }
-
 export default DragUtils;
 //# sourceMappingURL=DragUtils.js.map

package/dist/DragUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragUtils.js","names":["flatten","DragUtils","reorder","sourceList","selectedRanges","destinationList","destinationIndex","insertIndex","adjustDestinationIndex","draggedItems","removeItems","splice","list","ranges","items","sortedRanges","map","range","index","sort","a","b","i","length","start","end","adjustedIndex","Math","min","startDragging","document","documentElement","classList","add","stopDragging","remove"],"sources":["../src/DragUtils.ts"],"sourcesContent":["import flatten from 'lodash.flatten';\n\ntype Range = [number, number];\n\nclass DragUtils {\n  /**\n   * Re-orders the provided item lists in place based on the selectedRanges and destinationIndex provided\n   * @param sourceList Array of the source items\n   * @param selectedRanges Array of the selected ranges in the source list\n   * @param destinationList Destination items. If dragging within the same list, set it to sourceItems\n   * @param destinationIndex The index items are being dropped in the destinationList, adjusted for the removed items\n   * @returns The items that were dragged\n   */\n  static reorder<T>(\n    sourceList: T[],\n    selectedRanges: Range[],\n    destinationList: T[],\n    destinationIndex: number\n  ): T[] {\n    const insertIndex =\n      sourceList === destinationList\n        ? DragUtils.adjustDestinationIndex(destinationIndex, selectedRanges)\n        : destinationIndex;\n    const draggedItems = DragUtils.removeItems(sourceList, selectedRanges);\n    destinationList.splice(insertIndex, 0, ...draggedItems);\n    return draggedItems;\n  }\n\n  /**\n   * Removes the provided ranges from the list in place\n   * @param list Array of items to remove the ranges.\n   * @param ranges Array of the ranges to remove.\n   * @returns The removed items, in the order of the ranges removed.\n   */\n  static removeItems<T>(list: T[], ranges: Range[]): T[] {\n    const items = [];\n\n    // Sort them in reverse, so we don't screw up the range indexes\n    const sortedRanges = ranges\n      .map((range, index) => ({ range, index }))\n      .sort((a, b) => b.range[0] - a.range[0]);\n    for (let i = 0; i < sortedRanges.length; i += 1) {\n      const { range, index } = sortedRanges[i];\n      const [start, end] = range;\n      items[index] = list.splice(start, end - start + 1);\n    }\n\n    return flatten(items);\n  }\n\n  /**\n   * Adjusts the destination index for when dropping into the same list you're dragging from.\n   * @param destinationIndex The original destination index\n   * @param ranges The ranges that are moving\n   * @returns Index where item should be inserted after all ranges are removed\n   */\n  static adjustDestinationIndex(\n    destinationIndex: number,\n    ranges: Range[]\n  ): number {\n    let adjustedIndex = destinationIndex;\n    for (let i = 0; i < ranges.length; i += 1) {\n      const [start, end] = ranges[i];\n      if (start > destinationIndex) {\n        break;\n      }\n\n      adjustedIndex -= Math.min(end, destinationIndex - 1) - start + 1;\n    }\n    return adjustedIndex;\n  }\n\n  static startDragging(): void {\n    document.documentElement.classList.add('drag-pointer-events-none');\n  }\n\n  static stopDragging(): void {\n    document.documentElement.classList.remove('drag-pointer-events-none');\n  }\n}\n\nexport default DragUtils;\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,gBAApB;;AAIA,MAAMC,SAAN,CAAgB;EACd;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACgB,OAAPC,OAAO,CACZC,UADY,EAEZC,cAFY,EAGZC,eAHY,EAIZC,gBAJY,EAKP;IACL,IAAMC,WAAW,GACfJ,UAAU,KAAKE,eAAf,GACIJ,SAAS,CAACO,sBAAV,CAAiCF,gBAAjC,EAAmDF,cAAnD,CADJ,GAEIE,gBAHN;IAIA,IAAMG,YAAY,GAAGR,SAAS,CAACS,WAAV,CAAsBP,UAAtB,EAAkCC,cAAlC,CAArB;IACAC,eAAe,CAACM,MAAhB,CAAuBJ,WAAvB,EAAoC,CAApC,EAAuC,GAAGE,YAA1C;IACA,OAAOA,YAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACoB,OAAXC,WAAW,CAAIE,IAAJ,EAAeC,MAAf,EAAqC;IACrD,IAAMC,KAAK,GAAG,EAAd,CADqD,CAGrD;;IACA,IAAMC,YAAY,GAAGF,MAAM,CACxBG,GADkB,CACd,CAACC,KAAD,EAAQC,KAAR,MAAmB;MAAED,KAAF;MAASC;IAAT,CAAnB,CADc,EAElBC,IAFkB,CAEb,CAACC,CAAD,EAAIC,CAAJ,KAAUA,CAAC,CAACJ,KAAF,CAAQ,CAAR,IAAaG,CAAC,CAACH,KAAF,CAAQ,CAAR,CAFV,CAArB;;IAGA,KAAK,IAAIK,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGP,YAAY,CAACQ,MAAjC,EAAyCD,CAAC,IAAI,CAA9C,EAAiD;MAC/C,IAAM;QAAEL,KAAF;QAASC;MAAT,IAAmBH,YAAY,CAACO,CAAD,CAArC;MACA,IAAM,CAACE,KAAD,EAAQC,GAAR,IAAeR,KAArB;MACAH,KAAK,CAACI,KAAD,CAAL,GAAeN,IAAI,CAACD,MAAL,CAAYa,KAAZ,EAAmBC,GAAG,GAAGD,KAAN,GAAc,CAAjC,CAAf;IACD;;IAED,OAAOxB,OAAO,CAACc,KAAD,CAAd;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EAC+B,OAAtBN,sBAAsB,CAC3BF,gBAD2B,EAE3BO,MAF2B,EAGnB;IACR,IAAIa,aAAa,GAAGpB,gBAApB;;IACA,KAAK,IAAIgB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGT,MAAM,CAACU,MAA3B,EAAmCD,CAAC,IAAI,CAAxC,EAA2C;MACzC,IAAM,CAACE,KAAD,EAAQC,GAAR,IAAeZ,MAAM,CAACS,CAAD,CAA3B;;MACA,IAAIE,KAAK,GAAGlB,gBAAZ,EAA8B;QAC5B;MACD;;MAEDoB,aAAa,IAAIC,IAAI,CAACC,GAAL,CAASH,GAAT,EAAcnB,gBAAgB,GAAG,CAAjC,IAAsCkB,KAAtC,GAA8C,CAA/D;IACD;;IACD,OAAOE,aAAP;EACD;;EAEmB,OAAbG,aAAa,GAAS;IAC3BC,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCC,GAAnC,CAAuC,0BAAvC;EACD;;EAEkB,OAAZC,YAAY,GAAS;IAC1BJ,QAAQ,CAACC,eAAT,CAAyBC,SAAzB,CAAmCG,MAAnC,CAA0C,0BAA1C;EACD;;AA1Ea;;AA6EhB,eAAelC,SAAf"}
+{"version":3,"file":"DragUtils.js","names":["flatten","DragUtils","reorder","sourceList","selectedRanges","destinationList","destinationIndex","insertIndex","adjustDestinationIndex","draggedItems","removeItems","splice","list","ranges","items","sortedRanges","map","range","index","sort","a","b","i","length","start","end","adjustedIndex","Math","min","startDragging","document","documentElement","classList","add","stopDragging","remove"],"sources":["../src/DragUtils.ts"],"sourcesContent":["import flatten from 'lodash.flatten';\n\ntype Range = [number, number];\n\nclass DragUtils {\n  /**\n   * Re-orders the provided item lists in place based on the selectedRanges and destinationIndex provided\n   * @param sourceList Array of the source items\n   * @param selectedRanges Array of the selected ranges in the source list\n   * @param destinationList Destination items. If dragging within the same list, set it to sourceItems\n   * @param destinationIndex The index items are being dropped in the destinationList, adjusted for the removed items\n   * @returns The items that were dragged\n   */\n  static reorder<T>(\n    sourceList: T[],\n    selectedRanges: Range[],\n    destinationList: T[],\n    destinationIndex: number\n  ): T[] {\n    const insertIndex =\n      sourceList === destinationList\n        ? DragUtils.adjustDestinationIndex(destinationIndex, selectedRanges)\n        : destinationIndex;\n    const draggedItems = DragUtils.removeItems(sourceList, selectedRanges);\n    destinationList.splice(insertIndex, 0, ...draggedItems);\n    return draggedItems;\n  }\n\n  /**\n   * Removes the provided ranges from the list in place\n   * @param list Array of items to remove the ranges.\n   * @param ranges Array of the ranges to remove.\n   * @returns The removed items, in the order of the ranges removed.\n   */\n  static removeItems<T>(list: T[], ranges: Range[]): T[] {\n    const items = [];\n\n    // Sort them in reverse, so we don't screw up the range indexes\n    const sortedRanges = ranges\n      .map((range, index) => ({ range, index }))\n      .sort((a, b) => b.range[0] - a.range[0]);\n    for (let i = 0; i < sortedRanges.length; i += 1) {\n      const { range, index } = sortedRanges[i];\n      const [start, end] = range;\n      items[index] = list.splice(start, end - start + 1);\n    }\n\n    return flatten(items);\n  }\n\n  /**\n   * Adjusts the destination index for when dropping into the same list you're dragging from.\n   * @param destinationIndex The original destination index\n   * @param ranges The ranges that are moving\n   * @returns Index where item should be inserted after all ranges are removed\n   */\n  static adjustDestinationIndex(\n    destinationIndex: number,\n    ranges: Range[]\n  ): number {\n    let adjustedIndex = destinationIndex;\n    for (let i = 0; i < ranges.length; i += 1) {\n      const [start, end] = ranges[i];\n      if (start > destinationIndex) {\n        break;\n      }\n\n      adjustedIndex -= Math.min(end, destinationIndex - 1) - start + 1;\n    }\n    return adjustedIndex;\n  }\n\n  static startDragging(): void {\n    document.documentElement.classList.add('drag-pointer-events-none');\n  }\n\n  static stopDragging(): void {\n    document.documentElement.classList.remove('drag-pointer-events-none');\n  }\n}\n\nexport default DragUtils;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,gBAAgB;AAIpC,MAAMC,SAAS,CAAC;EACd;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACE,OAAOC,OAAO,CACZC,UAAe,EACfC,cAAuB,EACvBC,eAAoB,EACpBC,gBAAwB,EACnB;IACL,IAAMC,WAAW,GACfJ,UAAU,KAAKE,eAAe,GAC1BJ,SAAS,CAACO,sBAAsB,CAACF,gBAAgB,EAAEF,cAAc,CAAC,GAClEE,gBAAgB;IACtB,IAAMG,YAAY,GAAGR,SAAS,CAACS,WAAW,CAACP,UAAU,EAAEC,cAAc,CAAC;IACtEC,eAAe,CAACM,MAAM,CAACJ,WAAW,EAAE,CAAC,EAAE,GAAGE,YAAY,CAAC;IACvD,OAAOA,YAAY;EACrB;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,OAAOC,WAAW,CAAIE,IAAS,EAAEC,MAAe,EAAO;IACrD,IAAMC,KAAK,GAAG,EAAE;;IAEhB;IACA,IAAMC,YAAY,GAAGF,MAAM,CACxBG,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,MAAM;MAAED,KAAK;MAAEC;IAAM,CAAC,CAAC,CAAC,CACzCC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAACJ,KAAK,CAAC,CAAC,CAAC,GAAGG,CAAC,CAACH,KAAK,CAAC,CAAC,CAAC,CAAC;IAC1C,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGP,YAAY,CAACQ,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MAC/C,IAAM;QAAEL,KAAK;QAAEC;MAAM,CAAC,GAAGH,YAAY,CAACO,CAAC,CAAC;MACxC,IAAM,CAACE,KAAK,EAAEC,GAAG,CAAC,GAAGR,KAAK;MAC1BH,KAAK,CAACI,KAAK,CAAC,GAAGN,IAAI,CAACD,MAAM,CAACa,KAAK,EAAEC,GAAG,GAAGD,KAAK,GAAG,CAAC,CAAC;IACpD;IAEA,OAAOxB,OAAO,CAACc,KAAK,CAAC;EACvB;;EAEA;AACF;AACA;AACA;AACA;AACA;EACE,OAAON,sBAAsB,CAC3BF,gBAAwB,EACxBO,MAAe,EACP;IACR,IAAIa,aAAa,GAAGpB,gBAAgB;IACpC,KAAK,IAAIgB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGT,MAAM,CAACU,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;MACzC,IAAM,CAACE,KAAK,EAAEC,GAAG,CAAC,GAAGZ,MAAM,CAACS,CAAC,CAAC;MAC9B,IAAIE,KAAK,GAAGlB,gBAAgB,EAAE;QAC5B;MACF;MAEAoB,aAAa,IAAIC,IAAI,CAACC,GAAG,CAACH,GAAG,EAAEnB,gBAAgB,GAAG,CAAC,CAAC,GAAGkB,KAAK,GAAG,CAAC;IAClE;IACA,OAAOE,aAAa;EACtB;EAEA,OAAOG,aAAa,GAAS;IAC3BC,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACC,GAAG,CAAC,0BAA0B,CAAC;EACpE;EAEA,OAAOC,YAAY,GAAS;IAC1BJ,QAAQ,CAACC,eAAe,CAACC,SAAS,CAACG,MAAM,CAAC,0BAA0B,CAAC;EACvE;AACF;AAEA,eAAelC,SAAS"}

package/dist/DraggableItemList.d.ts

@@ -4,12 +4,12 @@ import { DraggableChildrenFn } from 'react-beautiful-dnd';
 import { Range } from '@deephaven/utils';
 import ItemList, { RenderItemProps, DefaultListItem, ItemListProps } from './ItemList';
 import './DraggableItemList.scss';
-export declare type DraggableRenderItemProps<T> = RenderItemProps<T> & {
+export type DraggableRenderItemProps<T> = RenderItemProps<T> & {
     isClone?: boolean;
     selectedCount?: number;
 };
-declare type DraggableRenderItemFn<T> = (props: DraggableRenderItemProps<T>) => React.ReactNode;
-declare type DraggableItemListProps<T> = Omit<ItemListProps<T>, 'overscanCount' | 'focusSelector' | 'isDragSelect'> & {
+type DraggableRenderItemFn<T> = (props: DraggableRenderItemProps<T>) => React.ReactNode;
+type DraggableItemListProps<T> = Omit<ItemListProps<T>, 'overscanCount' | 'focusSelector' | 'isDragSelect'> & {
     className: string;
     draggingItemClassName: string;
     isDropDisabled: boolean;
@@ -20,7 +20,7 @@ declare type DraggableItemListProps<T> = Omit<ItemListProps<T>, 'overscanCount'
     droppableId: string;
     'data-testid'?: string;
 };
-declare type DraggableItemListState = {
+type DraggableItemListState = {
     selectedCount: number;
 };
 /**

package/dist/DraggableItemList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableItemList.d.ts","sourceRoot":"","sources":["../src/DraggableItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,OAAO,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAwB,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAc,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,QAAQ,EAAE,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACd,MAAM,YAAY,CAAC;AAEpB,OAAO,0BAA0B,CAAC;AAElC,oBAAY,wBAAwB,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,aAAK,qBAAqB,CAAC,CAAC,IAAI,CAC9B,KAAK,EAAE,wBAAwB,CAAC,CAAC,CAAC,KAC/B,KAAK,CAAC,SAAS,CAAC;AAErB,aAAK,sBAAsB,CAAC,CAAC,IAAI,IAAI,CACnC,aAAa,CAAC,CAAC,CAAC,EAChB,eAAe,GAAG,eAAe,GAAG,cAAc,CACnD,GAAG;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;IAExB,cAAc,EAAE,OAAO,CAAC;IAExB,UAAU,EAAE,qBAAqB,CAAC,CAAC,CAAC,CAAC;IACrC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAG3B,eAAe,EAAE,MAAM,CAAC;IAExB,WAAW,EAAE,MAAM,CAAC;IAEpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,aAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;GAMG;AACH,cAAM,iBAAiB,CAAC,CAAC,CAAE,SAAQ,aAAa,CAC9C,sBAAsB,CAAC,CAAC,CAAC,EACzB,sBAAsB,CACvB;IACC,MAAM,CAAC,kBAAkB,SAAM;IAE/B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;yBAcA,IAAI;oBAGT,IAAI;6BAGK,IAAI;4BAGL,IAAI;;;;;;MAQxB;IAEF,MAAM,CAAC,YAAY,IAAI,GAAG,CAAC,OAAO;IASlC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAC,SAAS;IAMhE,MAAM,CAAC,cAAc,CAAC,EACpB,IAAI,EACJ,SAAc,EACd,SAAc,GACf,EAAE;QACD,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,GAAG,GAAG,CAAC,OAAO;IAgBf,MAAM,CAAC,UAAU,CAAC,CAAC,SAAS,eAAe,EAAE,EAC3C,IAAI,EACJ,OAAO,EACP,aAAa,GACd,EAAE,wBAAwB,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO;IAU5C,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM;IAIzE,MAAM,CAAC,iBAAiB,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM;gBAKzC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAY5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvC,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAInC,SAAS,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIlC,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI;IAIrC,sBAAsB,qBAED,MAAM,cACX,sBAAsB,CAAC,CAAC,QAC9B,CAAC,aACI,MAAM,aACN,OAAO,cACN,OAAO,kBACH,OAAO,SAChB,MAAM,aAAa,uDAPT,MAAM,cACX,sBAAsB,CAAC,CAAC,QAC9B,CAAC,aACI,MAAM,aACN,OAAO,cACN,OAAO,kBACH,OAAO,SAChB,MAAM,aAAa,kBAmC5B;IAEF,qBAAqB,CAAC,cAAc,EAAE,KAAK,EAAE,GAAG,IAAI;IAOpD,4BAA4B,qBAEP,MAAM,kBACP,OAAO,cACX,sBAAsB,CAAC,CAAC,0DAOnC,gBAAgB,CAAC,CAAC,uDATF,MAAM,kBACP,OAAO,cACX,sBAAsB,CAAC,CAAC,0DAOnC,gBAAgB,CAAC,CAAC,kBAYrB;IAEF,oBAAoB,2BAEO,MAAM,SACtB,CAAC,EAAE,UACF,MAAM,cACF,sBAAsB,CAAC,CAAC,KACnC,mBAAmB,6CAJG,MAAM,SACtB,CAAC,EAAE,UACF,MAAM,cACF,sBAAsB,CAAC,CAAC,KACnC,mBAAmB,EAqCtB;IAEF,MAAM,IAAI,GAAG,CAAC,OAAO;CA8EtB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"DraggableItemList.d.ts","sourceRoot":"","sources":["../src/DraggableItemList.tsx"],"names":[],"mappings":"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"}

package/dist/DraggableItemList.js

@@ -1,7 +1,5 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import memoize from 'memoizee';
@@ -12,7 +10,6 @@ import { RangeUtils } from '@deephaven/utils';
 import ItemList from "./ItemList.js";
 import { Tooltip } from "./popper/index.js";
 import "./DraggableItemList.css";
-
 /**
  * Show a draggable item list. It _must_ be used within a `DragDropContext`.
  * This implementation uses react-beautiful-dnd for handling dragging and dropping of items.
@@ -26,7 +23,6 @@ class DraggableItemList extends PureComponent {
       icon: vsGripper
     }));
   }
-
   static renderBadge(_ref) {
     var {
       text
@@ -35,7 +31,6 @@ class DraggableItemList extends PureComponent {
       className: "number-badge"
     }, text) : null;
   }
-
   static renderTextItem(_ref2) {
     var {
       text,
@@ -50,10 +45,8 @@ class DraggableItemList extends PureComponent {
       text: badgeText
     }), DraggableItemList.renderHandle());
   }
-
   static renderItem(_ref3) {
     var _ref4, _item$displayValue;
-
     var {
       item,
       isClone,
@@ -68,21 +61,16 @@ class DraggableItemList extends PureComponent {
       className
     });
   }
-
   static getDraggableId(draggablePrefix, itemIndex) {
     return "".concat(draggablePrefix, "/").concat(itemIndex);
   }
-
   static getDraggableIndex(draggableId) {
     var num = draggableId.split('/').pop();
     return parseInt(num !== undefined ? num : '', 10);
   }
-
   constructor(props) {
     super(props);
-
     _defineProperty(this, "itemList", void 0);
-
     _defineProperty(this, "getCachedDraggableItem", memoize((draggablePrefix, renderItem, item, itemIndex, isFocused, isSelected, isDragDisabled, style) => /*#__PURE__*/React.createElement(Draggable, {
       key: itemIndex,
       draggableId: DraggableItemList.getDraggableId(draggablePrefix, itemIndex),
@@ -92,8 +80,8 @@ class DraggableItemList extends PureComponent {
       role: "menuitem",
       className: "draggable-item-list-item",
       ref: provided.innerRef,
-      tabIndex: -1 // eslint-disable-next-line react/jsx-props-no-spreading
-
+      tabIndex: -1
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, provided.draggableProps, provided.dragHandleProps), renderItem({
       item,
       itemIndex,
@@ -104,7 +92,6 @@ class DraggableItemList extends PureComponent {
     }))), {
       max: ItemList.CACHE_SIZE
     }));
-
     _defineProperty(this, "getCachedRenderDraggableItem", memoize((draggablePrefix, isDragDisabled, renderItem) => _ref5 => {
       var {
         item,
@@ -117,20 +104,25 @@ class DraggableItemList extends PureComponent {
     }, {
       max: 1
     }));
-
     _defineProperty(this, "getCachedRenderClone", memoize((draggingItemClassName, items, offset, renderItem) => (provided, snapshot, rubric) => {
+      // eslint-disable-next-line react/no-this-in-sfc
       var {
         selectedCount
       } = this.state;
+      var {
+        draggableProps,
+        dragHandleProps,
+        innerRef
+      } = provided;
       var {
         index: itemIndex
       } = rubric.source;
       var item = items[itemIndex - offset];
       return /*#__PURE__*/React.createElement("div", _extends({
-        className: classNames('draggable-item-list-dragging-item-container', draggingItemClassName) // eslint-disable-next-line react/jsx-props-no-spreading
-
-      }, provided.draggableProps, provided.dragHandleProps, {
-        ref: provided.innerRef
+        className: classNames('draggable-item-list-dragging-item-container', draggingItemClassName)
+        // eslint-disable-next-line react/jsx-props-no-spreading
+      }, draggableProps, dragHandleProps, {
+        ref: innerRef
       }), /*#__PURE__*/React.createElement("div", {
         className: classNames('draggable-item-list-dragging-item', {
           'two-dragged': selectedCount === 2
@@ -149,32 +141,24 @@ class DraggableItemList extends PureComponent {
     }, {
       max: 1
     }));
-
     this.handleSelectionChange = this.handleSelectionChange.bind(this);
     this.itemList = /*#__PURE__*/React.createRef();
     this.state = {
       selectedCount: 0
     };
   }
-
   selectItem(itemIndex) {
     var _this$itemList$curren;
-
     (_this$itemList$curren = this.itemList.current) === null || _this$itemList$curren === void 0 ? void 0 : _this$itemList$curren.selectItem(itemIndex);
   }
-
   focusItem(itemIndex) {
     var _this$itemList$curren2;
-
     (_this$itemList$curren2 = this.itemList.current) === null || _this$itemList$curren2 === void 0 ? void 0 : _this$itemList$curren2.focusItem(itemIndex);
   }
-
   scrollToItem(itemIndex) {
     var _this$itemList$curren3;
-
     (_this$itemList$curren3 = this.itemList.current) === null || _this$itemList$curren3 === void 0 ? void 0 : _this$itemList$curren3.scrollToItem(itemIndex);
   }
-
   handleSelectionChange(selectedRanges) {
     this.setState({
       selectedCount: RangeUtils.count(selectedRanges)
@@ -184,7 +168,6 @@ class DraggableItemList extends PureComponent {
     } = this.props;
     onSelectionChange(selectedRanges);
   }
-
   render() {
     var {
       className,
@@ -224,8 +207,8 @@ class DraggableItemList extends PureComponent {
         'is-dropping': snapshot.draggingOverWith
       }),
       style: style,
-      ref: provided.innerRef // eslint-disable-next-line react/jsx-props-no-spreading
-
+      ref: provided.innerRef
+      // eslint-disable-next-line react/jsx-props-no-spreading
     }, provided.droppableProps), /*#__PURE__*/React.createElement(ItemList, {
       focusSelector: ".draggable-item-list-item",
       isDoubleClickSelect: isDoubleClickSelect,
@@ -245,11 +228,8 @@ class DraggableItemList extends PureComponent {
       selectedRanges: selectedRanges
     })));
   }
-
 }
-
 _defineProperty(DraggableItemList, "DEFAULT_ROW_HEIGHT", 30);
-
 _defineProperty(DraggableItemList, "defaultProps", {
   className: '',
   draggingItemClassName: '',
@@ -264,25 +244,23 @@ _defineProperty(DraggableItemList, "defaultProps", {
   isStickyBottom: false,
   disableSelect: false,
   style: null,
-
-  onFocusChange() {// no-op
+  onFocusChange() {
+    // no-op
   },
-
-  onSelect() {// no-op
+  onSelect() {
+    // no-op
   },
-
-  onSelectionChange() {// no-op
+  onSelectionChange() {
+    // no-op
   },
-
-  onViewportChange() {// no-op
+  onViewportChange() {
+    // no-op
   },
-
   renderItem: DraggableItemList.renderItem,
   selectedRanges: [],
   draggablePrefix: 'draggable-item',
   droppableId: 'droppable-item-list',
   'data-testid': undefined
 });
-
 export default DraggableItemList;
 //# sourceMappingURL=DraggableItemList.js.map