intelicoreact 1.6.19 → 1.6.20

package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js

@@ -1 +1,71 @@
-function e(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}import{jsx as n}from"react/jsx-runtime";import t from"react";import r from"classnames";import o from"moment-timezone";import{NUMERIC_KEYBOARD as a}from"../../../../Functions/presets/mobileKeyboardTypesPresets";import l from"../../Input/Input";var i=function(e){var n=null==e?void 0:e.replace(/[^0-9\/]/g,""),t=n?n.slice(-1):"",r=n?n.slice(0,n.length-1):"";return e.length>10||"/"===t?r:2===r.length||5===r.length?r+"/"+t:n};export default t.forwardRef(function(t,c){var u,s,m,f=t.RC,p=t.className,d=t.testId,b=t.isFocused,v=t.disabled,g=t.value,y=(t.valueParseFormat,t.date),h=t.prepareDate,O=t.onChange,j=t.onFocus,w=t.onBlur,P=t.onKeyUp,C="invalid date"!==((null==(m=null!=(s=null==h?void 0:h(y))?s:o(y).format("MM/DD/YYYY"))||null==(u=m.toString)?void 0:u.call(m).toLowerCase())||"")?m:"";return b?n(l,function(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),o.forEach(function(t){e(n,t,r[t])})}return n}({ref:c,testId:d,className:r(p,"".concat(f,"-interactive")),value:g,disabled:v,onChange:function(e){return O(i(e))},onBlur:w,onKeyUp:P},a)):n("div",{className:r(p,"".concat(f,"-emulation"),e({},"".concat(f,"-emulation_disabled"),v)),onClick:v?null:function(){return j()},children:n("span",{className:r(""),children:C})})});
+import React from "react";
+
+import cn from "classnames";
+import moment from "moment-timezone";
+
+import { NUMERIC_KEYBOARD } from "../../../../Functions/presets/mobileKeyboardTypesPresets";
+import TextInput from "../../Input/Input";
+
+const handleDateInputOnChange = (value) => {
+  const replace = (val) => val?.replace(/[^0-9\/]/g, "");
+
+  const input = replace(value);
+  const lastSymbol = input ? input.slice(-1) : "";
+  const previousValue = input ? input.slice(0, input.length - 1) : "";
+
+  if (value.length > 10 || lastSymbol === "/") return previousValue;
+  return previousValue.length === 2 || previousValue.length === 5
+    ? previousValue + "/" + lastSymbol
+    : input;
+};
+
+const DateInput = (props, ref) => {
+  const {
+    RC,
+    className,
+    testId,
+    isFocused,
+    disabled,
+    value,
+    valueParseFormat = "MM/DD/YYYY",
+    date,
+    prepareDate,
+    onChange,
+    onFocus,
+    onBlur,
+    onKeyUp,
+  } = props;
+  const preparedDate = (() => {
+    const prepareDateDefault = (date) => moment(date).format("MM/DD/YYYY");
+
+    const output = prepareDate?.(date) ?? prepareDateDefault(date);
+    return (output?.toString?.().toLowerCase() || "") !== "invalid date"
+      ? output
+      : "";
+  })();
+
+  return isFocused ? (
+    <TextInput
+      ref={ref}
+      testId={testId}
+      className={cn(className, `${RC}-interactive`)}
+      value={value}
+      disabled={disabled}
+      onChange={(value) => onChange(handleDateInputOnChange(value))}
+      onBlur={onBlur}
+      onKeyUp={onKeyUp}
+      {...NUMERIC_KEYBOARD}
+    />
+  ) : (
+    <div
+      className={cn(className, `${RC}-emulation`, {
+        [`${RC}-emulation_disabled`]: disabled,
+      })}
+      onClick={disabled ? null : () => onFocus()}
+    >
+      <span className={cn("")}>{preparedDate}</span>
+    </div>
+  );
+};
+
+export default React.forwardRef(DateInput);