@sisense/sdk-shared-ui 2.1.1 → 2.3.0

package/dist/CircularProgress-B3FkrcM6.js

@@ -0,0 +1,249 @@
+import * as O from "react";
+import { P as r } from "./index-D0lMis-I.js";
+import { g as T, a as R, k as P, b as x, s as g, d as c, m as w, e as N, f as j, h as U } from "./emotion-cache-provider-B6yKtm_a.js";
+import { c as E } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { jsx as h } from "react/jsx-runtime";
+import { c as I } from "./TransitionGroupContext-BNiEy2cD.js";
+function z(e) {
+  return T("MuiCircularProgress", e);
+}
+R("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const a = 44, y = P`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`, v = P`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`, F = typeof y != "string" ? x`
+        animation: ${y} 1.4s linear infinite;
+      ` : null, V = typeof v != "string" ? x`
+        animation: ${v} 1.4s ease-in-out infinite;
+      ` : null, A = (e) => {
+  const {
+    classes: s,
+    variant: t,
+    color: o,
+    disableShrink: l
+  } = e, p = {
+    root: ["root", t, `color${c(o)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${c(t)}`, l && "circleDisableShrink"]
+  };
+  return U(p, z, s);
+}, K = g("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (e, s) => {
+    const {
+      ownerState: t
+    } = e;
+    return [s.root, s[t.variant], s[`color${c(t.color)}`]];
+  }
+})(w(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("transform")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: F || {
+      animation: `${y} 1.4s linear infinite`
+    }
+  }, ...Object.entries(e.palette).filter(E()).map(([s]) => ({
+    props: {
+      color: s
+    },
+    style: {
+      color: (e.vars || e).palette[s].main
+    }
+  }))]
+}))), B = g("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (e, s) => s.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), G = g("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (e, s) => {
+    const {
+      ownerState: t
+    } = e;
+    return [s.circle, s[`circle${c(t.variant)}`], t.disableShrink && s.circleDisableShrink];
+  }
+})(w(({
+  theme: e
+}) => ({
+  stroke: "currentColor",
+  variants: [{
+    props: {
+      variant: "determinate"
+    },
+    style: {
+      transition: e.transitions.create("stroke-dashoffset")
+    }
+  }, {
+    props: {
+      variant: "indeterminate"
+    },
+    style: {
+      // Some default value that looks fine waiting for the animation to kicks in.
+      strokeDasharray: "80px, 200px",
+      strokeDashoffset: 0
+      // Add the unit to fix a Edge 16 and below bug.
+    }
+  }, {
+    props: ({
+      ownerState: s
+    }) => s.variant === "indeterminate" && !s.disableShrink,
+    style: V || {
+      // At runtime for Pigment CSS, `bufferAnimation` will be null and the generated keyframe will be used.
+      animation: `${v} 1.4s ease-in-out infinite`
+    }
+  }]
+}))), W = /* @__PURE__ */ O.forwardRef(function(s, t) {
+  const o = N({
+    props: s,
+    name: "MuiCircularProgress"
+  }), {
+    className: l,
+    color: p = "primary",
+    disableShrink: $ = !1,
+    size: m = 40,
+    style: D,
+    thickness: i = 3.6,
+    value: f = 0,
+    variant: k = "indeterminate",
+    ...M
+  } = o, n = {
+    ...o,
+    color: p,
+    disableShrink: $,
+    size: m,
+    thickness: i,
+    value: f,
+    variant: k
+  }, d = A(n), u = {}, b = {}, S = {};
+  if (k === "determinate") {
+    const C = 2 * Math.PI * ((a - i) / 2);
+    u.strokeDasharray = C.toFixed(3), S["aria-valuenow"] = Math.round(f), u.strokeDashoffset = `${((100 - f) / 100 * C).toFixed(3)}px`, b.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ h(K, {
+    className: j(d.root, l),
+    style: {
+      width: m,
+      height: m,
+      ...b,
+      ...D
+    },
+    ownerState: n,
+    ref: t,
+    role: "progressbar",
+    ...S,
+    ...M,
+    children: /* @__PURE__ */ h(B, {
+      className: d.svg,
+      ownerState: n,
+      viewBox: `${a / 2} ${a / 2} ${a} ${a}`,
+      children: /* @__PURE__ */ h(G, {
+        className: d.circle,
+        style: u,
+        ownerState: n,
+        cx: a,
+        cy: a,
+        r: (a - i) / 2,
+        fill: "none",
+        strokeWidth: i
+      })
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (W.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The color of the component.
+   * It supports both default and custom theme colors, which can be added as shown in the
+   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
+   * @default 'primary'
+   */
+  color: r.oneOfType([r.oneOf(["inherit", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: I(r.bool, (e) => e.disableShrink && e.variant && e.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, for example '3rem'.
+   * @default 40
+   */
+  size: r.oneOfType([r.number, r.string]),
+  /**
+   * @ignore
+   */
+  style: r.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: r.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: r.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: r.oneOf(["determinate", "indeterminate"])
+});
+export {
+  W as C
+};

package/dist/CircularProgress-BWqRJiR-.cjs

@@ -0,0 +1,28 @@
+"use strict";const w=require("react"),t=require("./index-B-zZeebW.cjs"),s=require("./emotion-cache-provider-XZE1SDsY.cjs"),O=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),m=require("react/jsx-runtime"),j=require("./TransitionGroupContext-CJJeIdck.cjs");function D(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const $=D(w);function M(e){return s.generateUtilityClass("MuiCircularProgress",e)}s.generateUtilityClasses("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const i=44,P=s.keyframes`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`,h=s.keyframes`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`,R=typeof P!="string"?s.css`
+        animation: ${P} 1.4s linear infinite;
+      `:null,N=typeof h!="string"?s.css`
+        animation: ${h} 1.4s ease-in-out infinite;
+      `:null,z=e=>{const{classes:r,variant:o,color:a,disableShrink:l}=e,p={root:["root",o,`color${s.capitalize(a)}`],svg:["svg"],circle:["circle",`circle${s.capitalize(o)}`,l&&"circleDisableShrink"]};return s.composeClasses(p,M,r)},q=s.styled("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[r.root,r[o.variant],r[`color${s.capitalize(o.color)}`]]}})(s.memoTheme(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:R||{animation:`${P} 1.4s linear infinite`}},...Object.entries(e.palette).filter(O.createSimplePaletteValueFilter()).map(([r])=>({props:{color:r},style:{color:(e.vars||e).palette[r].main}}))]}))),U=s.styled("svg",{name:"MuiCircularProgress",slot:"Svg",overridesResolver:(e,r)=>r.svg})({display:"block"}),E=s.styled("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[r.circle,r[`circle${s.capitalize(o.variant)}`],o.disableShrink&&r.circleDisableShrink]}})(s.memoTheme(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink,style:N||{animation:`${h} 1.4s ease-in-out infinite`}}]}))),b=$.forwardRef(function(r,o){const a=s.useDefaultProps({props:r,name:"MuiCircularProgress"}),{className:l,color:p="primary",disableShrink:S=!1,size:u=40,style:x,thickness:n=3.6,value:y=0,variant:v="indeterminate",...C}=a,c={...a,color:p,disableShrink:S,size:u,thickness:n,value:y,variant:v},d=z(c),f={},g={},T={};if(v==="determinate"){const k=2*Math.PI*((i-n)/2);f.strokeDasharray=k.toFixed(3),T["aria-valuenow"]=Math.round(y),f.strokeDashoffset=`${((100-y)/100*k).toFixed(3)}px`,g.transform="rotate(-90deg)"}return m.jsx(q,{className:s.clsx(d.root,l),style:{width:u,height:u,...g,...x},ownerState:c,ref:o,role:"progressbar",...T,...C,children:m.jsx(U,{className:d.svg,ownerState:c,viewBox:`${i/2} ${i/2} ${i} ${i}`,children:m.jsx(E,{className:d.circle,style:f,ownerState:c,cx:i,cy:i,r:(i-n)/2,fill:"none",strokeWidth:n})})})});process.env.NODE_ENV!=="production"&&(b.propTypes={classes:t.PropTypes.object,className:t.PropTypes.string,color:t.PropTypes.oneOfType([t.PropTypes.oneOf(["inherit","primary","secondary","error","info","success","warning"]),t.PropTypes.string]),disableShrink:j.chainPropTypes(t.PropTypes.bool,e=>e.disableShrink&&e.variant&&e.variant!=="indeterminate"?new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect."):null),size:t.PropTypes.oneOfType([t.PropTypes.number,t.PropTypes.string]),style:t.PropTypes.object,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),thickness:t.PropTypes.number,value:t.PropTypes.number,variant:t.PropTypes.oneOf(["determinate","indeterminate"])});exports.CircularProgress=b;