@bigbinary/neetoui 6.7.5 → 6.8.1

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAQA,WAAW,GAAAC,WAAA,CAAXD,WAAW,CAAA;AAEZ,IAAME,iBAAiB,GAAG;AAC/BC,EAAAA,KAAK,EAAEH,WAAW;AAClBI,EAAAA,IAAI,EAAAH,WAAAA;AACN,CAAC;;;;;ACWD,IAAMI,WAAW,GAAG;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,KAAK,EAAE,OAAA;AAAQ,CAAC,CAAA;AAExE,IAAMC,oBAAoB,GAAG;AAC3BC,EAAAA,QAAQ,EAAE,CAAC;AACXC,EAAAA,UAAU,EAAE,CAAC;AACbC,EAAAA,UAAU,EAAE,CAAA;AACd,CAAC,CAAA;AAEKC,IAAAA,UAAU,gBAAGC,UAAU,CAC3B,UAAAC,IAAA,EAoBEC,GAAG,EACA;AAAA,EAAA,IAAAC,cAAA,GAAAF,IAAA,CAnBDG,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,UAAA,GAAAJ,IAAA,CACdK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,SAAA,GAAAN,IAAA,CACVO,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGhB,WAAW,CAACE,MAAM,GAAAc,SAAA;IAAAE,qBAAA,GAAAR,IAAA,CACzBS,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,mBAAA,GAAAV,IAAA,CACtBW,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,mBAAA;IAAAE,WAAA,GAAAZ,IAAA,CACnBa,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,WAAA;IAAAE,aAAA,GAAAd,IAAA,CACnBe,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGpB,KAAAA,CAAAA,GAAAA,oBAAoB,GAAAoB,aAAA;IAAAE,aAAA,GAAAhB,IAAA,CAC/BiB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,aAAA;IAAAG,SAAA,GAAAnB,IAAA,CACfoB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IAAAE,eAAA,GAAArB,IAAA,CACbsB,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,aAAA,GAAAvB,IAAA,CAClBwB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAAAE,UAAA,GAAAzB,IAAA,CAChB0B,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IACVE,YAAY,GAAA3B,IAAA,CAAZ2B,YAAY;IACZC,KAAK,GAAA5B,IAAA,CAAL4B,KAAK;IACLC,UAAU,GAAA7B,IAAA,CAAV6B,UAAU;IAAAC,aAAA,GAAA9B,IAAA,CACV+B,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;AACbE,IAAAA,UAAU,GAAAC,wBAAA,CAAAjC,IAAA,EAAAkC,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,KAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,aAAa,GAAGC,YAAY,CAACrC,GAAG,CAAC,CAAA;EAEvC,IAAMsC,SAAS,GAAGpD,iBAAiB,CAACiC,IAAI,CAACoB,WAAW,EAAE,CAAC,CAAA;AAEvD,EAAA,IAAMC,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYP,EAAE,CAAE,CAAA;EAE7B,IAAMQ,cAAc,GAAG,EAAE,CAAA;AACzB,EAAA,IAAI9B,MAAM,CAAC+B,QAAQ,CAAC,GAAG,CAAC,EAAE;IACxBD,cAAc,CAACE,MAAM,GAAG,IAAI,CAAA;AAC9B,GAAA;AAEA,EAAA,IAAIhC,MAAM,CAAC+B,QAAQ,CAAC,GAAG,CAAC,EAAE;IACxBD,cAAc,CAACG,MAAM,GAAG,IAAI,CAAA;AAC9B,GAAA;AAEA,EAAA,IAAIjC,MAAM,CAAC+B,QAAQ,CAAC,GAAG,CAAC,IAAI/B,MAAM,CAAC+B,QAAQ,CAAC,GAAG,CAAC,EAAE;IAChDD,cAAc,CAACI,IAAI,GAAG,IAAI,CAAA;AAC5B,GAAA;EAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAI3D,IAAI,EAAE4D,UAAU,EAAK;AAC3C7B,IAAAA,IAAI,KAAK,OAAO,IAAI,CAAC/B,IAAI,GACrB4B,QAAQ,CAAC,EAAE,EAAEgC,UAAU,CAAC,GACxBhC,QAAQ,CAAC5B,IAAI,EAAE4D,UAAU,CAAC,CAAA;GAC/B,CAAA;AAED,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAGC,aAAa,EAAA;IAAA,oBAC/BC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlD,MAAAA,SAAS,EAAC,kCAAA;KACbiD,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlD,MAAAA,SAAS,EAAC,0CAAA;KACbiD,eAAAA,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIlD,MAAAA,SAAS,EAAC,+CAAA;AAA+C,KAAA,EAC1DwC,cAAc,CAACI,IAAI,iBAClBK,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIlD,MAAAA,SAAS,EAAC,8CAAA;KAA+C,EAAA,MAE7D,CACD,EACAwC,cAAc,CAACG,MAAM,iBACpBM,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIlD,MAAAA,SAAS,EAAC,8CAAA;KAA+C,EAAA,SAE7D,CACD,EACAwC,cAAc,CAACE,MAAM,iBACpBO,cAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;AAAIlD,MAAAA,SAAS,EAAC,8CAAA;AAA8C,KAAA,EAAC,SAE7D,CACD,CACE,CACD,eACNiD,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlD,MAAAA,SAAS,EAAC,wCAAA;KACZgD,EAAAA,aAAa,CACV,CACF,CAAA;GACP,CAAA;AAED,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAAAC,eAAA,EAAA;AACEC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAAC,aAAA,CAAOC,EAAAA,EAAAA,iCAAiC,CAAE;AAC/CC,MAAAA,UAAU,EAAE;AACVC,QAAAA,UAAU,EAAE;AACV;AACAC,UAAAA,eAAe,EAAE,4BAA4B;AAC7CC,UAAAA,YAAY,EAAE,kCAAkC;AAChDC,UAAAA,iBAAiB,EAAE,kCAAkC;AACrDC,UAAAA,WAAW,EAAE,+BAA+B;AAC5CC,UAAAA,SAAS,EAAE,kCAAkC;AAC7CC,UAAAA,cAAc,EAAE,kCAAkC;AAClDC,UAAAA,SAAS,EAAE,+BAA+B;AAC1CC,UAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,UAAAA,oBAAoB,EAAE,+BAA+B;AACrDC,UAAAA,mBAAmB,EAAE,kCAAkC;AACvDC,UAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,UAAAA,cAAc,EAAE,+BAAA;AAClB,SAAA;AACF,OAAA;AACF,KAAA;GAEApB,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlD,IAAAA,SAAS,EAAC,yBAAA;GACZE,EAAAA,KAAK,iBAAI+C,cAAA,CAAAC,aAAA,CAACoB,KAAK,EAAAhB,aAAA,CAAA;AAAO1B,IAAAA,QAAQ,EAARA,QAAAA;GAAaF,EAAAA,UAAU,CAAKxB,EAAAA,KAAK,CAAS,eACjE+C,cAAA,CAAAC,aAAA,CAACd,SAAS,EAAAmC,QAAA,CAAA;IACR/E,QAAQ,EAAEoB,QAAQ,CAACpB,QAAS;IAC5BC,UAAU,EAAEmB,QAAQ,CAACnB,UAAW;AAChCK,IAAAA,GAAG,EAAEoC,aAAc;IACnBxC,UAAU,EAAEkB,QAAQ,CAAClB,UAAW;IAChCM,SAAS,EAAEwE,UAAU,CAAC,qBAAqB,EAAE,CAACxE,SAAS,CAAC,EAAE;MACxD,4BAA4B,EAAEI,IAAI,KAAK,OAAO;MAC9C,6BAA6B,EAAEA,IAAI,KAAK,QAAQ;MAChD,4BAA4B,EAAEA,IAAI,KAAK,OAAO;AAC9C,MAAA,+BAA+B,EAAEiB,QAAQ;AACzC,MAAA,4BAA4B,EAAEF,UAAU;AACxC,MAAA,4BAA4B,EAAEI,KAAAA;AAChC,KAAC,CAAE;AACHf,IAAAA,cAAc,EAAEgE,UAAU,CAAC,6BAA6B,EAAE,CACxDlE,iBAAiB;AAAE;AACnBE,IAAAA,cAAc,CACf,CAAE;AACHM,IAAAA,QAAQ,EAAE+B,cAAAA;GAAeS,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACnBjC,IAAAA,QAAQ,EAARA,QAAQ;AAAEX,IAAAA,MAAM,EAANA,MAAAA;AAAM,GAAA,EAAKmB,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEkB,IAAAA,WAAW,EAAXA,WAAAA;AAAW,GAAA,CAAA,EAAA;AAClDvB,IAAAA,YAAY,EAAEiD,qBAAqB,CAACjD,YAAY,CAAE;AAClDkD,IAAAA,IAAI,EAAEC,SAAU;AAChBC,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,UAAU,eAAE5B,cAAA,CAAAC,aAAA,CAAC4B,KAAK,EAAA;AAAC1E,MAAAA,IAAI,EAAE,EAAA;KAAO,CAAA;IAChCqB,KAAK,EAAEgD,qBAAqB,CAAChD,KAAK,CAAA;AAAE,GAAA,CAAA,CACpC,EACD,CAAC,CAACF,KAAK,iBACN0B,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACElD,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAuC,MAAA,CAAYwC,SAAS,CAAC7E,KAAK,CAAC,EAAe,cAAA,CAAA;AAC3C8B,IAAAA,EAAE,EAAEM,OAAAA;GAEHf,EAAAA,KAAK,CAET,CACG,CACS,CAAA;AAErB,CAAC,EACF;AAED5B,UAAU,CAACqF,WAAW,GAAG,YAAY;;;;"}

