@bigbinary/neetoui 6.6.0 → 6.7.0

package/dist/Textarea.js

@@ -8,7 +8,7 @@ import { u as useId } from './useId-c1d20bba.js';
 import 'react-router-dom';
 import './index-7fae3611.js';
 import './overlayManager.js';
-import { h as hyphenize } from './index-26f3deee.js';
+import { h as hyphenize } from './index-c8d9113c.js';
 import { u as useSyncedRef } from './useSyncedRef-226a3dbc.js';
 import Label from './Label.js';
 import './toPropertyKey-bdc24cb9.js';
@@ -17,7 +17,8 @@ import './createClass-601a36b2.js';
 import '@bigbinary/neeto-cist';
 import 'util';
 import '@bigbinary/neeto-icons';
-import './index-2123b5e9.js';
+import './index-c442518b.js';
+import 'tippy.js';
 import 'react-dom';
 
 var _excluded = ["size", "resize", "suffix", "prefix", "disabled", "required", "nakedTextarea", "helpText", "error", "label", "className", "maxLength", "unlimitedChars", "labelProps", "onBlur", "disableTrimOnBlur"];

package/dist/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../src/components/Textarea.jsx"],"sourcesContent":["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":["SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","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","useSyncedRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","useEffect","current","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.js","sources":["../src/components/Textarea.jsx"],"sourcesContent":["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":["SIZES","small","medium","large","ROWS","RESIZE","vertical","none","Textarea","forwardRef","_ref","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","useSyncedRef","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChangeInternal","e","target","onChange","isMaxLengthPresent","useEffect","current","style","minHeight","height","scrollHeight","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","rows","_objectSpread","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,KAAK,GAAG;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,KAAK,EAAE,OAAA;AAAQ,CAAC,CAAA;AAElE,IAAMC,IAAI,GAAG;AAAEH,EAAAA,KAAK,EAAE,CAAC;AAAEC,EAAAA,MAAM,EAAE,CAAC;AAAEC,EAAAA,KAAK,EAAE,CAAA;AAAE,CAAC,CAAA;AAE9C,IAAME,MAAM,GAAG;AAAEC,EAAAA,QAAQ,EAAE,UAAU;AAAEC,EAAAA,IAAI,EAAE,MAAA;AAAO,CAAC,CAAA;AAE/CC,IAAAA,QAAQ,gBAAGC,UAAU,CACzB,UAAAC,IAAA,EAoBEC,GAAG,EACA;AAAA,EAAA,IAAAC,KAAA,EAAAC,iBAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IAAAC,SAAA,GAAAL,IAAA,CAnBDM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGf,KAAK,CAACE,MAAM,GAAAa,SAAA;IAAAE,WAAA,GAAAP,IAAA,CACnBQ,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,KAAA,CAAA,GAAGZ,MAAM,CAACC,QAAQ,GAAAW,WAAA;IAAAE,WAAA,GAAAT,IAAA,CACxBU,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA;IAAAE,WAAA,GAAAX,IAAA,CACbY,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,WAAA;IAAAE,aAAA,GAAAb,IAAA,CACbc,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAAAf,IAAA,CAChBgB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,kBAAA,GAAAjB,IAAA,CAChBkB,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,aAAA,GAAAnB,IAAA,CACrBoB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAArB,IAAA,CACbsB,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAvB,IAAA,CACVwB,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAzB,IAAA,CACV0B,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IACdE,SAAS,GAAA3B,IAAA,CAAT2B,SAAS;IAAAC,mBAAA,GAAA5B,IAAA,CACT6B,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,UAAU,GAAA9B,IAAA,CAAV8B,UAAU;IACVC,MAAM,GAAA/B,IAAA,CAAN+B,MAAM;IAAAC,qBAAA,GAAAhC,IAAA,CACNiC,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AACtBE,IAAAA,UAAU,GAAAC,wBAAA,CAAAnC,IAAA,EAAAoC,SAAA,CAAA,CAAA;AAIf,EAAA,IAAAC,SAAA,GAA0CC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/CI,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;EAEtC,IAAMI,KAAK,IAAAzC,KAAA,GAAA,CAAAC,iBAAA,GAAG+B,UAAU,CAACS,KAAK,MAAA,IAAA,IAAAxC,iBAAA,KAAAA,KAAAA,CAAAA,GAAAA,iBAAA,GAAIsC,aAAa,MAAA,IAAA,IAAAvC,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAI,EAAE,CAAA;AAErD,EAAA,IAAM0C,EAAE,GAAGC,KAAK,CAACX,UAAU,CAACU,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,UAAU,GAAA,WAAA,CAAAD,MAAA,CAAeH,EAAE,CAAE,CAAA;AACnC,EAAA,IAAMK,WAAW,GAAGC,YAAY,CAACjD,GAAG,CAAC,CAAA;AAErC,EAAA,IAAMkD,WAAW,GAAG,CAAAR,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAES,QAAQ,EAAE,CAACC,MAAM,KAAI,CAAC,CAAA;AACjD,EAAA,IAAMC,uBAAuB,GAAGH,WAAW,IAAIxB,SAAS,GAAG,IAAI,CAAA;AAC/D,EAAA,IAAM4B,cAAc,GAAG1B,cAAc,IAAIsB,WAAW,GAAGxB,SAAS,CAAA;AAEhE,EAAA,IAAM6B,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,CAAC,EAAA;AAAA,IAAA,OAAIf,gBAAgB,CAACe,CAAC,CAACC,MAAM,CAACf,KAAK,CAAC,CAAA;AAAA,GAAA,CAAA;AAC9D,EAAA,IAAMgB,QAAQ,GAAA,CAAAvD,oBAAA,GAAG8B,UAAU,CAACyB,QAAQ,MAAA,IAAA,IAAAvD,oBAAA,KAAA,KAAA,CAAA,GAAAA,oBAAA,GAAIoD,gBAAgB,CAAA;EACxD,IAAMI,kBAAkB,GAAG,CAAC,CAACjC,SAAS,IAAIA,SAAS,KAAK,CAAC,CAAA;AAEzDkC,EAAAA,SAAS,CAAC,YAAM;AACdZ,IAAAA,WAAW,CAACa,OAAO,CAACC,KAAK,CAACC,SAAS,GAAG,MAAM,CAAA;AAC5Cf,IAAAA,WAAW,CAACa,OAAO,CAACC,KAAK,CAACE,MAAM,GAAG,MAAM,CAAA;AACzC,IAAA,IAAMC,YAAY,GAAGjB,WAAW,CAACa,OAAO,CAACI,YAAY,CAAA;AACrDjB,IAAAA,WAAW,CAACa,OAAO,CAACC,KAAK,CAACE,MAAM,GAAAlB,EAAAA,CAAAA,MAAA,CAAMmB,YAAY,GAAG,CAAC,EAAI,IAAA,CAAA,CAAA;AAC5D,GAAC,EAAE,CAACvB,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,IAAMwB,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAGV,CAAC,EAAI;AACrC,IAAA,IAAIxB,iBAAiB,IAAI,OAAOU,KAAK,KAAK,QAAQ,EAAE,OAAA;AAEpD,IAAA,IAAMyB,YAAY,GAAGzB,KAAK,CAAC0B,IAAI,EAAE,CAAA;IACjC,IAAI1B,KAAK,KAAKyB,YAAY,EAAE,OAAA;AAE5BX,IAAAA,CAAC,CAACC,MAAM,CAACf,KAAK,GAAGyB,YAAY,CAAA;IAC7BT,QAAQ,CAACF,CAAC,CAAC,CAAA;GACZ,CAAA;AAED,EAAA,IAAMa,YAAY,GAAG,SAAfA,YAAYA,CAAGb,CAAC,EAAI;IACxBU,yBAAyB,CAACV,CAAC,CAAC,CAAA;AAC5B1B,IAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,IAANA,MAAM,CAAG0B,CAAC,CAAC,CAAA;GACZ,CAAA;EAED,oBACEc,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK9C,IAAAA,SAAS,EAAE+C,UAAU,CAAC,CAAC,yBAAyB,EAAE/C,SAAS,CAAC,CAAA;GAC/D6C,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK9C,IAAAA,SAAS,EAAC,+BAAA;GACZF,EAAAA,KAAK,iBACJ+C,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAAC,QAAA,CAAA;AACE3D,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAA+B,MAAA,CAAY6B,SAAS,CAACpD,KAAK,CAAC,EAAS,QAAA,CAAA;AACrCqD,IAAAA,OAAO,EAAEjC,EAAAA;GACLd,EAAAA,UAAU,GAEbN,KAAK,CAET,EACA8B,uBAAuB,iBACtBiB,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACE9C,IAAAA,SAAS,EAAE+C,UAAU,CAAC,4BAA4B,EAAE;AAClD,MAAA,mCAAmC,EAAElB,cAAAA;KACtC,CAAA;GAEAJ,EAAAA,WAAW,EAAC,GAAC,EAACxB,SAAS,CAE3B,CACG,eACN4C,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE,IAAA,SAAA,EAAA,EAAA,CAAAzB,MAAA,CAAY6B,SAAS,CAACpD,KAAK,CAAC,EAAc,aAAA,CAAA;AAC1CE,IAAAA,SAAS,EAAE+C,UAAU,CAAC,gBAAgB,EAAE,0BAA0B,EAAE;MAClE,uBAAuB,EAAE,CAAC,CAACnD,KAAK;MAChC,0BAA0B,EAAE,CAAC,CAACR,QAAQ;MACtC,uBAAuB,EAAE,CAAC,CAACI,aAAa;AACxC,MAAA,uBAAuB,EAAEZ,IAAI,KAAKhB,KAAK,CAACC,KAAK;AAC7C,MAAA,wBAAwB,EAAEe,IAAI,KAAKhB,KAAK,CAACE,MAAM;AAC/C,MAAA,uBAAuB,EAAEc,IAAI,KAAKhB,KAAK,CAACG,KAAK;AAC7C,MAAA,kCAAkC,EAAEe,MAAM,KAAKb,MAAM,CAACC,QAAQ;AAC9D,MAAA,8BAA8B,EAAEY,MAAM,KAAKb,MAAM,CAACE,IAAAA;KACnD,CAAA;AAAE,GAAA,EAEFe,MAAM,iBAAI2D,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK9C,IAAAA,SAAS,EAAC,wBAAA;AAAwB,GAAA,EAAEd,MAAM,CAAO,eACjE2D,cAAA,CAAAC,aAAA,aAAAG,QAAA,CAAA;AACE1E,IAAAA,GAAG,EAAEgD,WAAY;IACjB6B,IAAI,EAAEpF,IAAI,CAACY,IAAI,CAAA;AAAE,GAAA,EAAAyE,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AAEfjE,IAAAA,QAAQ,EAARA,QAAAA;AAAQ,GAAA,EACJ8C,kBAAkB,IAAI,CAAC/B,cAAc,IAAI;AAAEF,IAAAA,SAAS,EAATA,SAAAA;AAAU,GAAC,GACvDO,UAAU,CAAA,EAAA,EAAA,EAAA;AACbyB,IAAAA,QAAQ,EAARA,QAAQ;AACRhB,IAAAA,KAAK,EAALA,KAAAA;AAAK,GAAA,CAAA,EAAA;AAEPZ,IAAAA,MAAM,EAAEuC,YAAAA;AAAa,GAAA,CAAA,CACrB,EACD5D,MAAM,iBAAI6D,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK9C,IAAAA,SAAS,EAAC,wBAAA;GAA0BhB,EAAAA,MAAM,CAAO,CAC7D,EACL,CAAC,CAACY,KAAK,iBACNiD,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACE9C,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAqB,MAAA,CAAY6B,SAAS,CAACpD,KAAK,CAAC,EAAe,cAAA,CAAA;AAC3CoB,IAAAA,EAAE,EAAEE,OAAAA;AAAQ,GAAA,EAEXxB,KAAK,CAET,EACAF,QAAQ,iBACPmD,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAG9C,IAAAA,SAAS,EAAC,2BAA2B;AAACkB,IAAAA,EAAE,EAAEI,UAAAA;GAC1C5B,EAAAA,QAAQ,CAEZ,CACG,CAAA;AAEV,CAAC,EACF;AAEDtB,QAAQ,CAACkF,WAAW,GAAG,UAAU;;;;"}

