@spark-ui/progress 1.1.0 → 1.1.1

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.1](https://github.com/adevinta/spark/compare/@spark-ui/progress@1.1.0...@spark-ui/progress@1.1.1) (2023-09-11)
+
+### Bug Fixes
+
+- **progress:** harmonize progress displayNames ([02f8f08](https://github.com/adevinta/spark/commit/02f8f083b7c43827345a7b28b44d05f9aaf12b2b))
+
 # [1.1.0](https://github.com/adevinta/spark/compare/@spark-ui/progress@1.0.0...@spark-ui/progress@1.1.0) (2023-09-04)
 
 ### Features

package/dist/index.d.ts

@@ -3,11 +3,11 @@ import { ProgressProps } from './Progress';
 import { ProgressBar } from './ProgressBar';
 import { ProgressIndicator } from './ProgressIndicator';
 import { ProgressLabel } from './ProgressLabel';
-export { type ProgressBarProps } from './ProgressBar';
-export { type ProgressLabelProps } from './ProgressLabel';
-export { type ProgressIndicatorProps } from './ProgressIndicator';
 export declare const Progress: FC<ProgressProps> & {
     Label: typeof ProgressLabel;
     Bar: typeof ProgressBar;
     Indicator: typeof ProgressIndicator;
 };
+export { type ProgressBarProps } from './ProgressBar';
+export { type ProgressLabelProps } from './ProgressLabel';
+export { type ProgressIndicatorProps } from './ProgressIndicator';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),g=require("@radix-ui/react-progress"),m=require("class-variance-authority"),P=require("@radix-ui/react-id"),y=require("@spark-ui/use-merge-refs"),b=e.createContext(null),p=()=>{const r=e.useContext(b);if(!r)throw new Error("useProgress must be used within a Progress provider");return r},I=m.cva(["h-full w-full","bg-basic","rounded-sm","transition-transform duration-400"],{variants:{isIndeterminate:{true:["absolute","-translate-x-1/2","animate-standalone-indeterminate-bar"],false:[]}}}),u=e.forwardRef(({className:r,style:a,...s},t)=>{const{value:n,max:l,isIndeterminate:o}=p(),i=(l-n)/l*100;return e.createElement(g.ProgressIndicator,{className:I({isIndeterminate:o,className:r}),style:{...a,...!o&&{transform:`translateX(-${i}%)`}},ref:t,...s})});u.displayName="Progress.Indicator";const f=e.forwardRef(({className:r,children:a=e.createElement(u,null),...s},t)=>e.createElement("div",{className:m.cx("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4",r),ref:t,...s},a));f.displayName="Progress.Bar";const v=e.forwardRef(({className:r,value:a,max:s=100,isIndeterminate:t=!1,children:n=e.createElement(f,null),...l},o)=>{const[i,d]=e.useState(),x=e.useMemo(()=>({value:a??0,max:s,isIndeterminate:t,onLabelId:d}),[s,a,t,d]);return e.createElement(b.Provider,{"data-spark-component":"progress",value:x},e.createElement(g.Progress,{ref:o,className:m.cx("flex flex-col gap-sm",r),value:a,"aria-labelledby":i,max:s,...l},n))});v.displayName="Progress";const N=e.forwardRef(({id:r,children:a,...s},t)=>{const n=P.useId(r),{onLabelId:l}=p(),o=e.useCallback(d=>{l(d?n:void 0)},[n,l]),i=y.useMergeRefs(t,o);return e.createElement("span",{id:n,className:"text-body-2 text-on-surface",ref:i,...s},a)});N.displayName="Progress.Label";const c=Object.assign(v,{Label:N,Bar:f,Indicator:u});c.Label.displayName="Progress.Label",c.Bar.displayName="Progress.Bar",exports.Progress=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),b=require("@radix-ui/react-progress"),u=require("class-variance-authority"),y=require("@radix-ui/react-id"),x=require("@spark-ui/use-merge-refs"),p=e.createContext(null),N=()=>{const r=e.useContext(p);if(!r)throw new Error("useProgress must be used within a Progress provider");return r},I=u.cva(["h-full w-full","bg-basic","rounded-sm","transition-transform duration-400"],{variants:{isIndeterminate:{true:["absolute","-translate-x-1/2","animate-standalone-indeterminate-bar"],false:[]}}}),m=e.forwardRef(({className:r,style:a,...s},t)=>{const{value:n,max:l,isIndeterminate:o}=N(),i=(l-n)/l*100;return e.createElement(b.ProgressIndicator,{className:I({isIndeterminate:o,className:r}),style:{...a,...!o&&{transform:`translateX(-${i}%)`}},ref:t,...s})});m.displayName="Progress.Indicator";const c=e.forwardRef(({className:r,children:a=e.createElement(m,null),...s},t)=>e.createElement("div",{className:u.cx("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4",r),ref:t,...s},a));c.displayName="Progress.Bar";const P=e.forwardRef(({className:r,value:a,max:s=100,isIndeterminate:t=!1,children:n=e.createElement(c,null),...l},o)=>{const[i,d]=e.useState(),v=e.useMemo(()=>({value:a??0,max:s,isIndeterminate:t,onLabelId:d}),[s,a,t,d]);return e.createElement(p.Provider,{"data-spark-component":"progress",value:v},e.createElement(b.Progress,{ref:o,className:u.cx("flex flex-col gap-sm",r),value:a,"aria-labelledby":i,max:s,...l},n))});P.displayName="Progress";const f=e.forwardRef(({id:r,children:a,...s},t)=>{const n=y.useId(r),{onLabelId:l}=N(),o=e.useCallback(d=>{l(d?n:void 0)},[n,l]),i=x.useMergeRefs(t,o);return e.createElement("span",{id:n,className:"text-body-2 text-on-surface",ref:i,...s},a)});f.displayName="Progress.Label";const g=Object.assign(P,{Label:f,Bar:c,Indicator:m});g.displayName="Progress",c.displayName="Progress.Bar",m.displayName="Progress.Indicator",f.displayName="Progress.Label",exports.Progress=g;

package/dist/index.mjs

@@ -1,34 +1,34 @@
-import o, { createContext as P, useContext as y, forwardRef as d, useState as I, useMemo as h, useCallback as E } from "react";
-import { ProgressIndicator as w, Progress as L } from "@radix-ui/react-progress";
-import { cva as B, cx as g } from "class-variance-authority";
+import o, { createContext as v, useContext as x, forwardRef as d, useState as y, useMemo as I, useCallback as h } from "react";
+import { ProgressIndicator as E, Progress as w } from "@radix-ui/react-progress";
+import { cva as L, cx as g } from "class-variance-authority";
 import { useId as k } from "@radix-ui/react-id";
-import { useMergeRefs as C } from "@spark-ui/use-merge-refs";
-const p = P(null), b = () => {
-  const e = y(p);
+import { useMergeRefs as B } from "@spark-ui/use-merge-refs";
+const p = v(null), b = () => {
+  const e = x(p);
   if (!e)
     throw new Error("useProgress must be used within a Progress provider");
   return e;
-}, M = B(["h-full w-full", "bg-basic", "rounded-sm", "transition-transform duration-400"], { variants: { isIndeterminate: { true: ["absolute", "-translate-x-1/2", "animate-standalone-indeterminate-bar"], false: [] } } }), c = d(({ className: e, style: a, ...r }, s) => {
+}, C = L(["h-full w-full", "bg-basic", "rounded-sm", "transition-transform duration-400"], { variants: { isIndeterminate: { true: ["absolute", "-translate-x-1/2", "animate-standalone-indeterminate-bar"], false: [] } } }), c = d(({ className: e, style: a, ...s }, r) => {
   const { value: t, max: n, isIndeterminate: l } = b(), m = (n - t) / n * 100;
-  return o.createElement(w, { className: M({ isIndeterminate: l, className: e }), style: { ...a, ...!l && { transform: `translateX(-${m}%)` } }, ref: s, ...r });
+  return o.createElement(E, { className: C({ isIndeterminate: l, className: e }), style: { ...a, ...!l && { transform: `translateX(-${m}%)` } }, ref: r, ...s });
 });
 c.displayName = "Progress.Indicator";
-const u = d(({ className: e, children: a = o.createElement(c, null), ...r }, s) => o.createElement("div", { className: g("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4", e), ref: s, ...r }, a));
+const u = d(({ className: e, children: a = o.createElement(c, null), ...s }, r) => o.createElement("div", { className: g("relative h-sz-4 w-full transform-gpu overflow-hidden rounded-sm bg-on-background/dim-4", e), ref: r, ...s }, a));
 u.displayName = "Progress.Bar";
-const N = d(({ className: e, value: a, max: r = 100, isIndeterminate: s = !1, children: t = o.createElement(u, null), ...n }, l) => {
-  const [m, i] = I(), x = h(() => ({ value: a ?? 0, max: r, isIndeterminate: s, onLabelId: i }), [r, a, s, i]);
-  return o.createElement(p.Provider, { "data-spark-component": "progress", value: x }, o.createElement(L, { ref: l, className: g("flex flex-col gap-sm", e), value: a, "aria-labelledby": m, max: r, ...n }, t));
+const N = d(({ className: e, value: a, max: s = 100, isIndeterminate: r = !1, children: t = o.createElement(u, null), ...n }, l) => {
+  const [m, i] = y(), P = I(() => ({ value: a ?? 0, max: s, isIndeterminate: r, onLabelId: i }), [s, a, r, i]);
+  return o.createElement(p.Provider, { "data-spark-component": "progress", value: P }, o.createElement(w, { ref: l, className: g("flex flex-col gap-sm", e), value: a, "aria-labelledby": m, max: s, ...n }, t));
 });
 N.displayName = "Progress";
-const v = d(({ id: e, children: a, ...r }, s) => {
-  const t = k(e), { onLabelId: n } = b(), l = E((i) => {
+const f = d(({ id: e, children: a, ...s }, r) => {
+  const t = k(e), { onLabelId: n } = b(), l = h((i) => {
     n(i ? t : void 0);
-  }, [t, n]), m = C(s, l);
-  return o.createElement("span", { id: t, className: "text-body-2 text-on-surface", ref: m, ...r }, a);
+  }, [t, n]), m = B(r, l);
+  return o.createElement("span", { id: t, className: "text-body-2 text-on-surface", ref: m, ...s }, a);
 });
-v.displayName = "Progress.Label";
-const f = Object.assign(N, { Label: v, Bar: u, Indicator: c });
-f.Label.displayName = "Progress.Label", f.Bar.displayName = "Progress.Bar";
+f.displayName = "Progress.Label";
+const M = Object.assign(N, { Label: f, Bar: u, Indicator: c });
+M.displayName = "Progress", u.displayName = "Progress.Bar", c.displayName = "Progress.Indicator", f.displayName = "Progress.Label";
 export {
-  f as Progress
+  M as Progress
 };

package/dist/public/docgen.json

@@ -6,9 +6,7 @@
     "methods": [],
     "props": {
       "isIndeterminate": {
-        "defaultValue": {
-          "value": "false"
-        },
+        "defaultValue": null,
         "description": "",
         "name": "isIndeterminate",
         "parent": {
@@ -46,9 +44,7 @@
         }
       },
       "max": {
-        "defaultValue": {
-          "value": "100"
-        },
+        "defaultValue": null,
         "description": "",
         "name": "max",
         "parent": {
@@ -121,98 +117,6 @@
     "description": "",
     "displayName": "Progress.Label",
     "methods": [],
-    "props": {
-      "isIndeterminate": {
-        "defaultValue": null,
-        "description": "",
-        "name": "isIndeterminate",
-        "parent": {
-          "fileName": "progress/src/Progress.tsx",
-          "name": "ProgressProps"
-        },
-        "declarations": [
-          {
-            "fileName": "progress/src/Progress.tsx",
-            "name": "ProgressProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      },
-      "value": {
-        "defaultValue": null,
-        "description": "",
-        "name": "value",
-        "parent": {
-          "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
-          "name": "ProgressProps"
-        },
-        "declarations": [
-          {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
-            "name": "ProgressProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
-      "max": {
-        "defaultValue": null,
-        "description": "",
-        "name": "max",
-        "parent": {
-          "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
-          "name": "ProgressProps"
-        },
-        "declarations": [
-          {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
-            "name": "ProgressProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "number"
-        }
-      },
-      "getValueLabel": {
-        "defaultValue": null,
-        "description": "",
-        "name": "getValueLabel",
-        "parent": {
-          "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
-          "name": "ProgressProps"
-        },
-        "declarations": [
-          {
-            "fileName": "spark/node_modules/@radix-ui/react-progress/dist/index.d.ts",
-            "name": "ProgressProps"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "(value: number, max: number) => string"
-        }
-      },
-      "asChild": {
-        "defaultValue": null,
-        "description": "",
-        "name": "asChild",
-        "declarations": [
-          {
-            "fileName": "spark/node_modules/@radix-ui/react-primitive/dist/index.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "boolean"
-        }
-      }
-    }
+    "props": {}
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/progress",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.",
   "publishConfig": {
     "access": "public"
@@ -44,5 +44,5 @@
   },
   "homepage": "https://sparkui.vercel.app",
   "license": "MIT",
-  "gitHead": "b29fbceac31642a9e6ad3c815b2abec885d53bbb"
+  "gitHead": "71af7216f90b81c71aac495c702ddb3826c46dcc"
 }