package/dist/TimePickerInput.js

@@ -1,29 +1,262 @@
-import './extends-093996c9.js';
-import './defineProperty-e5245270.js';
-import './slicedToArray-45fa766e.js';
-import './objectWithoutProperties-a0edb288.js';
-import 'react';
-import '@wojtekmaj/react-timerange-picker';
-import './index-3659771d.js';
-import './index-c8d9113c.js';
-export { T as default } from './index-25fb0168.js';
-import '@bigbinary/neeto-cist';
-import 'react-time-picker';
-import './Label.js';
-import './useId-c1d20bba.js';
+import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default, { useState, useRef, forwardRef, useEffect } from 'react';
+import TimeRangePicker from '@wojtekmaj/react-timerange-picker';
+import classnames from 'classnames';
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import { isPresent, isNotPresent } from '@bigbinary/neeto-cist';
+import TimePicker from 'react-time-picker';
+import Label from './Label.js';
+import { u as useId } from './useId-c1d20bba.js';
 import 'react-router-dom';
-import './index-7fae3611.js';
+import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import './toPropertyKey-bdc24cb9.js';
-import './createClass-601a36b2.js';
-import 'util';
-import 'ramda';
-import '@bigbinary/neeto-icons';
+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 './index-c442518b.js';
+import './Tooltip.js';
+import '@tippyjs/react';
 import 'tippy.js';
