@bigbinary/neetoui 7.0.3 → 7.0.4

package/dist/Label.js

@@ -9,7 +9,7 @@ import Popover from './Popover.js';
 import Tooltip from './Tooltip.js';
 import Typography from './Typography.js';
 import 'react-router-dom';
-import './motion-087daf52.js';
+import 'framer-motion';
 import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/Modal.js

@@ -28,7 +28,7 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/MultiEmailInput.js

@@ -41,7 +41,7 @@ import '@bigbinary/neeto-cist';
 import 'qs';
 import './Button.js';
 import 'react-router-dom';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/NoData.js

@@ -7,7 +7,7 @@ import Button from './Button.js';
 import Typography from './Typography.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-router-dom';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@babel/runtime/helpers/slicedToArray';
 import '@tippyjs/react';

package/dist/Pane.js

@@ -27,7 +27,7 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/ProgressBar.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import classnames from 'classnames';
-import { m as motion } from './motion-087daf52.js';
+import { motion } from 'framer-motion';
 
 var ProgressBar = function ProgressBar(_ref) {
   var progressPercentage = _ref.progressPercentage,

package/dist/Radio.js

@@ -13,7 +13,7 @@ import { h as hyphenize } from './index-9d5142b4.js';
 import 'qs';
 import '@bigbinary/neeto-icons';
 import './Button.js';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/Select.js

@@ -44,7 +44,7 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import './Button.js';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/Slider.js

@@ -15,7 +15,7 @@ import 'qs';
 import 'classnames';
 import '@bigbinary/neeto-icons';
 import './Button.js';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/Switch.js

@@ -22,7 +22,7 @@ import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
 import 'ramda';
 import './Button.js';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/Table.js

@@ -18,7 +18,7 @@ import { u as useQueryParams } from './useQueryParams-dcb34865.js';
 import Button from './Button.js';
 import Callout from './Callout.js';
 import Typography from './Typography.js';
-import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu } from './HeaderCellMenu-810f0594.js';
+import { T as TABLE_SORT_ORDERS, U as URL_SORT_ORDERS, H as HeaderCellMenu } from './HeaderCellMenu-4e7c17aa.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { Resizable } from 'react-resizable';
 import '@babel/runtime/helpers/classCallCheck';
@@ -29,7 +29,7 @@ import 'dayjs/plugin/utc';
 import 'dayjs/plugin/weekday';
 import 'dayjs/plugin/weekOfYear';
 import 'qs';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/{Textarea-e836f83e.js → Textarea-938a680f.js}

