@mw-kit/mw-ui 1.8.10 → 1.8.12

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

@@ -10,6 +10,7 @@ export interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputEle
     invalid?: boolean;
     htmlDisabled?: boolean;
     viewMode?: boolean;
+    breakLabel?: boolean;
     type: 'switch';
 }
 export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
@@ -20,4 +21,5 @@ export interface LabelContainerProps extends React.HTMLAttributes<HTMLDivElement
     $required?: boolean;
     $viewMode?: boolean;
     $keepSpace?: boolean;
+    $breakLabel?: boolean;
 }

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';
@@ -1363,6 +1365,7 @@ interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>,
     invalid?: boolean;
     htmlDisabled?: boolean;
     viewMode?: boolean;
+    breakLabel?: boolean;
     type: 'switch';
 }
 

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(":")
           );
         }
       }
@@ -13895,6 +13925,10 @@ var LabelContainer7 = import_styled_components44.default.div`
   display: flex;
   align-items: center;
 
+  ${({ $breakLabel: breakLabel }) => breakLabel && import_styled_components44.css`
+      width: 100%;
+    `}
+
   ${({ $required: required, $viewMode: viewMode }) => {
   if (!required || viewMode) return;
   return import_styled_components44.css`
@@ -13919,6 +13953,7 @@ var Label7 = import_styled_components44.default.label`
   gap: ${({ theme: theme4 }) => theme4.spacings.s1};
   position: relative;
   align-items: center;
+  flex-wrap: wrap;
 
   ${({ $disabled: disabled }) => {
   if (!disabled) {
@@ -14014,7 +14049,8 @@ var Switch = (props) => {
     "required",
     "htmlDisabled",
     "labelProps",
-    "viewMode"
+    "viewMode",
+    "breakLabel"
   ]);
   htmlProps.disabled = props.disabled || props.htmlDisabled;
   return /* @__PURE__ */ (0, import_jsx_runtime328.jsxs)(
@@ -14024,7 +14060,15 @@ var Switch = (props) => {
       $disabled: disabled,
       $invalid: invalid,
       children: [
-        label.label && /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(LabelContainer7, { $required: required, $viewMode: viewMode, children: label.label }),
+        label.label && /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
+          LabelContainer7,
+          {
+            $required: required,
+            $viewMode: viewMode,
+            $breakLabel: props.breakLabel,
+            children: label.label
+          }
+        ),
         viewMode ? /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
           LabelContainer7,
           {

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(":")
           );
         }
       }
@@ -13838,6 +13868,10 @@ var LabelContainer7 = styled41.div`
   display: flex;
   align-items: center;
 
+  ${({ $breakLabel: breakLabel }) => breakLabel && css31`
+      width: 100%;
+    `}
+
   ${({ $required: required, $viewMode: viewMode }) => {
   if (!required || viewMode) return;
   return css31`
@@ -13862,6 +13896,7 @@ var Label7 = styled41.label`
   gap: ${({ theme: theme4 }) => theme4.spacings.s1};
   position: relative;
   align-items: center;
+  flex-wrap: wrap;
 
   ${({ $disabled: disabled }) => {
   if (!disabled) {
@@ -13957,7 +13992,8 @@ var Switch = (props) => {
     "required",
     "htmlDisabled",
     "labelProps",
-    "viewMode"
+    "viewMode",
+    "breakLabel"
   ]);
   htmlProps.disabled = props.disabled || props.htmlDisabled;
   return /* @__PURE__ */ jsxs162(
@@ -13967,7 +14003,15 @@ var Switch = (props) => {
       $disabled: disabled,
       $invalid: invalid,
       children: [
-        label.label && /* @__PURE__ */ jsx328(LabelContainer7, { $required: required, $viewMode: viewMode, children: label.label }),
+        label.label && /* @__PURE__ */ jsx328(
+          LabelContainer7,
+          {
+            $required: required,
+            $viewMode: viewMode,
+            $breakLabel: props.breakLabel,
+            children: label.label
+          }
+        ),
         viewMode ? /* @__PURE__ */ jsx328(
           LabelContainer7,
           {

package/package.json

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