@mw-kit/mw-ui 1.8.11 → 1.8.13

package/dist/components/Input/components/Range/styles/SelectedArea/index.d.ts

@@ -1,5 +1,2 @@
-interface SelectedAreaProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
-    $percent: number;
-}
-declare const SelectedArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SelectedAreaProps>> & string;
+declare const SelectedArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export default SelectedArea;

package/dist/components/Input/components/Time/interfaces.d.ts

@@ -1,6 +1,8 @@
 import type { InputProps } from '../Input/interfaces';
-export interface TimeProps extends Omit<InputProps, 'type' | 'mask'> {
+export interface TimeProps extends Omit<InputProps, 'type' | 'mask' | 'min' | 'max'> {
     type: 'time';
     seconds?: boolean;
     value: string;
+    min?: string;
+    max?: string;
 }

package/dist/index.d.mts

@@ -925,10 +925,12 @@ interface ButtonProps extends Omit<Partial<CommonProps>, 'loading'> {
 
 declare const Button: (props: ButtonProps) => react_jsx_runtime.JSX.Element;
 
-interface TimeProps extends Omit<InputProps$1, 'type' | 'mask'> {
+interface TimeProps extends Omit<InputProps$1, 'type' | 'mask' | 'min' | 'max'> {
     type: 'time';
     seconds?: boolean;
     value: string;
+    min?: string;
+    max?: string;
 }
 
 type Types = 'default' | 'info' | 'danger' | 'success' | 'warning' | 'temporary';

package/dist/index.js

@@ -212,12 +212,23 @@ var keys = (value) => {
 var notEmptyString = (value) => {
   return typeof value === "string" && value.trim() !== "";
 };
+var isNumber = (value) => {
+  return typeof value === "number" && isFinite(value);
+};
 var isString = (value) => {
   return typeof value === "string";
 };
+var isNumeric = (value) => {
+  if (isNumber(value)) return true;
+  if (!isString(value)) return false;
+  return !isNaN(parseFloat(value));
+};
 var isBoolean = (value) => {
   return typeof value === "boolean";
 };
+var isNumericString = (value) => {
+  return notEmptyString(value) && isNumeric(value);
+};
 var isDateInstance = (value) => {
   return value instanceof Date && !isNaN(value.valueOf());
 };
@@ -310,6 +321,11 @@ var filterObject = (object, remove, inital = {}) => {
   );
   return r;
 };
+var numberOrDefault = (value, defaultValue2) => {
+  if (isNumber(value)) return value;
+  if (isNumericString(value)) return parseFloat(value);
+  return defaultValue2;
+};
 var isoStringToDate = (value) => {
   const [d, t = "00:00:00"] = value.split(" ");
   const date = /* @__PURE__ */ new Date(
@@ -10060,6 +10076,15 @@ var mask = (v, seconds) => {
   else if (v.length < 5) return v.substring(0, 2) + ":" + v.substring(2);
   else return v.substring(0, 2) + ":" + v.substring(2, 4) + ":" + v.substring(4);
 };
+var getDate = (value) => {
+  const v = value.replace(/[^0-9\s]/g, "");
+  const h = numberOrDefault(v.substring(0, 2), 0);
+  const m = numberOrDefault(v.substring(2, 4), 0);
+  const s = numberOrDefault(v.substring(4, 6), 0);
+  const date = /* @__PURE__ */ new Date();
+  date.setHours(h, m, s, 0);
+  return date;
+};
 var Time = import_react15.default.forwardRef(
   (props, ref) => {
     const { value, seconds } = props;
@@ -10075,65 +10100,70 @@ var Time = import_react15.default.forwardRef(
       const curS = todayDate.getSeconds();
       const value2 = target.value.replace(/[^0-9\s]/g, "");
       let tmp = value2.substring(0, 2);
-      let h = tmp.length === 0 ? curH : parseInt(tmp.padEnd(2, "0"));
+      const h = tmp.length === 0 ? curH : parseInt(tmp.padEnd(2, "0"));
       tmp = value2.substring(2, 4);
-      let m = tmp.length === 0 ? curM : parseInt(tmp.padEnd(2, "0"));
+      const m = tmp.length === 0 ? curM : parseInt(tmp.padEnd(2, "0"));
       tmp = value2.substring(4, 6);
-      let s = tmp.length === 0 ? curS : parseInt(tmp.padEnd(2, "0"));
+      const s = tmp.length === 0 ? curS : parseInt(tmp.padEnd(2, "0"));
+      const date = /* @__PURE__ */ new Date();
+      date.setHours(h);
+      date.setMinutes(m);
+      date.setSeconds(s);
+      const getReference = (date2) => {
+        if (props.min) {
+          const min = getDate(props.min);
+          if (min.getTime() > date2.getTime()) {
+            return min;
+          }
+        }
+        if (props.max) {
+          const max = getDate(props.max);
+          if (max.getTime() < date2.getTime()) {
+            return max;
+          }
+        }
+        return date2;
+      };
       if (event.key === "ArrowUp") {
-        const date = /* @__PURE__ */ new Date();
-        date.setHours(h);
-        date.setMinutes(m);
-        date.setSeconds(s);
         if (seconds) {
           date.setSeconds(s + 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
             [
-              h.toString().padStart(2, "0"),
-              m.toString().padStart(2, "0"),
-              s.toString().padStart(2, "0")
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0"),
+              reference.getSeconds().toString().padStart(2, "0")
             ].join(":")
           );
         } else {
           date.setMinutes(m + 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
-            [h.toString().padStart(2, "0"), m.toString().padStart(2, "0")].join(
-              ":"
-            )
+            [
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0")
+            ].join(":")
           );
         }
       } else if (event.key === "ArrowDown") {
-        const date = /* @__PURE__ */ new Date();
-        date.setHours(h);
-        date.setMinutes(m);
-        date.setSeconds(s);
         if (seconds) {
           date.setSeconds(s - 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
             [
-              h.toString().padStart(2, "0"),
-              m.toString().padStart(2, "0"),
-              s.toString().padStart(2, "0")
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0"),
+              reference.getSeconds().toString().padStart(2, "0")
             ].join(":")
           );
         } else {
           date.setMinutes(m - 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
-            [h.toString().padStart(2, "0"), m.toString().padStart(2, "0")].join(
-              ":"
-            )
+            [
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0")
+            ].join(":")
           );
         }
       }
@@ -10302,17 +10332,25 @@ var Button3 = (props) => {
   };
   const htmlProps = filterObject(props, ["size", "appearance", "color", "loading", "content"]);
   const loaderSize = sizes[defaultValues.$size].lineHeight;
-  return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(Button2, { ...defaultValues, ...htmlProps, children: [
-    children || content,
-    props.loading && /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(
-      Loader_default2,
-      {
-        color: defaultValues.$appearance === "solid" ? "white" : "blue",
-        size: loaderSize,
-        borderSize: `calc(${loaderSize} * 0.0757)`
-      }
-    )
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime306.jsxs)(
+    Button2,
+    {
+      ...defaultValues,
+      ...htmlProps,
+      formNoValidate: "formNoValidate" in props ? props.formNoValidate : props.type === "submit",
+      children: [
+        children || content,
+        props.loading && /* @__PURE__ */ (0, import_jsx_runtime306.jsx)(
+          Loader_default2,
+          {
+            color: defaultValues.$appearance === "solid" ? "white" : "blue",
+            size: loaderSize,
+            borderSize: `calc(${loaderSize} * 0.0757)`
+          }
+        )
+      ]
+    }
+  );
 };
 var Button_default2 = Button3;
 
@@ -12542,9 +12580,7 @@ var SelectedArea = import_styled_components30.default.div`
   z-index: 1;
 
   > span {
-    width: ${({ $percent: percent }) => percent}%;
-    display: block;
-    box-sizing: border-box;
+    background-color: ${({ theme: theme4 }) => theme4.colors.blue};
     height: 100%;
   }
 `;
@@ -12935,8 +12971,7 @@ var Range = import_react27.default.forwardRef(
     const viewMode = isViewMode() || props.viewMode;
     const { min, max, strict, markers, step, position, value } = getMarkers(props);
     const range = max - min;
-    const percent = 100 / range;
-    const spans = value - min;
+    const percent = (value - min) * 100 / range;
     if (value < min || value > max) {
       throw new Error(
         `Value must be between "${min}" and "${max}". "${value}" given`
@@ -13113,7 +13148,14 @@ var Range = import_react27.default.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(SelectedArea_default, { $percent: percent, children: Array(spans).fill(1).map((_value, index) => /* @__PURE__ */ (0, import_jsx_runtime319.jsx)("span", {}, index)) })
+                /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(SelectedArea_default, { children: /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
+                  "span",
+                  {
+                    style: {
+                      width: `calc(${percent}% - (${bulletSize * percent / 100}px)`
+                    }
+                  }
+                ) })
               ] })
             ] }),
             maxLabel && /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(MinMaxLabelContainer_default, { children: maxLabel })

package/dist/index.mjs

@@ -155,12 +155,23 @@ var keys = (value) => {
 var notEmptyString = (value) => {
   return typeof value === "string" && value.trim() !== "";
 };
+var isNumber = (value) => {
+  return typeof value === "number" && isFinite(value);
+};
 var isString = (value) => {
   return typeof value === "string";
 };
+var isNumeric = (value) => {
+  if (isNumber(value)) return true;
+  if (!isString(value)) return false;
+  return !isNaN(parseFloat(value));
+};
 var isBoolean = (value) => {
   return typeof value === "boolean";
 };
+var isNumericString = (value) => {
+  return notEmptyString(value) && isNumeric(value);
+};
 var isDateInstance = (value) => {
   return value instanceof Date && !isNaN(value.valueOf());
 };
@@ -253,6 +264,11 @@ var filterObject = (object, remove, inital = {}) => {
   );
   return r;
 };
+var numberOrDefault = (value, defaultValue2) => {
+  if (isNumber(value)) return value;
+  if (isNumericString(value)) return parseFloat(value);
+  return defaultValue2;
+};
 var isoStringToDate = (value) => {
   const [d, t = "00:00:00"] = value.split(" ");
   const date = /* @__PURE__ */ new Date(
@@ -10003,6 +10019,15 @@ var mask = (v, seconds) => {
   else if (v.length < 5) return v.substring(0, 2) + ":" + v.substring(2);
   else return v.substring(0, 2) + ":" + v.substring(2, 4) + ":" + v.substring(4);
 };
+var getDate = (value) => {
+  const v = value.replace(/[^0-9\s]/g, "");
+  const h = numberOrDefault(v.substring(0, 2), 0);
+  const m = numberOrDefault(v.substring(2, 4), 0);
+  const s = numberOrDefault(v.substring(4, 6), 0);
+  const date = /* @__PURE__ */ new Date();
+  date.setHours(h, m, s, 0);
+  return date;
+};
 var Time = React13.forwardRef(
   (props, ref) => {
     const { value, seconds } = props;
@@ -10018,65 +10043,70 @@ var Time = React13.forwardRef(
       const curS = todayDate.getSeconds();
       const value2 = target.value.replace(/[^0-9\s]/g, "");
       let tmp = value2.substring(0, 2);
-      let h = tmp.length === 0 ? curH : parseInt(tmp.padEnd(2, "0"));
+      const h = tmp.length === 0 ? curH : parseInt(tmp.padEnd(2, "0"));
       tmp = value2.substring(2, 4);
-      let m = tmp.length === 0 ? curM : parseInt(tmp.padEnd(2, "0"));
+      const m = tmp.length === 0 ? curM : parseInt(tmp.padEnd(2, "0"));
       tmp = value2.substring(4, 6);
-      let s = tmp.length === 0 ? curS : parseInt(tmp.padEnd(2, "0"));
+      const s = tmp.length === 0 ? curS : parseInt(tmp.padEnd(2, "0"));
+      const date = /* @__PURE__ */ new Date();
+      date.setHours(h);
+      date.setMinutes(m);
+      date.setSeconds(s);
+      const getReference = (date2) => {
+        if (props.min) {
+          const min = getDate(props.min);
+          if (min.getTime() > date2.getTime()) {
+            return min;
+          }
+        }
+        if (props.max) {
+          const max = getDate(props.max);
+          if (max.getTime() < date2.getTime()) {
+            return max;
+          }
+        }
+        return date2;
+      };
       if (event.key === "ArrowUp") {
-        const date = /* @__PURE__ */ new Date();
-        date.setHours(h);
-        date.setMinutes(m);
-        date.setSeconds(s);
         if (seconds) {
           date.setSeconds(s + 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
             [
-              h.toString().padStart(2, "0"),
-              m.toString().padStart(2, "0"),
-              s.toString().padStart(2, "0")
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0"),
+              reference.getSeconds().toString().padStart(2, "0")
             ].join(":")
           );
         } else {
           date.setMinutes(m + 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
-            [h.toString().padStart(2, "0"), m.toString().padStart(2, "0")].join(
-              ":"
-            )
+            [
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0")
+            ].join(":")
           );
         }
       } else if (event.key === "ArrowDown") {
-        const date = /* @__PURE__ */ new Date();
-        date.setHours(h);
-        date.setMinutes(m);
-        date.setSeconds(s);
         if (seconds) {
           date.setSeconds(s - 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
             [
-              h.toString().padStart(2, "0"),
-              m.toString().padStart(2, "0"),
-              s.toString().padStart(2, "0")
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0"),
+              reference.getSeconds().toString().padStart(2, "0")
             ].join(":")
           );
         } else {
           date.setMinutes(m - 1);
-          h = date.getHours();
-          m = date.getMinutes();
-          s = date.getSeconds();
+          const reference = getReference(date);
           setValue(
-            [h.toString().padStart(2, "0"), m.toString().padStart(2, "0")].join(
-              ":"
-            )
+            [
+              reference.getHours().toString().padStart(2, "0"),
+              reference.getMinutes().toString().padStart(2, "0")
+            ].join(":")
           );
         }
       }
@@ -10245,17 +10275,25 @@ var Button3 = (props) => {
   };
   const htmlProps = filterObject(props, ["size", "appearance", "color", "loading", "content"]);
   const loaderSize = sizes[defaultValues.$size].lineHeight;
-  return /* @__PURE__ */ jsxs148(Button2, { ...defaultValues, ...htmlProps, children: [
-    children || content,
-    props.loading && /* @__PURE__ */ jsx306(
-      Loader_default2,
-      {
-        color: defaultValues.$appearance === "solid" ? "white" : "blue",
-        size: loaderSize,
-        borderSize: `calc(${loaderSize} * 0.0757)`
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs148(
+    Button2,
+    {
+      ...defaultValues,
+      ...htmlProps,
+      formNoValidate: "formNoValidate" in props ? props.formNoValidate : props.type === "submit",
+      children: [
+        children || content,
+        props.loading && /* @__PURE__ */ jsx306(
+          Loader_default2,
+          {
+            color: defaultValues.$appearance === "solid" ? "white" : "blue",
+            size: loaderSize,
+            borderSize: `calc(${loaderSize} * 0.0757)`
+          }
+        )
+      ]
+    }
+  );
 };
 var Button_default2 = Button3;
 
@@ -12485,9 +12523,7 @@ var SelectedArea = styled27.div`
   z-index: 1;
 
   > span {
-    width: ${({ $percent: percent }) => percent}%;
-    display: block;
-    box-sizing: border-box;
+    background-color: ${({ theme: theme4 }) => theme4.colors.blue};
     height: 100%;
   }
 `;
@@ -12878,8 +12914,7 @@ var Range = React25.forwardRef(
     const viewMode = isViewMode() || props.viewMode;
     const { min, max, strict, markers, step, position, value } = getMarkers(props);
     const range = max - min;
-    const percent = 100 / range;
-    const spans = value - min;
+    const percent = (value - min) * 100 / range;
     if (value < min || value > max) {
       throw new Error(
         `Value must be between "${min}" and "${max}". "${value}" given`
@@ -13056,7 +13091,14 @@ var Range = React25.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx319(SelectedArea_default, { $percent: percent, children: Array(spans).fill(1).map((_value, index) => /* @__PURE__ */ jsx319("span", {}, index)) })
+                /* @__PURE__ */ jsx319(SelectedArea_default, { children: /* @__PURE__ */ jsx319(
+                  "span",
+                  {
+                    style: {
+                      width: `calc(${percent}% - (${bulletSize * percent / 100}px)`
+                    }
+                  }
+                ) })
               ] })
             ] }),
             maxLabel && /* @__PURE__ */ jsx319(MinMaxLabelContainer_default, { children: maxLabel })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mw-kit/mw-ui",
-  "version": "1.8.11",
+  "version": "1.8.13",
   "description": "Made with create-react-library",
   "author": "fmgusmao",
   "license": "MIT",