-import 'react-dom';
 import './Popover.js';
 import './Typography.js';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import 'dayjs/plugin/localeData';
+import 'dayjs/plugin/utc';
+import 'dayjs/plugin/weekday';
+import 'dayjs/plugin/weekOfYear';
+import 'ramda';
+
+var HoverIcon = function HoverIcon(_ref) {
+  var _ref$time = _ref.time,
+    time = _ref$time === void 0 ? false : _ref$time;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hovered = _useState2[0],
+    setHovered = _useState2[1];
+  return /*#__PURE__*/React__default.createElement("div", {
+    onMouseLeave: function onMouseLeave() {
+      return setHovered(false);
+    },
+    onMouseOver: function onMouseOver() {
+      return setHovered(true);
+    }
+  }, hovered && time ? /*#__PURE__*/React__default.createElement(Close, {
+    size: 16
+  }) : /*#__PURE__*/React__default.createElement(Clock, {
+    size: 16
+  }));
+};
+
+// A wrapper hook around useState, that updates a ref as well, useful when dealing directly with dom event listeners.
+var useRefState = function useRefState(val) {
+  // eslint-disable-next-line react/hook-use-state
+  var _useState = useState(val),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    _setValue = _useState2[1];
+  var valueRef = useRef(value);
+  var setValue = function setValue(val) {
+    valueRef.current = val;
+    _setValue(val);
+  };
+  return [value, valueRef, setValue];
+};
+
+var FORMAT = "HH:mm";
+var getFormattedTime = function getFormattedTime(value) {
+  if (dayjs.isDayjs(value)) {
+    return value.toDate();
+  } else if (value instanceof Date || dayjs(value, FORMAT).isValid()) {
+    return value;
+  }
+  return null;
+};
+var getFormattedRange = function getFormattedRange(value) {
+  if (!Array.isArray(value)) return null;
+  return value.map(function (item) {
+    return getFormattedTime(item);
+  });
+};
+var toDayJs = function toDayJs(value) {
+  if (Array.isArray(value)) return value.map(function (item) {
+    return dayjs(item, FORMAT);
+  });
+  return dayjs(value, FORMAT);
+};
+var isValidTime = function isValidTime(minTime, maxTime, value) {
+  if (isPresent(minTime) && toDayJs(value).isBefore(toDayJs(minTime))) {
+    return false;
+  }
+  return !(isPresent(maxTime) && toDayJs(value).isAfter(toDayJs(maxTime)));
+};
+var isValidRange = function isValidRange(minTime, maxTime, value) {
+  return value.every(function (item) {
+    return isValid(minTime, maxTime, item);
+  });
+};
+var isValid = function isValid(minTime, maxTime, value) {
+  return (Array.isArray(value) ? isValidRange : isValidTime)(minTime, maxTime, value);
+};
+var getValidTime = function getValidTime(minTime, maxTime, value) {
+  if (isPresent(minTime) && toDayJs(value).isBefore(toDayJs(minTime))) {
+    return minTime;
+  }
+  if (isPresent(maxTime) && toDayJs(value).isAfter(toDayJs(maxTime))) {
+    return maxTime;
+  }
+  return value;
+};
+var getValidRange = function getValidRange(minTime, maxTime, value) {
+  return value.map(function (item) {
+    return getValidTime(minTime, maxTime, item);
+  });
+};
+var getValid = function getValid(minTime, maxTime, value) {
+  return (Array.isArray(value) ? getValidRange : getValidTime)(minTime, maxTime, value);
+};
+
+var _excluded = ["type", "className", "label", "labelProps", "size", "nakedInput", "required", "value", "defaultValue", "onChange", "error", "onBlur", "minTime", "maxTime"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+dayjs.extend(customParseFormat);
+var INPUT_SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var timeComponents = {
+  range: TimeRangePicker,
+  time: TimePicker
+};
+var TimePickerInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "time" : _ref$type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    label = _ref.label,
+    labelProps = _ref.labelProps,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? INPUT_SIZES.medium : _ref$size,
+    _ref$nakedInput = _ref.nakedInput,
+    nakedInput = _ref$nakedInput === void 0 ? false : _ref$nakedInput,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    inputValue = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onBlur = _ref.onBlur,
+    onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
+    minTime = _ref.minTime,
+    maxTime = _ref.maxTime,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useRefState = useRefState(null),
+    _useRefState2 = _slicedToArray(_useRefState, 3),
+    value = _useRefState2[0],
+    valueRef = _useRefState2[1],
+    setValue = _useRefState2[2];
+  var componentRef = useRef(null);
+  var id = useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  useEffect(function () {
+    var value = inputValue || defaultValue;
+    if (isNotPresent(value)) {
+      setValue(null);
+      return;
+    }
+    setValue((type === "range" ? getFormattedRange : getFormattedTime)(value));
+  }, [type, inputValue, defaultValue]);
+  var handleChange = function handleChange(newValue) {
+    setValue(newValue);
+    if (isValid(minTime, maxTime, newValue)) {
+      onChange(toDayJs(newValue), newValue);
+    }
+  };
+  var onBlurHandle = function onBlurHandle() {
+    if (isValid(minTime, maxTime, value)) {
+      onBlur(toDayJs(value), value);
+    } else {
+      var validValue = getValid(minTime, maxTime, value);
+      setValue(validValue);
+      onChange(toDayJs(validValue), validValue);
+      onBlur(toDayJs(validValue), validValue);
+    }
+    return true;
+  };
+  var onAmPmChange = function onAmPmChange() {
+    var value = valueRef.current;
+    if (!isValid(minTime, maxTime, value)) {
+      var validValue = getValid(minTime, maxTime, value);
+      setValue(validValue);
+      onChange(toDayJs(validValue), validValue);
+    }
+  };
+
+  // If you just make amPm select change, onBlurHandle is not triggering. A work around
+  useEffect(function () {
+    var _document$getElementB;
+    var amPmChange = function amPmChange() {
+      return setTimeout(onAmPmChange);
+    };
+    var selectElements = (_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.querySelectorAll("[name='amPm']");
+    selectElements === null || selectElements === void 0 || selectElements.forEach(function (element) {
+      return element.addEventListener("change", amPmChange);
+    });
+    return function () {
+      selectElements === null || selectElements === void 0 || selectElements.forEach(function (element) {
+        return element.removeEventListener("change", amPmChange);
+      });
+    };
+  }, [value]);
+  var handleKeyDown = function handleKeyDown(_ref2) {
+    var code = _ref2.code;
+    if (code !== "Enter") return;
+    onBlurHandle();
+  };
+  var Component = timeComponents[type];
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: ref,
+    className: "neeto-ui-input__wrapper"
+  }, label && /*#__PURE__*/React__default.createElement(Label, _objectSpread({
+    required: required
+  }, labelProps), label), /*#__PURE__*/React__default.createElement(Component, _extends({
+    id: id,
+    value: value,
+    disableClock: true,
+    clearIcon: /*#__PURE__*/React__default.createElement(HoverIcon, {
+      time: !!value
+    }),
+    format: "hh:mm a",
+    hourPlaceholder: "HH",
+    minutePlaceholder: "mm",
+    ref: componentRef,
+    secondAriaLabel: "ss",
+    shouldCloseClock: onBlurHandle,
+    className: classnames("neeto-ui-time-picker", [className], {
+      "neeto-ui-time-picker--small": size === "small",
+      "neeto-ui-time-picker--medium": size === "medium",
+      "neeto-ui-time-picker--large": size === "large",
+      "neeto-ui-time-picker--disabled": otherProps.disabled,
+      "neeto-ui-time-picker--naked": nakedInput,
+      "neeto-ui-time-picker--error": !!error
+    }),
+    onChange: handleChange,
+    onKeyDown: handleKeyDown
+  }, otherProps)), !!error && typeof error === "string" && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(label), "-input-error"),
+    id: errorId
+  }, error));
+});
+TimePickerInput.displayName = "TimePicker";
+
+export { TimePickerInput as default };
 //# 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":["../src/components/TimePickerInput/HoverIcon.jsx","../src/components/TimePickerInput/useRefState.js","../src/components/TimePickerInput/utils.js","../src/components/TimePickerInput/index.jsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { Clock, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nconst HoverIcon = ({ time = false }) => {\n  const [hovered, setHovered] = useState(false);\n\n  return (\n    <div\n      onMouseLeave={() => setHovered(false)}\n      onMouseOver={() => setHovered(true)}\n    >\n      {hovered && time ? <Close size={16} /> : <Clock size={16} />}\n    </div>\n  );\n};\n\n/**\n * time prop is required to find the feild is filled or not\n */\nHoverIcon.propTypes = { time: PropTypes.bool.isRequired };\n\nexport default HoverIcon;\n","import { useState, useRef } from \"react\";\n\n// A wrapper hook around useState, that updates a ref as well, useful when dealing directly with dom event listeners.\nconst useRefState = val => {\n  // eslint-disable-next-line react/hook-use-state\n  const [value, _setValue] = useState(val);\n  const valueRef = useRef(value);\n\n  const setValue = val => {\n    valueRef.current = val;\n    _setValue(val);\n  };\n\n  return [value, valueRef, setValue];\n};\n\nexport default useRefState;\n","import dayjs from \"dayjs\";\nimport { isPresent } from \"neetocist\";\n\nconst FORMAT = \"HH:mm\";\n\nconst getFormattedTime = value => {\n  if (dayjs.isDayjs(value)) {\n    return value.toDate();\n  } else if (value instanceof Date || dayjs(value, FORMAT).isValid()) {\n    return value;\n  }\n\n  return null;\n};\n\nconst getFormattedRange = value => {\n  if (!Array.isArray(value)) return null;\n\n  return value.map(item => getFormattedTime(item));\n};\n\nconst toDayJs = value => {\n  if (Array.isArray(value)) return value.map(item => dayjs(item, FORMAT));\n\n  return dayjs(value, FORMAT);\n};\n\nconst isValidTime = (minTime, maxTime, value) => {\n  if (isPresent(minTime) && toDayJs(value).isBefore(toDayJs(minTime))) {\n    return false;\n  }\n\n  return !(isPresent(maxTime) && toDayJs(value).isAfter(toDayJs(maxTime)));\n};\n\nconst isValidRange = (minTime, maxTime, value) =>\n  value.every(item => isValid(minTime, maxTime, item));\n\nconst isValid = (minTime, maxTime, value) =>\n  (Array.isArray(value) ? isValidRange : isValidTime)(minTime, maxTime, value);\n\nconst getValidTime = (minTime, maxTime, value) => {\n  if (isPresent(minTime) && toDayJs(value).isBefore(toDayJs(minTime))) {\n    return minTime;\n  }\n\n  if (isPresent(maxTime) && toDayJs(value).isAfter(toDayJs(maxTime))) {\n    return maxTime;\n  }\n\n  return value;\n};\n\nconst getValidRange = (minTime, maxTime, value) =>\n  value.map(item => getValidTime(minTime, maxTime, item));\n\nconst getValid = (minTime, maxTime, value) =>\n  (Array.isArray(value) ? getValidRange : getValidTime)(\n    minTime,\n    maxTime,\n    value\n  );\n\nexport {\n  getValid,\n  isValid,\n  toDayJs,\n  getFormattedRange,\n  getFormattedTime,\n  FORMAT,\n};\n","import React, { forwardRef, useRef, useEffect } from \"react\";\n\nimport TimeRangePicker from \"@wojtekmaj/react-timerange-picker\";\nimport classnames from \"classnames\";\nimport dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport TimePicker from \"react-time-picker\";\n\nimport Label from \"components/Label\";\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport HoverIcon from \"./HoverIcon\";\nimport useRefState from \"./useRefState\";\nimport {\n  getFormattedTime,\n  getFormattedRange,\n  toDayJs,\n  isValid,\n  getValid,\n} from \"./utils\";\n\ndayjs.extend(customParseFormat);\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst timeComponents = { range: TimeRangePicker, time: TimePicker };\n\nconst TimePickerInput = forwardRef(\n  (\n    {\n      type = \"time\",\n      className = \"\",\n      label,\n      labelProps,\n      size = INPUT_SIZES.medium,\n      nakedInput = false,\n      required = false,\n      value: inputValue,\n      defaultValue,\n      onChange = noop,\n      error = \"\",\n      onBlur = noop,\n      minTime,\n      maxTime,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const [value, valueRef, setValue] = useRefState(null);\n    const componentRef = useRef(null);\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n\n    useEffect(() => {\n      const value = inputValue || defaultValue;\n      if (isNotPresent(value)) {\n        setValue(null);\n\n        return;\n      }\n\n      setValue(\n        (type === \"range\" ? getFormattedRange : getFormattedTime)(value)\n      );\n    }, [type, inputValue, defaultValue]);\n\n    const handleChange = newValue => {\n      setValue(newValue);\n      if (isValid(minTime, maxTime, newValue)) {\n        onChange(toDayJs(newValue), newValue);\n      }\n    };\n\n    const onBlurHandle = () => {\n      if (isValid(minTime, maxTime, value)) {\n        onBlur(toDayJs(value), value);\n      } else {\n        const validValue = getValid(minTime, maxTime, value);\n        setValue(validValue);\n        onChange(toDayJs(validValue), validValue);\n        onBlur(toDayJs(validValue), validValue);\n      }\n\n      return true;\n    };\n\n    const onAmPmChange = () => {\n      const value = valueRef.current;\n      if (!isValid(minTime, maxTime, value)) {\n        const validValue = getValid(minTime, maxTime, value);\n        setValue(validValue);\n        onChange(toDayJs(validValue), validValue);\n      }\n    };\n\n    // If you just make amPm select change, onBlurHandle is not triggering. A work around\n    useEffect(() => {\n      const amPmChange = () => setTimeout(onAmPmChange);\n      const selectElements = document\n        .getElementById(id)\n        ?.querySelectorAll(\"[name='amPm']\");\n\n      selectElements?.forEach(element =>\n        element.addEventListener(\"change\", amPmChange)\n      );\n\n      return () => {\n        selectElements?.forEach(element =>\n          element.removeEventListener(\"change\", amPmChange)\n        );\n      };\n    }, [value]);\n\n    const handleKeyDown = ({ code }) => {\n      if (code !== \"Enter\") return;\n      onBlurHandle();\n    };\n\n    const Component = timeComponents[type];\n\n    return (\n      <div {...{ ref }} className=\"neeto-ui-input__wrapper\">\n        {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n        <Component\n          {...{ id, value }}\n          disableClock\n          clearIcon={<HoverIcon time={!!value} />}\n          format=\"hh:mm a\"\n          hourPlaceholder=\"HH\"\n          minutePlaceholder=\"mm\"\n          ref={componentRef}\n          secondAriaLabel=\"ss\"\n          shouldCloseClock={onBlurHandle}\n          className={classnames(\"neeto-ui-time-picker\", [className], {\n            \"neeto-ui-time-picker--small\": size === \"small\",\n            \"neeto-ui-time-picker--medium\": size === \"medium\",\n            \"neeto-ui-time-picker--large\": size === \"large\",\n            \"neeto-ui-time-picker--disabled\": otherProps.disabled,\n            \"neeto-ui-time-picker--naked\": nakedInput,\n            \"neeto-ui-time-picker--error\": !!error,\n          })}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...otherProps}\n        />\n        {!!error && typeof error === \"string\" && (\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    );\n  }\n);\n\nTimePickerInput.displayName = \"TimePicker\";\n\nTimePickerInput.propTypes = {\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 DatePicker.\n   */\n  size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n  /**\n   * To set the DatePicker as naked Input field.\n   */\n  nakedInput: PropTypes.bool,\n  /**\n   * To specify the values to be displayed inside the TimePicker.\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  /**\n   * To specify the values to be displayed inside the TimePicker.\n   */\n  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n  /**\n   * The callback function that will be triggered when value changes.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To provide external classnames to TimePicker target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the clear icon to be shown in the input.\n   */\n  clearIcon: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n    PropTypes.element,\n  ]),\n  /**\n   * To specify whether the TimePicker is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the error message to be shown in the TimePicker.\n   */\n  error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  /**\n   * To specify whether the Date picker is required or not.\n   */\n  required: PropTypes.bool,\n  /**\n   * The callback function that will be triggered when time picker loses focus.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * To specify the type of the TimePickerInput.\n   */\n  type: PropTypes.oneOf(Object.keys(timeComponents)),\n  /**\n   * To specify the minimum time of the TimePickerInput.\n   */\n  minTime: PropTypes.string,\n  /**\n   * To specify the maximum time of the TimePickerInput.\n   */\n  maxTime: PropTypes.string,\n};\n\nexport default TimePickerInput;\n"],"names":["HoverIcon","_ref","_ref$time","time","_useState","useState","_useState2","_slicedToArray","hovered","setHovered","React","createElement","onMouseLeave","onMouseOver","Close","size","Clock","useRefState","val","value","_setValue","valueRef","useRef","setValue","current","FORMAT","getFormattedTime","dayjs","isDayjs","toDate","Date","isValid","getFormattedRange","Array","isArray","map","item","toDayJs","isValidTime","minTime","maxTime","isPresent","isBefore","isAfter","isValidRange","every","getValidTime","getValidRange","getValid","extend","customParseFormat","INPUT_SIZES","small","medium","large","timeComponents","range","TimeRangePicker","TimePicker","TimePickerInput","forwardRef","ref","_ref$type","type","_ref$className","className","label","labelProps","_ref$size","_ref$nakedInput","nakedInput","_ref$required","required","inputValue","defaultValue","_ref$onChange","onChange","noop","_ref$error","error","_ref$onBlur","onBlur","otherProps","_objectWithoutProperties","_excluded","_useRefState","_useRefState2","componentRef","id","useId","errorId","concat","useEffect","isNotPresent","handleChange","newValue","onBlurHandle","validValue","onAmPmChange","_document$getElementB","amPmChange","setTimeout","selectElements","document","getElementById","querySelectorAll","forEach","element","addEventListener","removeEventListener","handleKeyDown","_ref2","code","Component","Label","_objectSpread","_extends","disableClock","clearIcon","format","hourPlaceholder","minutePlaceholder","secondAriaLabel","shouldCloseClock","classnames","disabled","onKeyDown","hyphenize","displayName"],"mappings":"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"}