package/dist/TimePicker.js

@@ -10,12 +10,13 @@ import { u as useId } from './useId-c1d20bba.js';
 import 'react-router-dom';
 import './index-7fae3611.js';
 import './overlayManager.js';
-import { c as convertToDayjsObjects, h as hyphenize, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, n as noop } from './index-26f3deee.js';
+import { c as convertToDayjsObjects, h as hyphenize, A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, n as noop } from './index-c8d9113c.js';
 import { u as useSyncedRef } from './useSyncedRef-226a3dbc.js';
 import _DatePicker from 'antd/lib/date-picker';
 import './toPropertyKey-bdc24cb9.js';
-import './index-2123b5e9.js';
+import './index-c442518b.js';
 import './slicedToArray-45fa766e.js';
+import 'tippy.js';
 import 'react-dom';
 import 'ramda';
 import './createClass-601a36b2.js';

package/dist/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sources":["../src/components/TimePicker/constants.js","../src/components/TimePicker/index.jsx"],"sourcesContent":["import { DatePicker as AntTimePicker } from \"antd\";\n\nconst { RangePicker } = AntTimePicker;\n\nexport const TIME_PICKER_TYPES = {\n  range: RangePicker,\n  time: AntTimePicker,\n};\n","import React, { forwardRef } from \"react\";\n\nimport { ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Clock } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useSyncedRef, useId } from \"hooks\";\nimport {\n  convertToDayjsObjects,\n  noop,\n  hyphenize,\n  ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES,\n} from \"utils\";\n\nimport { TIME_PICKER_TYPES } from \"./constants\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst TIME_PICKER_INTERVAL = {\n  hourStep: 1,\n  minuteStep: 1,\n  secondStep: 1,\n};\n\nconst TimePicker = forwardRef(\n  (\n    {\n      className = \"\",\n      label = \"\",\n      size = INPUT_SIZES.medium,\n      dropdownClassName = \"\",\n      popupClassName = \"\",\n      format = \"HH:mm:ss\",\n      interval = TIME_PICKER_INTERVAL,\n      onChange = noop,\n      type = \"time\",\n      nakedInput = false,\n      disabled = false,\n      error = \"\",\n      defaultValue,\n      value,\n      labelProps,\n      required = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const timePickerRef = useSyncedRef(ref);\n\n    const Component = TIME_PICKER_TYPES[type.toLowerCase()];\n\n    const errorId = `error_${id}`;\n\n    const showTimeLabels = {};\n    if (format.includes(\"s\")) {\n      showTimeLabels.second = true;\n    }\n\n    if (format.includes(\"m\")) {\n      showTimeLabels.minute = true;\n    }\n\n    if (format.includes(\"H\") || format.includes(\"h\")) {\n      showTimeLabels.hour = true;\n    }\n\n    const handleOnChange = (time, timeString) => {\n      type === \"range\" && !time\n        ? onChange([], timeString)\n        : onChange(time, timeString);\n    };\n\n    const panelRender = originalPanel => (\n      <div className=\"neeto-ui-date-input-custom-panel\">\n        <div className=\"neeto-ui-date-input-custom-panel__header\">\n          <ul className=\"neeto-ui-date-input-custom-panel__header-cols\">\n            {showTimeLabels.hour && (\n              <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n                Hour\n              </li>\n            )}\n            {showTimeLabels.minute && (\n              <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n                Minutes\n              </li>\n            )}\n            {showTimeLabels.second && (\n              <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n                Seconds\n              </li>\n            )}\n          </ul>\n        </div>\n        <div className=\"neeto-ui-date-input-custom-panel__body\">\n          {originalPanel}\n        </div>\n      </div>\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n          components: {\n            DatePicker: {\n              // Global overrides\n              colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n              colorPrimary: \"rgb(var(--neeto-ui-primary-500))\",\n              colorPrimaryHover: \"rgb(var(--neeto-ui-primary-600))\",\n              colorBorder: \"rgb(var(--neeto-ui-gray-300))\",\n              colorLink: \"rgb(var(--neeto-ui-primary-500))\",\n              colorLinkHover: \"rgb(var(--neeto-ui-primary-600))\",\n              colorText: \"rgb(var(--neeto-ui-gray-800))\",\n              colorTextDisabled: \"rgb(var(--neeto-ui-gray-500))\",\n              colorTextPlaceholder: \"rgb(var(--neeto-ui-gray-400))\",\n              controlItemBgActive: \"rgb(var(--neeto-ui-primary-800))\",\n              controlItemBgHover: \"rgb(var(--neeto-ui-gray-100))\",\n              controlOutline: \"rgb(var(--neeto-ui-gray-300))\",\n            },\n          },\n        }}\n      >\n        <div className=\"neeto-ui-input__wrapper\">\n          {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n          <Component\n            hourStep={interval.hourStep}\n            minuteStep={interval.minuteStep}\n            ref={timePickerRef}\n            secondStep={interval.secondStep}\n            className={classnames(\"neeto-ui-time-input\", [className], {\n              \"neeto-ui-time-input--small\": size === \"small\",\n              \"neeto-ui-time-input--medium\": size === \"medium\",\n              \"neeto-ui-time-input--large\": size === \"large\",\n              \"neeto-ui-time-input--disabled\": disabled,\n              \"neeto-ui-time-input--naked\": nakedInput,\n              \"neeto-ui-time-input--error\": error,\n            })}\n            popupClassName={classnames(\"neeto-ui-date-time-dropdown\", [\n              dropdownClassName, // Will be removed in the next major version\n              popupClassName,\n            ])}\n            onChange={handleOnChange}\n            {...{ disabled, format, ...otherProps, panelRender }}\n            defaultValue={convertToDayjsObjects(defaultValue)}\n            mode={undefined}\n            picker=\"time\"\n            suffixIcon={<Clock size={16} />}\n            value={convertToDayjsObjects(value)}\n          />\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        </div>\n      </ConfigProvider>\n    );\n  }\n);\n\nTimePicker.displayName = \"TimePicker\";\n\nTimePicker.propTypes = {\n  /**\n   * To provide external classnames to TimePicker component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the text to be displayed above the TimePicker.\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 set the size of the TimePicker.\n   */\n  size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n  /**\n   * To set the TimePicker as naked Input field.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify the error message to be shown in the TimePicker.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the time format.\n   */\n  format: PropTypes.string,\n  /**\n   * To specify the time interval.\n   */\n  interval: PropTypes.object,\n  /**\n   * For `TimeInput`,(time, timeString) => {} <br />\n   * For `TimeRange`, (time, [startTime, endTime]) => {}\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the type of the TimePicker.\n   */\n  type: PropTypes.oneOf([\"time\", \"range\"]),\n  /**\n   * To set TimePicker as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the values to be displayed inside the TimePicker.\n   */\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * To specify custom classnames to be applied to the TimePicker dropdown.\n   */\n  dropdownClassName: PropTypes.string,\n  /**\n   * To specify the default values to be displayed inside the TimePicker.\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * To specify whether the Time picker is required or not.\n   */\n  required: PropTypes.bool,\n};\n\nexport default TimePicker;\n"],"names":["RangePicker","_DatePicker","TIME_PICKER_TYPES","range","time","INPUT_SIZES","small","medium","large","TIME_PICKER_INTERVAL","hourStep","minuteStep","secondStep","TimePicker","forwardRef","_ref","ref","_ref$className","className","_ref$label","label","_ref$size","size","_ref$dropdownClassNam","dropdownClassName","_ref$popupClassName","popupClassName","_ref$format","format","_ref$interval","interval","_ref$onChange","onChange","noop","_ref$type","type","_ref$nakedInput","nakedInput","_ref$disabled","disabled","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","otherProps","_objectWithoutProperties","_excluded","id","useId","timePickerRef","useSyncedRef","Component","toLowerCase","errorId","concat","showTimeLabels","includes","second","minute","hour","handleOnChange","timeString","panelRender","originalPanel","React","createElement","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","DatePicker","colorBgElevated","colorPrimary","colorPrimaryHover","colorBorder","colorLink","colorLinkHover","colorText","colorTextDisabled","colorTextPlaceholder","controlItemBgActive","controlItemBgHover","controlOutline","Label","_extends","classnames","convertToDayjsObjects","mode","undefined","picker","suffixIcon","Clock","hyphenize","displayName"],"mappings":"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"}
+{"version":3,"file":"TimePicker.js","sources":["../src/components/TimePicker/constants.js","../src/components/TimePicker/index.jsx"],"sourcesContent":["import { DatePicker as AntTimePicker } from \"antd\";\n\nconst { RangePicker } = AntTimePicker;\n\nexport const TIME_PICKER_TYPES = {\n  range: RangePicker,\n  time: AntTimePicker,\n};\n","import React, { forwardRef } from \"react\";\n\nimport { ConfigProvider } from \"antd\";\nimport classnames from \"classnames\";\nimport { Clock } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useSyncedRef, useId } from \"hooks\";\nimport {\n  convertToDayjsObjects,\n  noop,\n  hyphenize,\n  ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES,\n} from \"utils\";\n\nimport { TIME_PICKER_TYPES } from \"./constants\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst TIME_PICKER_INTERVAL = {\n  hourStep: 1,\n  minuteStep: 1,\n  secondStep: 1,\n};\n\nconst TimePicker = forwardRef(\n  (\n    {\n      className = \"\",\n      label = \"\",\n      size = INPUT_SIZES.medium,\n      dropdownClassName = \"\",\n      popupClassName = \"\",\n      format = \"HH:mm:ss\",\n      interval = TIME_PICKER_INTERVAL,\n      onChange = noop,\n      type = \"time\",\n      nakedInput = false,\n      disabled = false,\n      error = \"\",\n      defaultValue,\n      value,\n      labelProps,\n      required = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const timePickerRef = useSyncedRef(ref);\n\n    const Component = TIME_PICKER_TYPES[type.toLowerCase()];\n\n    const errorId = `error_${id}`;\n\n    const showTimeLabels = {};\n    if (format.includes(\"s\")) {\n      showTimeLabels.second = true;\n    }\n\n    if (format.includes(\"m\")) {\n      showTimeLabels.minute = true;\n    }\n\n    if (format.includes(\"H\") || format.includes(\"h\")) {\n      showTimeLabels.hour = true;\n    }\n\n    const handleOnChange = (time, timeString) => {\n      type === \"range\" && !time\n        ? onChange([], timeString)\n        : onChange(time, timeString);\n    };\n\n    const panelRender = originalPanel => (\n      <div className=\"neeto-ui-date-input-custom-panel\">\n        <div className=\"neeto-ui-date-input-custom-panel__header\">\n          <ul className=\"neeto-ui-date-input-custom-panel__header-cols\">\n            {showTimeLabels.hour && (\n              <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n                Hour\n              </li>\n            )}\n            {showTimeLabels.minute && (\n              <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n                Minutes\n              </li>\n            )}\n            {showTimeLabels.second && (\n              <li className=\"neeto-ui-date-input-custom-panel__header-col\">\n                Seconds\n              </li>\n            )}\n          </ul>\n        </div>\n        <div className=\"neeto-ui-date-input-custom-panel__body\">\n          {originalPanel}\n        </div>\n      </div>\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n          components: {\n            DatePicker: {\n              // Global overrides\n              colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n              colorPrimary: \"rgb(var(--neeto-ui-primary-500))\",\n              colorPrimaryHover: \"rgb(var(--neeto-ui-primary-600))\",\n              colorBorder: \"rgb(var(--neeto-ui-gray-300))\",\n              colorLink: \"rgb(var(--neeto-ui-primary-500))\",\n              colorLinkHover: \"rgb(var(--neeto-ui-primary-600))\",\n              colorText: \"rgb(var(--neeto-ui-gray-800))\",\n              colorTextDisabled: \"rgb(var(--neeto-ui-gray-500))\",\n              colorTextPlaceholder: \"rgb(var(--neeto-ui-gray-400))\",\n              controlItemBgActive: \"rgb(var(--neeto-ui-primary-800))\",\n              controlItemBgHover: \"rgb(var(--neeto-ui-gray-100))\",\n              controlOutline: \"rgb(var(--neeto-ui-gray-300))\",\n            },\n          },\n        }}\n      >\n        <div className=\"neeto-ui-input__wrapper\">\n          {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n          <Component\n            hourStep={interval.hourStep}\n            minuteStep={interval.minuteStep}\n            ref={timePickerRef}\n            secondStep={interval.secondStep}\n            className={classnames(\"neeto-ui-time-input\", [className], {\n              \"neeto-ui-time-input--small\": size === \"small\",\n              \"neeto-ui-time-input--medium\": size === \"medium\",\n              \"neeto-ui-time-input--large\": size === \"large\",\n              \"neeto-ui-time-input--disabled\": disabled,\n              \"neeto-ui-time-input--naked\": nakedInput,\n              \"neeto-ui-time-input--error\": error,\n            })}\n            popupClassName={classnames(\"neeto-ui-date-time-dropdown\", [\n              dropdownClassName, // Will be removed in the next major version\n              popupClassName,\n            ])}\n            onChange={handleOnChange}\n            {...{ disabled, format, ...otherProps, panelRender }}\n            defaultValue={convertToDayjsObjects(defaultValue)}\n            mode={undefined}\n            picker=\"time\"\n            suffixIcon={<Clock size={16} />}\n            value={convertToDayjsObjects(value)}\n          />\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        </div>\n      </ConfigProvider>\n    );\n  }\n);\n\nTimePicker.displayName = \"TimePicker\";\n\nTimePicker.propTypes = {\n  /**\n   * To provide external classnames to TimePicker component.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the text to be displayed above the TimePicker.\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 set the size of the TimePicker.\n   */\n  size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n  /**\n   * To set the TimePicker as naked Input field.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify the error message to be shown in the TimePicker.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the time format.\n   */\n  format: PropTypes.string,\n  /**\n   * To specify the time interval.\n   */\n  interval: PropTypes.object,\n  /**\n   * For `TimeInput`,(time, timeString) => {} <br />\n   * For `TimeRange`, (time, [startTime, endTime]) => {}\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify the type of the TimePicker.\n   */\n  type: PropTypes.oneOf([\"time\", \"range\"]),\n  /**\n   * To set TimePicker as disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the values to be displayed inside the TimePicker.\n   */\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * To specify custom classnames to be applied to the TimePicker dropdown.\n   */\n  dropdownClassName: PropTypes.string,\n  /**\n   * To specify the default values to be displayed inside the TimePicker.\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * To specify whether the Time picker is required or not.\n   */\n  required: PropTypes.bool,\n};\n\nexport default TimePicker;\n"],"names":["RangePicker","_DatePicker","TIME_PICKER_TYPES","range","time","INPUT_SIZES","small","medium","large","TIME_PICKER_INTERVAL","hourStep","minuteStep","secondStep","TimePicker","forwardRef","_ref","ref","_ref$className","className","_ref$label","label","_ref$size","size","_ref$dropdownClassNam","dropdownClassName","_ref$popupClassName","popupClassName","_ref$format","format","_ref$interval","interval","_ref$onChange","onChange","noop","_ref$type","type","_ref$nakedInput","nakedInput","_ref$disabled","disabled","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","otherProps","_objectWithoutProperties","_excluded","id","useId","timePickerRef","useSyncedRef","Component","toLowerCase","errorId","concat","showTimeLabels","includes","second","minute","hour","handleOnChange","timeString","panelRender","originalPanel","React","createElement","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","DatePicker","colorBgElevated","colorPrimary","colorPrimaryHover","colorBorder","colorLink","colorLinkHover","colorText","colorTextDisabled","colorTextPlaceholder","controlItemBgActive","controlItemBgHover","controlOutline","Label","_extends","classnames","convertToDayjsObjects","mode","undefined","picker","suffixIcon","Clock","hyphenize","displayName"],"mappings":"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"}

package/dist/TimePickerInput.js

@@ -3,21 +3,23 @@ import './defineProperty-e5245270.js';
 import './slicedToArray-45fa766e.js';
 import './objectWithoutProperties-a0edb288.js';
 import 'react';
-export { T as default } from './index-8ff7d9a1.js';
+import '@wojtekmaj/react-timerange-picker';
 import './index-3659771d.js';
-import './index-26f3deee.js';
+import './index-c8d9113c.js';
+export { T as default } from './index-661b9fd6.js';
 import '@bigbinary/neeto-cist';
+import 'react-time-picker';
 import './Label.js';
 import './useId-c1d20bba.js';
 import 'react-router-dom';
 import './index-7fae3611.js';
 import './overlayManager.js';
 import './toPropertyKey-bdc24cb9.js';
-import 'react-dom';
-import './index-283bc6a6.js';
-import '@bigbinary/neeto-icons';
 import './createClass-601a36b2.js';
 import 'util';
 import 'ramda';
-import './index-2123b5e9.js';
+import '@bigbinary/neeto-icons';
+import './index-c442518b.js';
+import 'tippy.js';
+import 'react-dom';
 //# sourceMappingURL=TimePickerInput.js.map

package/dist/TimePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"TimePickerInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}