@@ -160,4 +160,4 @@ var Textarea = /*#__PURE__*/forwardRef(function (_ref, ref) {
 Textarea.displayName = "Textarea";
 
 export { Textarea as T, useSyncedRef as u };
-//# sourceMappingURL=Textarea-e836f83e.js.map
+//# sourceMappingURL=Textarea-938a680f.js.map

package/dist/{Textarea-e836f83e.js.map → Textarea-938a680f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Textarea-e836f83e.js","sources":["../src/hooks/useSyncedRef.js","../src/components/Textarea.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nconst useSyncedRef = ref => {\n  const innerRef = useRef();\n\n  useEffect(() => {\n    if (!ref) return;\n\n    if (typeof ref === \"function\") {\n      ref(innerRef.current);\n    } else {\n      ref.current = innerRef.current;\n    }\n  });\n\n  return innerRef;\n};\n\nexport default useSyncedRef;\n","import React, { useState, useEffect, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useSyncedRef, useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst ROWS = { small: 1, medium: 3, large: 4 };\n\nconst RESIZE = { vertical: \"vertical\", none: \"none\" };\n\nconst Textarea = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      resize = RESIZE.vertical,\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      required = false,\n      nakedTextarea = false,\n      helpText = \"\",\n      error = \"\",\n      label = \"\",\n      className = \"\",\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(\"\");\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const textareaRef = useSyncedRef(ref);\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChangeInternal = e => setValueInternal(e.target.value);\n    const onChange = otherProps.onChange ?? onChangeInternal;\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    useEffect(() => {\n      textareaRef.current.style.minHeight = \"22px\";\n      textareaRef.current.style.height = \"auto\";\n      const scrollHeight = textareaRef.current.scrollHeight;\n      textareaRef.current.style.height = `${scrollHeight + 1}px`;\n    }, [value]);\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${hyphenize(label)}-text-input`}\n          className={classnames(\"neeto-ui-input\", \"neeto-ui-input--textarea\", {\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--naked\": !!nakedTextarea,\n            \"neeto-ui-input--small\": size === SIZES.small,\n            \"neeto-ui-input--medium\": size === SIZES.medium,\n            \"neeto-ui-input--large\": size === SIZES.large,\n            \"neeto-ui-input--resize--vertical\": resize === RESIZE.vertical,\n            \"neeto-ui-input--resize--none\": resize === RESIZE.none,\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <textarea\n            ref={textareaRef}\n            rows={ROWS[size]}\n            {...{\n              disabled,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              onChange,\n              value,\n            }}\n            onBlur={handleOnBlur}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p className=\"neeto-ui-input__help-text\" id={helpTextId}>\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nTextarea.propTypes = {\n  /**\n   * To specify the row height of the Textarea.\n   */\n  rows: PropTypes.number,\n  /**\n   * To specify the size of Textarea.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the label shown above the Textarea.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To provide the value of the Textarea.\n   */\n  value: PropTypes.string,\n  /**\n   * To provide the error message shown below the Textarea.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide the placeholder text for the Textarea.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the Textarea is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the Textarea is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To provide additional classnames to the Textarea container.\n   */\n  className: PropTypes.string,\n  /**\n   * The resize property sets whether the Textarea is resizable.\n   */\n  resize: PropTypes.oneOf(Object.values(RESIZE)),\n  /**\n   * To specify the text that appears below the Textarea.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To create a Textarea without any borders.\n   */\n  nakedTextarea: PropTypes.bool,\n  /**\n   * To specify a maximum character limit to the Textarea. Charater limit is visible only if the Textarea value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the Textarea.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Textarea.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Textarea;\n"],"names":["useSyncedRef","ref","innerRef","useRef","useEffect","current","SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","_ref2","_otherProps$value","_otherProps$onChange","_ref$size","size","_ref$resize","resize","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$required","required","_ref$nakedTextarea","nakedTextarea","_ref$helpText","helpText","_ref$error","error","_ref$label","label","_ref$className","className","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","valueInternal","setValueInternal","value","id","useId","errorId","concat","helpTextId","textareaRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":"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"}
+{"version":3,"file":"Textarea-938a680f.js","sources":["../src/hooks/useSyncedRef.js","../src/components/Textarea.jsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\nconst useSyncedRef = ref => {\n  const innerRef = useRef();\n\n  useEffect(() => {\n    if (!ref) return;\n\n    if (typeof ref === \"function\") {\n      ref(innerRef.current);\n    } else {\n      ref.current = innerRef.current;\n    }\n  });\n\n  return innerRef;\n};\n\nexport default useSyncedRef;\n","import React, { useState, useEffect, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useSyncedRef, useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst ROWS = { small: 1, medium: 3, large: 4 };\n\nconst RESIZE = { vertical: \"vertical\", none: \"none\" };\n\nconst Textarea = forwardRef(\n  (\n    {\n      size = SIZES.medium,\n      resize = RESIZE.vertical,\n      suffix = null,\n      prefix = null,\n      disabled = false,\n      required = false,\n      nakedTextarea = false,\n      helpText = \"\",\n      error = \"\",\n      label = \"\",\n      className = \"\",\n      maxLength,\n      unlimitedChars = false,\n      labelProps,\n      onBlur,\n      disableTrimOnBlur = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [valueInternal, setValueInternal] = useState(\"\");\n\n    const value = otherProps.value ?? valueInternal ?? \"\";\n\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n    const textareaRef = useSyncedRef(ref);\n\n    const valueLength = value?.toString().length || 0;\n    const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n    const onChangeInternal = e => setValueInternal(e.target.value);\n    const onChange = otherProps.onChange ?? onChangeInternal;\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n    useEffect(() => {\n      textareaRef.current.style.minHeight = \"22px\";\n      textareaRef.current.style.height = \"auto\";\n      const scrollHeight = textareaRef.current.scrollHeight;\n      textareaRef.current.style.height = `${scrollHeight + 1}px`;\n    }, [value]);\n\n    const handleTrimmedChangeOnBlur = e => {\n      if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n      const trimmedValue = value.trim();\n      if (value === trimmedValue) return;\n\n      e.target.value = trimmedValue;\n      onChange(e);\n    };\n\n    const handleOnBlur = e => {\n      handleTrimmedChangeOnBlur(e);\n      onBlur?.(e);\n    };\n\n    return (\n      <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n        <div className=\"neeto-ui-input__label-wrapper\">\n          {label && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(label)}-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {label}\n            </Label>\n          )}\n          {isCharacterLimitVisible && (\n            <p\n              className={classnames(\"neeto-ui-input__max-length\", {\n                \"neeto-ui-input__max-length--error\": maxLengthError,\n              })}\n            >\n              {valueLength}/{maxLength}\n            </p>\n          )}\n        </div>\n        <div\n          data-cy={`${hyphenize(label)}-text-input`}\n          className={classnames(\"neeto-ui-input\", \"neeto-ui-input--textarea\", {\n            \"neeto-ui-input--error\": !!error,\n            \"neeto-ui-input--disabled\": !!disabled,\n            \"neeto-ui-input--naked\": !!nakedTextarea,\n            \"neeto-ui-input--small\": size === SIZES.small,\n            \"neeto-ui-input--medium\": size === SIZES.medium,\n            \"neeto-ui-input--large\": size === SIZES.large,\n            \"neeto-ui-input--resize--vertical\": resize === RESIZE.vertical,\n            \"neeto-ui-input--resize--none\": resize === RESIZE.none,\n          })}\n        >\n          {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n          <textarea\n            ref={textareaRef}\n            rows={ROWS[size]}\n            {...{\n              disabled,\n              ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n              ...otherProps,\n              onChange,\n              value,\n            }}\n            onBlur={handleOnBlur}\n          />\n          {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(label)}-input-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n        {helpText && (\n          <p className=\"neeto-ui-input__help-text\" id={helpTextId}>\n            {helpText}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = \"Textarea\";\n\nTextarea.propTypes = {\n  /**\n   * To specify the row height of the Textarea.\n   */\n  rows: PropTypes.number,\n  /**\n   * To specify the size of Textarea.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify the label shown above the Textarea.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To provide the value of the Textarea.\n   */\n  value: PropTypes.string,\n  /**\n   * To provide the error message shown below the Textarea.\n   */\n  error: PropTypes.string,\n  /**\n   * To provide the placeholder text for the Textarea.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * To specify whether the Textarea is required.\n   */\n  required: PropTypes.bool,\n  /**\n   * To specify whether the Textarea is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To provide additional classnames to the Textarea container.\n   */\n  className: PropTypes.string,\n  /**\n   * The resize property sets whether the Textarea is resizable.\n   */\n  resize: PropTypes.oneOf(Object.values(RESIZE)),\n  /**\n   * To specify the text that appears below the Textarea.\n   */\n  helpText: PropTypes.string,\n  /**\n   * To create a Textarea without any borders.\n   */\n  nakedTextarea: PropTypes.bool,\n  /**\n   * To specify a maximum character limit to the Textarea. Charater limit is visible only if the Textarea value is greater than or equal to 85% of the maximum character limit.\n   */\n  maxLength: PropTypes.number,\n  /**\n   * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n   */\n  unlimitedChars: PropTypes.bool,\n  /**\n   * To specify the content to be added at the end of the Textarea.\n   */\n  suffix: PropTypes.node,\n  /**\n   * To specify the content to be added at the beginning of the Textarea.\n   */\n  prefix: PropTypes.node,\n  /**\n   * To disable leading and trailing white spaces onBlur.\n   */\n  disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Textarea;\n"],"names":["useSyncedRef","ref","innerRef","useRef","useEffect","current","SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","_ref2","_otherProps$value","_otherProps$onChange","_ref$size","size","_ref$resize","resize","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$required","required","_ref$nakedTextarea","nakedTextarea","_ref$helpText","helpText","_ref$error","error","_ref$label","label","_ref$className","className","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","valueInternal","setValueInternal","value","id","useId","errorId","concat","helpTextId","textareaRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":"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"}

package/dist/Textarea.js

@@ -10,7 +10,7 @@ import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import './index-9d5142b4.js';
 import 'qs';
-export { T as default } from './Textarea-e836f83e.js';
+export { T as default } from './Textarea-938a680f.js';
 import './Label.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
@@ -23,7 +23,7 @@ import '@bigbinary/neeto-cist';
 import 'ramda';
 import '@bigbinary/neeto-icons';
 import './Button.js';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/TimePicker.js

@@ -22,7 +22,7 @@ import 'react-colorful';
 import './tinycolor-282c618c.js';
 import './Dropdown.js';
 import './index-9d5142b4.js';
-export { T as default } from './index-4a662f27.js';
+export { T as default } from './index-eb249a9f.js';
 import './Input.js';
 import './Label.js';
 import './MultiEmailInput.js';
@@ -31,10 +31,11 @@ import './useId-c1d20bba.js';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import 'qs';
-import './Textarea-e836f83e.js';
+import './Textarea-938a680f.js';
 import '@babel/runtime/helpers/toConsumableArray';
 import './Pane.js';
 import './Popover.js';
+import 'framer-motion';
 import './Radio.js';
 import '@bigbinary/neeto-cist';
 import '@babel/runtime/helpers/esm/objectSpread2';
@@ -57,14 +58,13 @@ import './Switch.js';
 import './Tab.js';
 import 'antd/lib/table';
 import 'react-drag-listview';
-import './HeaderCellMenu-810f0594.js';
+import './HeaderCellMenu-4e7c17aa.js';
 import 'react-resizable';
 import './Tag.js';
 import './TimePickerInput.js';
 import './Toastr.js';
 import 'antd/lib/tree';
 import './TreeSelect.js';
-import './motion-087daf52.js';
 import 'dayjs';
 import 'dayjs/plugin/localeData';
 import 'dayjs/plugin/utc';

package/dist/TimePickerInput.js

@@ -18,7 +18,7 @@ import { h as hyphenize, n as noop } from './index-9d5142b4.js';
 import 'qs';
 import { Close, Clock } from '@bigbinary/neeto-icons';
 import './Button.js';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/TreeSelect.js

@@ -21,7 +21,7 @@ import 'qs';
 import 'ramda';
 import './Button.js';
 import 'react-router-dom';
-import './motion-087daf52.js';
+import 'framer-motion';
 import './Tooltip.js';
 import '@tippyjs/react';
 import 'tippy.js';

package/dist/cjs/Accordion.js

@@ -7,324 +7,18 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var ramda = require('ramda');
+var framerMotion = require('framer-motion');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var motion = require('./motion-a1906aff.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-}
-
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 
-function useIsMounted() {
-    const isMounted = React.useRef(false);
-    motion.useIsomorphicLayoutEffect(() => {
-        isMounted.current = true;
-        return () => {
-            isMounted.current = false;
-        };
-    }, []);
-    return isMounted;
-}
-
-function useForceUpdate() {
-    const isMounted = useIsMounted();
-    const [forcedRenderCount, setForcedRenderCount] = React.useState(0);
-    const forceRender = React.useCallback(() => {
-        isMounted.current && setForcedRenderCount(forcedRenderCount + 1);
-    }, [forcedRenderCount]);
-    /**
-     * Defer this to the end of the next animation frame in case there are multiple
-     * synchronous calls.
-     */
-    const deferredForceRender = React.useCallback(() => motion.frame.postRender(forceRender), [forceRender]);
-    return [deferredForceRender, forcedRenderCount];
-}
-
-/**
- * Measurement functionality has to be within a separate component
- * to leverage snapshot lifecycle.
- */
-class PopChildMeasure extends React__namespace.Component {
-    getSnapshotBeforeUpdate(prevProps) {
-        const element = this.props.childRef.current;
-        if (element && prevProps.isPresent && !this.props.isPresent) {
-            const size = this.props.sizeRef.current;
-            size.height = element.offsetHeight || 0;
-            size.width = element.offsetWidth || 0;
-            size.top = element.offsetTop;
-            size.left = element.offsetLeft;
-        }
-        return null;
-    }
-    /**
-     * Required with getSnapshotBeforeUpdate to stop React complaining.
-     */
-    componentDidUpdate() { }
-    render() {
-        return this.props.children;
-    }
-}
-function PopChild({ children, isPresent }) {
-    const id = React.useId();
-    const ref = React.useRef(null);
-    const size = React.useRef({
-        width: 0,
-        height: 0,
-        top: 0,
-        left: 0,
-    });
-    /**
-     * We create and inject a style block so we can apply this explicit
-     * sizing in a non-destructive manner by just deleting the style block.
-     *
-     * We can't apply size via render as the measurement happens
-     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the
-     * styles directly on the DOM node, we might be overwriting
-     * styles set via the style prop.
-     */
-    React.useInsertionEffect(() => {
-        const { width, height, top, left } = size.current;
-        if (isPresent || !ref.current || !width || !height)
-            return;
-        ref.current.dataset.motionPopId = id;
-        const style = document.createElement("style");
-        document.head.appendChild(style);
-        if (style.sheet) {
-            style.sheet.insertRule(`
-          [data-motion-pop-id="${id}"] {
-            position: absolute !important;
-            width: ${width}px !important;
-            height: ${height}px !important;
-            top: ${top}px !important;
-            left: ${left}px !important;
-          }
-        `);
-        }
-        return () => {
-            document.head.removeChild(style);
-        };
-    }, [isPresent]);
-    return (React__namespace.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React__namespace.cloneElement(children, { ref })));
-}
-
-const PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {
-    const presenceChildren = motion.useConstant(newChildrenMap);
-    const id = React.useId();
-    const context = React.useMemo(() => ({
-        id,
-        initial,
-        isPresent,
-        custom,
-        onExitComplete: (childId) => {
-            presenceChildren.set(childId, true);
-            for (const isComplete of presenceChildren.values()) {
-                if (!isComplete)
-                    return; // can stop searching when any is incomplete
-            }
-            onExitComplete && onExitComplete();
-        },
-        register: (childId) => {
-            presenceChildren.set(childId, false);
-            return () => presenceChildren.delete(childId);
-        },
-    }), 
-    /**
-     * If the presence of a child affects the layout of the components around it,
-     * we want to make a new context value to ensure they get re-rendered
-     * so they can detect that layout change.
-     */
-    presenceAffectsLayout ? undefined : [isPresent]);
-    React.useMemo(() => {
-        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));
-    }, [isPresent]);
-    /**
-     * If there's no `motion` components to fire exit animations, we want to remove this
-     * component immediately.
-     */
-    React__namespace.useEffect(() => {
-        !isPresent &&
-            !presenceChildren.size &&
-            onExitComplete &&
-            onExitComplete();
-    }, [isPresent]);
-    if (mode === "popLayout") {
-        children = React__namespace.createElement(PopChild, { isPresent: isPresent }, children);
-    }
-    return (React__namespace.createElement(motion.PresenceContext.Provider, { value: context }, children));
-};
-function newChildrenMap() {
-    return new Map();
-}
-
-function useUnmountEffect(callback) {
-    return React.useEffect(() => () => callback(), []);
-}
-
-const getChildKey = (child) => child.key || "";
-function updateChildLookup(children, allChildren) {
-    children.forEach((child) => {
-        const key = getChildKey(child);
-        allChildren.set(key, child);
-    });
-}
-function onlyElements(children) {
-    const filtered = [];
-    // We use forEach here instead of map as map mutates the component key by preprending `.$`
-    React.Children.forEach(children, (child) => {
-        if (React.isValidElement(child))
-            filtered.push(child);
-    });
-    return filtered;
-}
-/**
- * `AnimatePresence` enables the animation of components that have been removed from the tree.
- *
- * When adding/removing more than a single child, every child **must** be given a unique `key` prop.
- *
- * Any `motion` components that have an `exit` property defined will animate out when removed from
- * the tree.
- *
- * ```jsx
- * import { motion, AnimatePresence } from 'framer-motion'
- *
- * export const Items = ({ items }) => (
- *   <AnimatePresence>
- *     {items.map(item => (
- *       <motion.div
- *         key={item.id}
- *         initial={{ opacity: 0 }}
- *         animate={{ opacity: 1 }}
- *         exit={{ opacity: 0 }}
- *       />
- *     ))}
- *   </AnimatePresence>
- * )
- * ```
- *
- * You can sequence exit animations throughout a tree using variants.
- *
- * If a child contains multiple `motion` components with `exit` props, it will only unmount the child
- * once all `motion` components have finished animating out. Likewise, any components using
- * `usePresence` all need to call `safeToRemove`.
- *
- * @public
- */
-const AnimatePresence = ({ children, custom, initial = true, onExitComplete, exitBeforeEnter, presenceAffectsLayout = true, mode = "sync", }) => {
-    motion.invariant(!exitBeforeEnter);
-    // We want to force a re-render once all exiting animations have finished. We
-    // either use a local forceRender function, or one from a parent context if it exists.
-    const forceRender = React.useContext(motion.LayoutGroupContext).forceRender || useForceUpdate()[0];
-    const isMounted = useIsMounted();
-    // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key
-    const filteredChildren = onlyElements(children);
-    let childrenToRender = filteredChildren;
-    const exitingChildren = React.useRef(new Map()).current;
-    // Keep a living record of the children we're actually rendering so we
-    // can diff to figure out which are entering and exiting
-    const presentChildren = React.useRef(childrenToRender);
-    // A lookup table to quickly reference components by key
-    const allChildren = React.useRef(new Map()).current;
-    // If this is the initial component render, just deal with logic surrounding whether
-    // we play onMount animations or not.
-    const isInitialRender = React.useRef(true);
-    motion.useIsomorphicLayoutEffect(() => {
-        isInitialRender.current = false;
-        updateChildLookup(filteredChildren, allChildren);
-        presentChildren.current = childrenToRender;
-    });
-    useUnmountEffect(() => {
-        isInitialRender.current = true;
-        allChildren.clear();
-        exitingChildren.clear();
-    });
-    if (isInitialRender.current) {
-        return (React__namespace.createElement(React__namespace.Fragment, null, childrenToRender.map((child) => (React__namespace.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child)))));
-    }
-    // If this is a subsequent render, deal with entering and exiting children
-    childrenToRender = [...childrenToRender];
-    // Diff the keys of the currently-present and target children to update our
-    // exiting list.
-    const presentKeys = presentChildren.current.map(getChildKey);
-    const targetKeys = filteredChildren.map(getChildKey);
-    // Diff the present children with our target children and mark those that are exiting
-    const numPresent = presentKeys.length;
-    for (let i = 0; i < numPresent; i++) {
-        const key = presentKeys[i];
-        if (targetKeys.indexOf(key) === -1 && !exitingChildren.has(key)) {
-            exitingChildren.set(key, undefined);
-        }
-    }
-    // If we currently have exiting children, and we're deferring rendering incoming children
-    // until after all current children have exiting, empty the childrenToRender array
-    if (mode === "wait" && exitingChildren.size) {
-        childrenToRender = [];
-    }
-    // Loop through all currently exiting components and clone them to overwrite `animate`
-    // with any `exit` prop they might have defined.
-    exitingChildren.forEach((component, key) => {
-        // If this component is actually entering again, early return
-        if (targetKeys.indexOf(key) !== -1)
-            return;
-        const child = allChildren.get(key);
-        if (!child)
-            return;
-        const insertionIndex = presentKeys.indexOf(key);
-        let exitingComponent = component;
-        if (!exitingComponent) {
-            const onExit = () => {
-                allChildren.delete(key);
-                exitingChildren.delete(key);
-                // Remove this child from the present children
-                const removeIndex = presentChildren.current.findIndex((presentChild) => presentChild.key === key);
-                presentChildren.current.splice(removeIndex, 1);
-                // Defer re-rendering until all exiting children have indeed left
-                if (!exitingChildren.size) {
-                    presentChildren.current = filteredChildren;
-                    if (isMounted.current === false)
-                        return;
-                    forceRender();
-                    onExitComplete && onExitComplete();
-                }
-            };
-            exitingComponent = (React__namespace.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));
-            exitingChildren.set(key, exitingComponent);
-        }
-        childrenToRender.splice(insertionIndex, 0, exitingComponent);
-    });
-    // Add `MotionContext` even to children that don't need it to ensure we're rendering
-    // the same tree between renders
-    childrenToRender = childrenToRender.map((child) => {
-        const key = child.key;
-        return exitingChildren.has(key) ? (child) : (React__namespace.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));
-    });
-    return (React__namespace.createElement(React__namespace.Fragment, null, exitingChildren.size
-        ? childrenToRender
-        : childrenToRender.map((child) => React.cloneElement(child))));
-};
-
 var _excluded$1 = ["open", "children", "className"];
 var Collapse = function Collapse(_ref) {
   var _ref$open = _ref.open,
@@ -333,7 +27,7 @@ var Collapse = function Collapse(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
-  return /*#__PURE__*/React__default["default"].createElement(AnimatePresence, null, open && /*#__PURE__*/React__default["default"].createElement(motion.motion.div, _extends__default["default"]({
+  return /*#__PURE__*/React__default["default"].createElement(framerMotion.AnimatePresence, null, open && /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, _extends__default["default"]({
     animate: {
       opacity: 1,
       height: "auto"
@@ -394,7 +88,7 @@ var Item = function Item(_ref) {
     })
   }, /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({}, titleProps, {
     className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words"
-  }), title), /*#__PURE__*/React__default["default"].createElement(motion.motion.div, {
+  }), title), /*#__PURE__*/React__default["default"].createElement(framerMotion.motion.div, {
     animate: isOpen ? "open" : "collapsed",
     className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
     transition: {