@hanzogui/progress 3.0.2 → 7.3.0

package/dist/jsx/Progress.mjs

@@ -5,56 +5,58 @@ import { withStaticProperties } from "@hanzogui/helpers";
 import { YStack } from "@hanzogui/stacks";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-const PROGRESS_NAME = "Progress",
-  [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME),
-  [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
-  INDICATOR_NAME = "ProgressIndicator",
-  ProgressIndicatorFrame = styled(YStack, {
-    name: INDICATOR_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          height: "100%",
-          width: "100%",
-          backgroundColor: "$background"
-        }
+const PROGRESS_NAME = "Progress";
+const [createProgressContext, createProgressScope] = createContextScope(PROGRESS_NAME);
+const [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+const INDICATOR_NAME = "ProgressIndicator";
+const ProgressIndicatorFrame = styled(YStack, {
+  name: INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$background"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }),
-  ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
-    const {
-        __scopeProgress,
-        transition,
-        ...indicatorProps
-      } = props,
-      context = useProgressContext(INDICATOR_NAME, __scopeProgress),
-      progressRatio = (context.value ?? 0) / context.max;
-    let x;
-    if (isWeb) x = `${-100 + progressRatio * 50}%`;else {
-      const baseWidth = context.width || 0;
-      x = Math.ceil(-baseWidth * (2 - progressRatio));
     }
-    return /* @__PURE__ */jsx(ProgressIndicatorFrame, {
-      "data-state": getProgressState(context.value, context.max),
-      "data-value": context.value ?? void 0,
-      "data-max": context.max,
-      x,
-      width: "200%",
-      ...(!props.unstyled && {
-        animateOnly: ["transform"],
-        // on native, hide until we have width measurement
-        ...(!isWeb && context.width === 0 && {
-          opacity: 0
-        })
-      }),
-      ...indicatorProps,
-      ref: forwardedRef,
-      transition: !isWeb && !context.width ? null : transition
-    });
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
+  const {
+    __scopeProgress,
+    transition,
+    ...indicatorProps
+  } = props;
+  const context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  const progressRatio = (context.value ?? 0) / context.max;
+  let x;
+  if (isWeb) {
+    x = `${-100 + progressRatio * 50}%`;
+  } else {
+    const baseWidth = context.width || 0;
+    x = Math.ceil(-baseWidth * (2 - progressRatio));
+  }
+  return /* @__PURE__ */jsx(ProgressIndicatorFrame, {
+    "data-state": getProgressState(context.value, context.max),
+    "data-value": context.value ?? void 0,
+    "data-max": context.max,
+    x,
+    width: "200%",
+    ...(!props.unstyled && {
+      animateOnly: ["transform"],
+      // on native, hide until we have width measurement
+      ...(!isWeb && context.width === 0 && {
+        opacity: 0
+      })
+    }),
+    ...indicatorProps,
+    ref: forwardedRef,
+    transition: !isWeb && !context.width ? null : transition
   });
+});
 function defaultGetValueLabel(value, max) {
   return `${Math.round(value / max * 100)}%`;
 }
@@ -62,7 +64,7 @@ function getProgressState(value, maxValue) {
   return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
 }
 function isNumber(value) {
-  return typeof value == "number";
+  return typeof value === "number";
 }
 function isValidMaxNumber(max) {
   return isNumber(max) && !Number.isNaN(max) && max > 0;
@@ -70,75 +72,78 @@ function isValidMaxNumber(max) {
 function isValidValueNumber(value, max) {
   return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
 }
-const DEFAULT_MAX = 100,
-  ProgressFrame = styled(YStack, {
-    name: "Progress",
-    variants: {
-      unstyled: {
-        false: {
-          borderRadius: 1e5,
-          overflow: "hidden",
-          backgroundColor: "$background"
-        }
-      },
-      size: {
-        "...size": val => {
-          const size = Math.round(getVariableValue(getSize(val)) * 0.25);
-          return {
-            height: size,
-            minWidth: getVariableValue(size) * 20,
-            width: "100%"
-          };
-        }
+const DEFAULT_MAX = 100;
+const ProgressFrame = styled(YStack, {
+  name: "Progress",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e5,
+        overflow: "hidden",
+        backgroundColor: "$background"
       }
     },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    size: {
+      "...size": val => {
+        const size = Math.round(getVariableValue(getSize(val)) * 0.25);
+        return {
+          height: size,
+          minWidth: getVariableValue(size) * 20,
+          width: "100%"
+        };
+      }
     }
-  }),
-  Progress = withStaticProperties(ProgressFrame.styleable(function (props, forwardedRef) {
-    const {
-        // @ts-expect-error
-        __scopeProgress,
-        value: valueProp,
-        max: maxProp,
-        getValueLabel = defaultGetValueLabel,
-        size = "$true",
-        ...progressProps
-      } = props,
-      max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
-      value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
-      valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
-      [width, setWidth] = useState(0);
-    return /* @__PURE__ */jsx(ProgressProvider, {
-      scope: __scopeProgress,
-      value,
-      max,
-      width,
-      children: /* @__PURE__ */jsx(ProgressFrame, {
-        "aria-valuemax": max,
-        "aria-valuemin": 0,
-        "aria-valuenow": isNumber(value) ? value : void 0,
-        "aria-valuetext": valueLabel,
-        role: "progressbar",
-        "data-state": getProgressState(value, max),
-        "data-value": value ?? void 0,
-        "data-max": max,
-        ...(progressProps.unstyled !== !0 && {
-          size
-        }),
-        ...progressProps,
-        ...(!isWeb && {
-          onLayout: e => {
-            const newWidth = Math.round(e.nativeEvent.layout.width);
-            newWidth !== width && setWidth(newWidth), progressProps.onLayout?.(e);
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+const Progress = withStaticProperties(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
+  const {
+    // @ts-expect-error
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$true",
+    ...progressProps
+  } = props;
+  const max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  const value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  const [width, setWidth] = useState(0);
+  return /* @__PURE__ */jsx(ProgressProvider, {
+    scope: __scopeProgress,
+    value,
+    max,
+    width,
+    children: /* @__PURE__ */jsx(ProgressFrame, {
+      "aria-valuemax": max,
+      "aria-valuemin": 0,
+      "aria-valuenow": isNumber(value) ? value : void 0,
+      "aria-valuetext": valueLabel,
+      role: "progressbar",
+      "data-state": getProgressState(value, max),
+      "data-value": value ?? void 0,
+      "data-max": max,
+      ...(progressProps.unstyled !== true && {
+        size
+      }),
+      ...progressProps,
+      ...(!isWeb && {
+        onLayout: e => {
+          const newWidth = Math.round(e.nativeEvent.layout.width);
+          if (newWidth !== width) {
+            setWidth(newWidth);
           }
-        }),
-        ref: forwardedRef
-      })
-    });
-  }), {
-    Indicator: ProgressIndicator
+          progressProps.onLayout?.(e);
+        }
+      }),
+      ref: forwardedRef
+    })
   });
+}), {
+  Indicator: ProgressIndicator
+});
 export { Progress, ProgressFrame, ProgressIndicator, ProgressIndicatorFrame, createProgressScope };
 //# sourceMappingURL=Progress.mjs.map

package/dist/jsx/Progress.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","jsx","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","HANZO_GUI_HEADLESS","ProgressIndicator","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","progressRatio","value","max","x","baseWidth","Math","ceil","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","val","minWidth","Progress","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","newWidth","nativeEvent","layout","Indicator"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["getVariableValue","isWeb","styled","createContextScope","getSize","withStaticProperties","YStack","useState","jsx","PROGRESS_NAME","createProgressContext","createProgressScope","ProgressProvider","useProgressContext","INDICATOR_NAME","ProgressIndicatorFrame","name","variants","unstyled","false","height","width","backgroundColor","defaultVariants","process","env","GUI_HEADLESS","ProgressIndicator","styleable","props","forwardedRef","__scopeProgress","transition","indicatorProps","context","progressRatio","value","max","x","baseWidth","Math","ceil","getProgressState","animateOnly","opacity","ref","defaultGetValueLabel","round","maxValue","isNumber","isValidMaxNumber","Number","isNaN","isValidValueNumber","DEFAULT_MAX","ProgressFrame","borderRadius","overflow","size","val","minWidth","Progress","Progress2","valueProp","maxProp","getValueLabel","progressProps","valueLabel","setWidth","scope","children","role","onLayout","e","newWidth","nativeEvent","layout","Indicator"],"sources":["../../src/Progress.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/Progress.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Progress_exports = {};
 __export(Progress_exports, {
@@ -29,65 +31,67 @@ __export(Progress_exports, {
   createProgressScope: () => createProgressScope
 });
 module.exports = __toCommonJS(Progress_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_gui_core = require("@hanzogui/core"),
-  import_gui_create_context = require("@hanzogui/create-context"),
-  import_gui_get_token = require("@hanzogui/get-token"),
-  import_gui_helpers = require("@hanzogui/helpers"),
-  import_gui_stacks = require("@hanzogui/stacks"),
-  import_react = require("react"),
-  PROGRESS_NAME = "Progress",
-  [createProgressContext, createProgressScope] = (0, import_gui_create_context.createContextScope)(PROGRESS_NAME),
-  [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME),
-  INDICATOR_NAME = "ProgressIndicator",
-  ProgressIndicatorFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
-    name: INDICATOR_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          height: "100%",
-          width: "100%",
-          backgroundColor: "$background"
-        }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@hanzogui/core");
+var import_create_context = require("@hanzogui/create-context");
+var import_get_token = require("@hanzogui/get-token");
+var import_helpers = require("@hanzogui/helpers");
+var import_stacks = require("@hanzogui/stacks");
+var import_react = require("react");
+var PROGRESS_NAME = "Progress";
+var [createProgressContext, createProgressScope] = (0, import_create_context.createContextScope)(PROGRESS_NAME);
+var [ProgressProvider, useProgressContext] = createProgressContext(PROGRESS_NAME);
+var INDICATOR_NAME = "ProgressIndicator";
+var ProgressIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: INDICATOR_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$background"
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
-    }
-  }),
-  ProgressIndicator = ProgressIndicatorFrame.styleable(function (props, forwardedRef) {
-    var {
-        __scopeProgress,
-        transition,
-        ...indicatorProps
-      } = props,
-      context = useProgressContext(INDICATOR_NAME, __scopeProgress),
-      _context_value,
-      progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max,
-      x;
-    if (import_gui_core.isWeb) x = `${-100 + progressRatio * 50}%`;else {
-      var baseWidth = context.width || 0;
-      x = Math.ceil(-baseWidth * (2 - progressRatio));
     }
-    var _context_value1;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicatorFrame, {
-      "data-state": getProgressState(context.value, context.max),
-      "data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
-      "data-max": context.max,
-      x,
-      width: "200%",
-      ...(!props.unstyled && {
-        animateOnly: ["transform"],
-        // on native, hide until we have width measurement
-        ...(!import_gui_core.isWeb && context.width === 0 && {
-          opacity: 0
-        })
-      }),
-      ...indicatorProps,
-      ref: forwardedRef,
-      transition: !import_gui_core.isWeb && !context.width ? null : transition
-    });
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var ProgressIndicator = ProgressIndicatorFrame.styleable(function ProgressIndicator2(props, forwardedRef) {
+  var {
+    __scopeProgress,
+    transition,
+    ...indicatorProps
+  } = props;
+  var context = useProgressContext(INDICATOR_NAME, __scopeProgress);
+  var _context_value;
+  var progressRatio = ((_context_value = context.value) !== null && _context_value !== void 0 ? _context_value : 0) / context.max;
+  var x;
+  if (import_core.isWeb) {
+    x = `${-100 + progressRatio * 50}%`;
+  } else {
+    var baseWidth = context.width || 0;
+    x = Math.ceil(-baseWidth * (2 - progressRatio));
+  }
+  var _context_value1;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressIndicatorFrame, {
+    "data-state": getProgressState(context.value, context.max),
+    "data-value": (_context_value1 = context.value) !== null && _context_value1 !== void 0 ? _context_value1 : void 0,
+    "data-max": context.max,
+    x,
+    width: "200%",
+    ...(!props.unstyled && {
+      animateOnly: ["transform"],
+      // on native, hide until we have width measurement
+      ...(!import_core.isWeb && context.width === 0 && {
+        opacity: 0
+      })
+    }),
+    ...indicatorProps,
+    ref: forwardedRef,
+    transition: !import_core.isWeb && !context.width ? null : transition
   });
+});
 function defaultGetValueLabel(value, max) {
   return `${Math.round(value / max * 100)}%`;
 }
@@ -95,7 +99,7 @@ function getProgressState(value, maxValue) {
   return value == null ? "indeterminate" : value === maxValue ? "complete" : "loading";
 }
 function isNumber(value) {
-  return typeof value == "number";
+  return typeof value === "number";
 }
 function isValidMaxNumber(max) {
   return isNumber(max) && !Number.isNaN(max) && max > 0;
@@ -103,76 +107,79 @@ function isValidMaxNumber(max) {
 function isValidValueNumber(value, max) {
   return isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
 }
-var DEFAULT_MAX = 100,
-  ProgressFrame = (0, import_gui_core.styled)(import_gui_stacks.YStack, {
-    name: "Progress",
-    variants: {
-      unstyled: {
-        false: {
-          borderRadius: 1e5,
-          overflow: "hidden",
-          backgroundColor: "$background"
-        }
-      },
-      size: {
-        "...size": function (val) {
-          var size = Math.round((0, import_gui_core.getVariableValue)((0, import_gui_get_token.getSize)(val)) * 0.25);
-          return {
-            height: size,
-            minWidth: (0, import_gui_core.getVariableValue)(size) * 20,
-            width: "100%"
-          };
-        }
+var DEFAULT_MAX = 100;
+var ProgressFrame = (0, import_core.styled)(import_stacks.YStack, {
+  name: "Progress",
+  variants: {
+    unstyled: {
+      false: {
+        borderRadius: 1e5,
+        overflow: "hidden",
+        backgroundColor: "$background"
       }
     },
-    defaultVariants: {
-      unstyled: process.env.HANZO_GUI_HEADLESS === "1"
+    size: {
+      "...size": function (val) {
+        var size = Math.round((0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) * 0.25);
+        return {
+          height: size,
+          minWidth: (0, import_core.getVariableValue)(size) * 20,
+          width: "100%"
+        };
+      }
     }
-  }),
-  Progress = (0, import_gui_helpers.withStaticProperties)(ProgressFrame.styleable(function (props, forwardedRef) {
-    var {
-        // @ts-expect-error
-        __scopeProgress,
-        value: valueProp,
-        max: maxProp,
-        getValueLabel = defaultGetValueLabel,
-        size = "$true",
-        ...progressProps
-      } = props,
-      max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX,
-      value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null,
-      valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0,
-      [width, setWidth] = (0, import_react.useState)(0);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressProvider, {
-      scope: __scopeProgress,
-      value,
-      max,
-      width,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressFrame, {
-        "aria-valuemax": max,
-        "aria-valuemin": 0,
-        "aria-valuenow": isNumber(value) ? value : void 0,
-        "aria-valuetext": valueLabel,
-        // @ts-ignore
-        role: "progressbar",
-        "data-state": getProgressState(value, max),
-        "data-value": value ?? void 0,
-        "data-max": max,
-        ...(progressProps.unstyled !== !0 && {
-          size
-        }),
-        ...progressProps,
-        ...(!import_gui_core.isWeb && {
-          onLayout: function (e) {
-            var _progressProps_onLayout,
-              newWidth = Math.round(e.nativeEvent.layout.width);
-            newWidth !== width && setWidth(newWidth), (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 || _progressProps_onLayout.call(progressProps, e);
+  },
+  defaultVariants: {
+    unstyled: process.env.GUI_HEADLESS === "1"
+  }
+});
+var Progress = (0, import_helpers.withStaticProperties)(ProgressFrame.styleable(function Progress2(props, forwardedRef) {
+  var {
+    // @ts-expect-error
+    __scopeProgress,
+    value: valueProp,
+    max: maxProp,
+    getValueLabel = defaultGetValueLabel,
+    size = "$true",
+    ...progressProps
+  } = props;
+  var max = isValidMaxNumber(maxProp) ? maxProp : DEFAULT_MAX;
+  var value = isValidValueNumber(valueProp, max) ? Math.round(valueProp) : null;
+  var valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
+  var [width, setWidth] = (0, import_react.useState)(0);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressProvider, {
+    scope: __scopeProgress,
+    value,
+    max,
+    width,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ProgressFrame, {
+      "aria-valuemax": max,
+      "aria-valuemin": 0,
+      "aria-valuenow": isNumber(value) ? value : void 0,
+      "aria-valuetext": valueLabel,
+      // @ts-ignore
+      role: "progressbar",
+      "data-state": getProgressState(value, max),
+      "data-value": value !== null && value !== void 0 ? value : void 0,
+      "data-max": max,
+      ...(progressProps.unstyled !== true && {
+        size
+      }),
+      ...progressProps,
+      ...(!import_core.isWeb && {
+        onLayout: function (e) {
+          var _progressProps_onLayout;
+          var newWidth = Math.round(e.nativeEvent.layout.width);
+          if (newWidth !== width) {
+            setWidth(newWidth);
           }
-        }),
-        ref: forwardedRef
-      })
-    });
-  }), {
-    Indicator: ProgressIndicator
+          (_progressProps_onLayout = progressProps.onLayout) === null || _progressProps_onLayout === void 0 ? void 0 : _progressProps_onLayout.call(progressProps, e);
+        }
+      }),
+      ref: forwardedRef
+    })
   });
+}), {
+  Indicator: ProgressIndicator
+});
 //# sourceMappingURL=Progress.native.js.map