package/dist/Toastr.js

@@ -1,136 +1,25 @@
-import { _ as _defineProperty } from './defineProperty-e5245270.js';
-import { _ as _slicedToArray } from './slicedToArray-45fa766e.js';
-import { _ as _typeof } from './toPropertyKey-bdc24cb9.js';
-import { _ as _extends } from './extends-093996c9.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import * as React from 'react';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _typeof from '@babel/runtime/helpers/typeof';
+import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import { t } from 'i18next';
 import { Close, CheckCircle, Warning, CloseCircle, Info } from '@bigbinary/neeto-icons';
 import { Slide, toast } from 'react-toastify';
-import { n as noop, U as UniqueArray } from './index-c8d9113c.js';
-import { Options, options, tokenize } from 'linkifyjs';
-import './createClass-601a36b2.js';
+import { n as noop, U as UniqueArray } from './index-9d5142b4.js';
+import Linkify from 'linkify-react';
+import '@babel/runtime/helpers/classCallCheck';
+import '@babel/runtime/helpers/createClass';
+import 'dayjs';
+import 'dayjs/plugin/localeData';
+import 'dayjs/plugin/utc';
+import 'dayjs/plugin/weekday';
+import 'dayjs/plugin/weekOfYear';
 import '@bigbinary/neeto-cist';
-import 'util';
+import 'qs';
 import 'ramda';
 
-/**
- * Given a string, converts to an array of valid React components
- * (which may include strings)
- * @param {string} str
- * @param {Options} opts
- * @param {{ [elementId: string]: number }} meta
- * @returns {React.ReactNodeArray}
- */
-function stringToElements(str, opts, meta) {
-  const tokens = tokenize(str);
-  const elements = [];
-  for (let i = 0; i < tokens.length; i++) {
-    const token = tokens[i];
-    if (token.t === 'nl' && opts.get('nl2br')) {
-      const key = `__linkify-el-${meta.elementId++}`;
-      elements.push(React.createElement('br', {
-        key
-      }));
-    } else if (!token.isLink || !opts.check(token)) {
-      // Regular text
-      elements.push(token.toString());
-    } else {
-      let rendered = opts.render(token);
-      if (!('key' in rendered.props)) {
-        // Ensure generated element has unique key
-        const key = `__linkify-el-${meta.elementId++}`;
-        const props = options.assign({
-          key
-        }, rendered.props);
-        rendered = React.cloneElement(rendered, props);
-      }
-      elements.push(rendered);
-    }
-  }
-  return elements;
-}
-
-// Recursively linkify the contents of the given React Element instance
-/**
- * @template P
- * @template {string | React.JSXElementConstructor<P>} T
- * @param {React.ReactElement<P, T>} element
- * @param {Options} opts
- * @param {{ [elementId: string]: number }} meta
- * @returns {React.ReactElement<P, T>}
- */
-function linkifyReactElement(element, opts, meta) {
-  if (React.Children.count(element.props.children) === 0) {
-    // No need to clone if the element had no children
-    return element;
-  }
-  const children = [];
-  React.Children.forEach(element.props.children, child => {
-    if (typeof child === 'string') {
-      // ensure that we always generate unique element IDs for keys
-      children.push.apply(children, stringToElements(child, opts, meta));
-    } else if (React.isValidElement(child)) {
-      if (typeof child.type === 'string' && opts.ignoreTags.indexOf(child.type.toUpperCase()) >= 0) {
-        // Don't linkify this element
-        children.push(child);
-      } else {
-        children.push(linkifyReactElement(child, opts, meta));
-      }
-    } else {
-      // Unknown element type, just push
-      children.push(child);
-    }
-  });
-
-  // Set a default unique key, copy over remaining props
-  const key = `__linkify-el-${meta.elementId++}`;
-  const newProps = options.assign({
-    key
-  }, element.props);
-  return React.cloneElement(element, newProps, children);
-}
-
-/**
- * @template P
- * @template {string | React.JSXElementConstructor<P>} T
- * @param {P & { as?: T, tagName?: T, options?: import('linkifyjs').Opts, children?: React.ReactNode}} props
- * @returns {React.ReactElement<P, T>}
- */
-const Linkify = props => {
-  // Copy over all non-linkify-specific props
-  let linkId = 0;
-  const defaultLinkRender = _ref => {
-    let {
-      tagName,
-      attributes,
-      content
-    } = _ref;
-    attributes.key = `__linkify-lnk-${linkId++}`;
-    if (attributes.class) {
-      attributes.className = attributes.class;
-      delete attributes.class;
-    }
-    return React.createElement(tagName, attributes, content);
-  };
-  const newProps = {
-    key: '__linkify-wrapper'
-  };
-  for (const prop in props) {
-    if (prop !== 'options' && prop !== 'as' && prop !== 'tagName' && prop !== 'children') {
-      newProps[prop] = props[prop];
-    }
-  }
-  const opts = new Options(props.options, defaultLinkRender);
-  const as = props.as || props.tagName || React.Fragment || 'span';
-  const children = props.children;
-  const element = React.createElement(as, newProps, children);
-  return linkifyReactElement(element, opts, {
-    elementId: 0
-  });
-};
-
 var Toast = function Toast(_ref) {
   var type = _ref.type,
     message = _ref.message,