@sisense/sdk-shared-ui 1.27.1 → 1.29.0

package/dist/useSlot-B_P_o-pz.cjs

@@ -0,0 +1 @@
+"use strict";const k=require("react"),n=require("./index-B-zZeebW.cjs"),K=require("./ThemeProvider-BjBWRt7C.cjs"),de=require("./useTheme-BN6DGaDZ.cjs"),Ee=require("react/jsx-runtime"),d=require("./useTimeout-DQN9lwd_.cjs"),Te=require("./setPrototypeOf-BmHXYjK5.cjs"),L=require("react-dom"),G=require("./useSlotProps-COvANhgg.cjs");function Z(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(s,a,r.get?r:{enumerable:!0,get:()=>t[a]})}}return s.default=t,Object.freeze(s)}const f=Z(k),me=Z(L);function ee(){const t=de.useTheme(K.defaultTheme);return process.env.NODE_ENV!=="production"&&f.useDebugValue(t),t[K.THEME_ID]||t}const J={disabled:!1};var ye=process.env.NODE_ENV!=="production"?n.PropTypes.oneOfType([n.PropTypes.number,n.PropTypes.shape({enter:n.PropTypes.number,exit:n.PropTypes.number,appear:n.PropTypes.number}).isRequired]):null;process.env.NODE_ENV!=="production"&&n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.shape({enter:n.PropTypes.string,exit:n.PropTypes.string,active:n.PropTypes.string}),n.PropTypes.shape({enter:n.PropTypes.string,enterDone:n.PropTypes.string,enterActive:n.PropTypes.string,exit:n.PropTypes.string,exitDone:n.PropTypes.string,exitActive:n.PropTypes.string})]);var he=function(s){return s.scrollTop},M="unmounted",g="exited",v="entering",w="entered",U="exiting",E=function(t){d._inheritsLoose(s,t);function s(r,o){var e;e=t.call(this,r,o)||this;var i=o,p=i&&!i.isMounting?r.enter:r.appear,u;return e.appearStatus=null,r.in?p?(u=g,e.appearStatus=v):u=w:r.unmountOnExit||r.mountOnEnter?u=M:u=g,e.state={status:u},e.nextCallback=null,e}s.getDerivedStateFromProps=function(o,e){var i=o.in;return i&&e.status===M?{status:g}:null};var a=s.prototype;return a.componentDidMount=function(){this.updateStatus(!0,this.appearStatus)},a.componentDidUpdate=function(o){var e=null;if(o!==this.props){var i=this.state.status;this.props.in?i!==v&&i!==w&&(e=v):(i===v||i===w)&&(e=U)}this.updateStatus(!1,e)},a.componentWillUnmount=function(){this.cancelNextCallback()},a.getTimeouts=function(){var o=this.props.timeout,e,i,p;return e=i=p=o,o!=null&&typeof o!="number"&&(e=o.exit,i=o.enter,p=o.appear!==void 0?o.appear:i),{exit:e,enter:i,appear:p}},a.updateStatus=function(o,e){if(o===void 0&&(o=!1),e!==null)if(this.cancelNextCallback(),e===v){if(this.props.unmountOnExit||this.props.mountOnEnter){var i=this.props.nodeRef?this.props.nodeRef.current:L.findDOMNode(this);i&&he(i)}this.performEnter(o)}else this.performExit();else this.props.unmountOnExit&&this.state.status===g&&this.setState({status:M})},a.performEnter=function(o){var e=this,i=this.props.enter,p=this.context?this.context.isMounting:o,u=this.props.nodeRef?[p]:[L.findDOMNode(this),p],l=u[0],T=u[1],x=this.getTimeouts(),b=p?x.appear:x.enter;if(!o&&!i||J.disabled){this.safeSetState({status:w},function(){e.props.onEntered(l)});return}this.props.onEnter(l,T),this.safeSetState({status:v},function(){e.props.onEntering(l,T),e.onTransitionEnd(b,function(){e.safeSetState({status:w},function(){e.props.onEntered(l,T)})})})},a.performExit=function(){var o=this,e=this.props.exit,i=this.getTimeouts(),p=this.props.nodeRef?void 0:L.findDOMNode(this);if(!e||J.disabled){this.safeSetState({status:g},function(){o.props.onExited(p)});return}this.props.onExit(p),this.safeSetState({status:U},function(){o.props.onExiting(p),o.onTransitionEnd(i.exit,function(){o.safeSetState({status:g},function(){o.props.onExited(p)})})})},a.cancelNextCallback=function(){this.nextCallback!==null&&(this.nextCallback.cancel(),this.nextCallback=null)},a.safeSetState=function(o,e){e=this.setNextCallback(e),this.setState(o,e)},a.setNextCallback=function(o){var e=this,i=!0;return this.nextCallback=function(p){i&&(i=!1,e.nextCallback=null,o(p))},this.nextCallback.cancel=function(){i=!1},this.nextCallback},a.onTransitionEnd=function(o,e){this.setNextCallback(e);var i=this.props.nodeRef?this.props.nodeRef.current:L.findDOMNode(this),p=o==null&&!this.props.addEndListener;if(!i||p){setTimeout(this.nextCallback,0);return}if(this.props.addEndListener){var u=this.props.nodeRef?[this.nextCallback]:[i,this.nextCallback],l=u[0],T=u[1];this.props.addEndListener(l,T)}o!=null&&setTimeout(this.nextCallback,o)},a.render=function(){var o=this.state.status;if(o===M)return null;var e=this.props,i=e.children;e.in,e.mountOnEnter,e.unmountOnExit,e.appear,e.enter,e.exit,e.timeout,e.addEndListener,e.onEnter,e.onEntering,e.onEntered,e.onExit,e.onExiting,e.onExited,e.nodeRef;var p=Te._objectWithoutPropertiesLoose(e,["children","in","mountOnEnter","unmountOnExit","appear","enter","exit","timeout","addEndListener","onEnter","onEntering","onEntered","onExit","onExiting","onExited","nodeRef"]);return k.createElement(d.TransitionGroupContext.Provider,{value:null},typeof i=="function"?i(o,p):k.cloneElement(k.Children.only(i),p))},s}(k.Component);E.contextType=d.TransitionGroupContext;E.propTypes=process.env.NODE_ENV!=="production"?{nodeRef:n.PropTypes.shape({current:typeof Element>"u"?n.PropTypes.any:function(t,s,a,r,o,e){var i=t[s];return n.PropTypes.instanceOf(i&&"ownerDocument"in i?i.ownerDocument.defaultView.Element:Element)(t,s,a,r,o,e)}}),children:n.PropTypes.oneOfType([n.PropTypes.func.isRequired,n.PropTypes.element.isRequired]).isRequired,in:n.PropTypes.bool,mountOnEnter:n.PropTypes.bool,unmountOnExit:n.PropTypes.bool,appear:n.PropTypes.bool,enter:n.PropTypes.bool,exit:n.PropTypes.bool,timeout:function(s){var a=ye;s.addEndListener||(a=a.isRequired);for(var r=arguments.length,o=new Array(r>1?r-1:0),e=1;e<r;e++)o[e-1]=arguments[e];return a.apply(void 0,[s].concat(o))},addEndListener:n.PropTypes.func,onEnter:n.PropTypes.func,onEntering:n.PropTypes.func,onEntered:n.PropTypes.func,onExit:n.PropTypes.func,onExiting:n.PropTypes.func,onExited:n.PropTypes.func}:{};function C(){}E.defaultProps={in:!1,mountOnEnter:!1,unmountOnExit:!1,appear:!1,enter:!0,exit:!0,onEnter:C,onEntering:C,onEntered:C,onExit:C,onExiting:C,onExited:C};E.UNMOUNTED=M;E.EXITED=g;E.ENTERING=v;E.ENTERED=w;E.EXITING=U;function Pe(t){const{prototype:s={}}=t;return!!s.isReactComponent}function te(t,s,a,r,o){const e=t[s],i=o||s;if(e==null||typeof window>"u")return null;let p;const u=e.type;return typeof u=="function"&&!Pe(u)&&(p="Did you accidentally use a plain function component for an element instead?"),p!==void 0?new Error(`Invalid ${r} \`${i}\` supplied to \`${a}\`. Expected an element that can hold a ref. ${p} For more information see https://mui.com/r/caveat-with-refs-guide`):null}const z=d.chainPropTypes(n.PropTypes.element,te);z.isRequired=d.chainPropTypes(n.PropTypes.element.isRequired,te);function B(t){var s;return parseInt(f.version,10)>=19?((s=t==null?void 0:t.props)==null?void 0:s.ref)||null:(t==null?void 0:t.ref)||null}const ne=t=>t.scrollTop;function W(t,s){const{timeout:a,easing:r,style:o={}}=t;return{duration:o.transitionDuration??(typeof a=="number"?a:a[s.mode]||0),easing:o.transitionTimingFunction??(typeof r=="object"?r[s.mode]:r),delay:o.transitionDelay}}function X(t){return`scale(${t}, ${t**2})`}const xe={entering:{opacity:1,transform:X(1)},entered:{opacity:1,transform:"none"}},H=typeof navigator<"u"&&/^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent)&&/(os |version\/)15(.|_)4/i.test(navigator.userAgent),V=f.forwardRef(function(s,a){const{addEndListener:r,appear:o=!0,children:e,easing:i,in:p,onEnter:u,onEntered:l,onEntering:T,onExit:x,onExited:b,onExiting:N,style:R,timeout:m="auto",TransitionComponent:F=E,...A}=s,_=d.useTimeout(),I=f.useRef(),D=ee(),q=f.useRef(null),ie=d.useForkRef(q,B(e),a),O=c=>h=>{if(c){const P=q.current;h===void 0?c(P):c(P,h)}},se=O(T),ae=O((c,h)=>{ne(c);const{duration:P,delay:j,easing:y}=W({style:R,timeout:m,easing:i},{mode:"enter"});let S;m==="auto"?(S=D.transitions.getAutoHeightDuration(c.clientHeight),I.current=S):S=P,c.style.transition=[D.transitions.create("opacity",{duration:S,delay:j}),D.transitions.create("transform",{duration:H?S:S*.666,delay:j,easing:y})].join(","),u&&u(c,h)}),pe=O(l),ue=O(N),ce=O(c=>{const{duration:h,delay:P,easing:j}=W({style:R,timeout:m,easing:i},{mode:"exit"});let y;m==="auto"?(y=D.transitions.getAutoHeightDuration(c.clientHeight),I.current=y):y=h,c.style.transition=[D.transitions.create("opacity",{duration:y,delay:P}),D.transitions.create("transform",{duration:H?y:y*.666,delay:H?P:P||y*.333,easing:j})].join(","),c.style.opacity=0,c.style.transform=X(.75),x&&x(c)}),le=O(b),fe=c=>{m==="auto"&&_.start(I.current||0,c),r&&r(q.current,c)};return Ee.jsx(F,{appear:o,in:p,nodeRef:q,onEnter:ae,onEntered:pe,onEntering:se,onExit:ce,onExited:le,onExiting:ue,addEndListener:fe,timeout:m==="auto"?null:m,...A,children:(c,h)=>f.cloneElement(e,{style:{opacity:0,transform:X(.75),visibility:c==="exited"&&!p?"hidden":void 0,...xe[c],...R,...e.props.style},ref:ie,...h})})});process.env.NODE_ENV!=="production"&&(V.propTypes={addEndListener:n.PropTypes.func,appear:n.PropTypes.bool,children:z.isRequired,easing:n.PropTypes.oneOfType([n.PropTypes.shape({enter:n.PropTypes.string,exit:n.PropTypes.string}),n.PropTypes.string]),in:n.PropTypes.bool,onEnter:n.PropTypes.func,onEntered:n.PropTypes.func,onEntering:n.PropTypes.func,onExit:n.PropTypes.func,onExited:n.PropTypes.func,onExiting:n.PropTypes.func,style:n.PropTypes.object,timeout:n.PropTypes.oneOfType([n.PropTypes.oneOf(["auto"]),n.PropTypes.number,n.PropTypes.shape({appear:n.PropTypes.number,enter:n.PropTypes.number,exit:n.PropTypes.number})])});V&&(V.muiSupportAuto=!0);function oe(t,s,a,r,o){if(process.env.NODE_ENV==="production")return null;const e=t[s],i=o||s;return e==null?null:e&&e.nodeType!==1?new Error(`Invalid ${r} \`${i}\` supplied to \`${a}\`. Expected an HTMLElement.`):null}const ge="exact-prop: ​";function re(t){return process.env.NODE_ENV==="production"?t:{...t,[ge]:s=>{const a=Object.keys(s).filter(r=>!t.hasOwnProperty(r));return a.length>0?new Error(`The following props are not supported: ${a.map(r=>`\`${r}\``).join(", ")}. Please remove them.`):null}}}function ve(t){return t&&t.ownerDocument||document}let Q=0;function be(t){const[s,a]=f.useState(t),r=t||s;return f.useEffect(()=>{s==null&&(Q+=1,a(`mui-${Q}`))},[s]),r}const Ne={...f},Y=Ne.useId;function Re(t){if(Y!==void 0){const s=Y();return t??s}return be(t)}function De(t){return typeof t=="function"?t():t}const $=f.forwardRef(function(s,a){const{children:r,container:o,disablePortal:e=!1}=s,[i,p]=f.useState(null),u=d.useForkRef(f.isValidElement(r)?B(r):null,a);if(d.useEnhancedEffect(()=>{e||p(De(o)||document.body)},[o,e]),d.useEnhancedEffect(()=>{if(i&&!e)return d.setRef(a,i),()=>{d.setRef(a,null)}},[a,i,e]),e){if(f.isValidElement(r)){const l={ref:u};return f.cloneElement(r,l)}return r}return i&&me.createPortal(r,i)});process.env.NODE_ENV!=="production"&&($.propTypes={children:n.PropTypes.node,container:n.PropTypes.oneOfType([oe,n.PropTypes.func]),disablePortal:n.PropTypes.bool});process.env.NODE_ENV!=="production"&&($.propTypes=re($.propTypes));function Oe(t,s){const{className:a,elementType:r,ownerState:o,externalForwardedProps:e,internalForwardedProps:i,...p}=s,{component:u,slots:l={[t]:void 0},slotProps:T={[t]:void 0},...x}=e,b=l[t]||r,N=G.resolveComponentProps(T[t],o),{props:{component:R,...m},internalRef:F}=G.mergeSlotProps({className:a,...p,externalForwardedProps:t==="root"?x:void 0,externalSlotProps:N}),A=d.useForkRef(F,N==null?void 0:N.ref,s.ref),_=t==="root"?R||u:R,I=G.appendOwnerState(b,{...t==="root"&&!u&&!l[t]&&i,...t!=="root"&&!l[t]&&i,...m,..._&&{as:_},ref:A},o);return[b,I]}exports.Grow=V;exports.HTMLElementType=oe;exports.Portal=$;exports.Transition=E;exports.elementAcceptingRef=z;exports.exactProp=re;exports.getReactElementRef=B;exports.getTransitionProps=W;exports.ownerDocument=ve;exports.reflow=ne;exports.useId=Re;exports.useSlot=Oe;exports.useTheme=ee;

package/dist/useSlotProps-BpXHXb21.js

@@ -0,0 +1,102 @@
+import { f as N } from "./ThemeProvider-BCsnqK18.js";
+import { u as v } from "./useTimeout-BG7TPjEm.js";
+function E(n) {
+  return typeof n == "string";
+}
+function H(n, f, e) {
+  return n === void 0 || E(n) ? f : {
+    ...f,
+    ownerState: {
+      ...f.ownerState,
+      ...e
+    }
+  };
+}
+function O(n, f = []) {
+  if (n === void 0)
+    return {};
+  const e = {};
+  return Object.keys(n).filter((s) => s.match(/^on[A-Z]/) && typeof n[s] == "function" && !f.includes(s)).forEach((s) => {
+    e[s] = n[s];
+  }), e;
+}
+function k(n) {
+  if (n === void 0)
+    return {};
+  const f = {};
+  return Object.keys(n).filter((e) => !(e.match(/^on[A-Z]/) && typeof n[e] == "function")).forEach((e) => {
+    f[e] = n[e];
+  }), f;
+}
+function R(n) {
+  const {
+    getSlotProps: f,
+    additionalProps: e,
+    externalSlotProps: s,
+    externalForwardedProps: t,
+    className: m
+  } = n;
+  if (!f) {
+    const h = N(e == null ? void 0 : e.className, m, t == null ? void 0 : t.className, s == null ? void 0 : s.className), r = {
+      ...e == null ? void 0 : e.style,
+      ...t == null ? void 0 : t.style,
+      ...s == null ? void 0 : s.style
+    }, o = {
+      ...e,
+      ...t,
+      ...s
+    };
+    return h.length > 0 && (o.className = h), Object.keys(r).length > 0 && (o.style = r), {
+      props: o,
+      internalRef: void 0
+    };
+  }
+  const u = O({
+    ...t,
+    ...s
+  }), y = k(s), l = k(t), c = f(u), a = N(c == null ? void 0 : c.className, e == null ? void 0 : e.className, m, t == null ? void 0 : t.className, s == null ? void 0 : s.className), i = {
+    ...c == null ? void 0 : c.style,
+    ...e == null ? void 0 : e.style,
+    ...t == null ? void 0 : t.style,
+    ...s == null ? void 0 : s.style
+  }, g = {
+    ...c,
+    ...e,
+    ...l,
+    ...y
+  };
+  return a.length > 0 && (g.className = a), Object.keys(i).length > 0 && (g.style = i), {
+    props: g,
+    internalRef: c.ref
+  };
+}
+function C(n, f, e) {
+  return typeof n == "function" ? n(f, e) : n;
+}
+function W(n) {
+  var i;
+  const {
+    elementType: f,
+    externalSlotProps: e,
+    ownerState: s,
+    skipResolvingSlotProps: t = !1,
+    ...m
+  } = n, u = t ? {} : C(e, s), {
+    props: y,
+    internalRef: l
+  } = R({
+    ...m,
+    externalSlotProps: u
+  }), c = v(l, u == null ? void 0 : u.ref, (i = n.additionalProps) == null ? void 0 : i.ref);
+  return H(f, {
+    ...y,
+    ref: c
+  }, s);
+}
+export {
+  H as a,
+  O as e,
+  R as m,
+  C as r,
+  W as u
+};

package/dist/useSlotProps-COvANhgg.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./ThemeProvider-BjBWRt7C.cjs"),R=require("./useTimeout-DQN9lwd_.cjs");function S(n){return typeof n=="string"}function E(n,c,e){return n===void 0||S(n)?c:{...c,ownerState:{...c.ownerState,...e}}}function H(n,c=[]){if(n===void 0)return{};const e={};return Object.keys(n).filter(t=>t.match(/^on[A-Z]/)&&typeof n[t]=="function"&&!c.includes(t)).forEach(t=>{e[t]=n[t]}),e}function v(n){if(n===void 0)return{};const c={};return Object.keys(n).filter(e=>!(e.match(/^on[A-Z]/)&&typeof n[e]=="function")).forEach(e=>{c[e]=n[e]}),c}function k(n){const{getSlotProps:c,additionalProps:e,externalSlotProps:t,externalForwardedProps:s,className:l}=n;if(!c){const h=a.clsx(e==null?void 0:e.className,l,s==null?void 0:s.className,t==null?void 0:t.className),N={...e==null?void 0:e.style,...s==null?void 0:s.style,...t==null?void 0:t.style},g={...e,...s,...t};return h.length>0&&(g.className=h),Object.keys(N).length>0&&(g.style=N),{props:g,internalRef:void 0}}const u=H({...s,...t}),m=v(t),r=v(s),f=c(u),y=a.clsx(f==null?void 0:f.className,e==null?void 0:e.className,l,s==null?void 0:s.className,t==null?void 0:t.className),i={...f==null?void 0:f.style,...e==null?void 0:e.style,...s==null?void 0:s.style,...t==null?void 0:t.style},o={...f,...e,...r,...m};return y.length>0&&(o.className=y),Object.keys(i).length>0&&(o.style=i),{props:o,internalRef:f.ref}}function O(n,c,e){return typeof n=="function"?n(c,e):n}function C(n){var i;const{elementType:c,externalSlotProps:e,ownerState:t,skipResolvingSlotProps:s=!1,...l}=n,u=s?{}:O(e,t),{props:m,internalRef:r}=k({...l,externalSlotProps:u}),f=R.useForkRef(r,u==null?void 0:u.ref,(i=n.additionalProps)==null?void 0:i.ref);return E(c,{...m,ref:f},t)}exports.appendOwnerState=E;exports.extractEventHandlers=H;exports.mergeSlotProps=k;exports.resolveComponentProps=O;exports.useSlotProps=C;

package/dist/useTheme-BN6DGaDZ.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./ThemeProvider-BjBWRt7C.cjs"),t=e.createTheme();function r(s=t){return e.useTheme(s)}exports.useTheme=r;

package/dist/useTheme-eCVqNAnk.js

@@ -0,0 +1,8 @@
+import { c as s, u as t } from "./ThemeProvider-BCsnqK18.js";
+const m = s();
+function r(e = m) {
+  return t(e);
+}
+export {
+  r as u
+};

package/dist/useTimeout-BG7TPjEm.js

@@ -0,0 +1,92 @@
+var f = Object.defineProperty;
+var a = (e, t, r) => t in e ? f(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var o = (e, t, r) => a(e, typeof t != "symbol" ? t + "" : t, r);
+import { P as u } from "./index-D0lMis-I.js";
+import * as n from "react";
+import p from "react";
+import { a as l } from "./setPrototypeOf-CEtRTXk2.js";
+const v = u.oneOfType([u.func, u.object]);
+function N(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...s) {
+    return e(...s) || t(...s);
+  };
+}
+function O(e) {
+  try {
+    return e.matches(":focus-visible");
+  } catch {
+    process.env.NODE_ENV !== "production" && !/jsdom/.test(window.navigator.userAgent) && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
+`));
+  }
+  return !1;
+}
+function d(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function _(...e) {
+  return n.useMemo(() => e.every((t) => t == null) ? null : (t) => {
+    e.forEach((r) => {
+      d(r, t);
+    });
+  }, e);
+}
+const m = typeof window < "u" ? n.useLayoutEffect : n.useEffect;
+function b(e) {
+  const t = n.useRef(e);
+  return m(() => {
+    t.current = e;
+  }), n.useRef((...r) => (
+    // @ts-expect-error hide `this`
+    (0, t.current)(...r)
+  )).current;
+}
+const i = {};
+function h(e, t) {
+  const r = n.useRef(i);
+  return r.current === i && (r.current = e(t)), r;
+}
+function P(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, l(e, t);
+}
+const j = p.createContext(null), y = [];
+function E(e) {
+  n.useEffect(e, y);
+}
+class c {
+  constructor() {
+    o(this, "currentId", null);
+    o(this, "clear", () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    });
+    o(this, "disposeEffect", () => this.clear);
+  }
+  static create() {
+    return new c();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(t, r) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, r();
+    }, t);
+  }
+}
+function L() {
+  const e = h(c.create).current;
+  return E(e.disposeEffect), e;
+}
+export {
+  j as T,
+  P as _,
+  h as a,
+  L as b,
+  N as c,
+  b as d,
+  m as e,
+  c as f,
+  O as i,
+  v as r,
+  d as s,
+  _ as u
+};

package/dist/useTimeout-DQN9lwd_.cjs

@@ -0,0 +1,2 @@
+"use strict";var d=Object.defineProperty;var y=(e,t,n)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var u=(e,t,n)=>y(e,typeof t!="symbol"?t+"":t,n);const s=require("./index-B-zZeebW.cjs"),f=require("react"),h=require("./setPrototypeOf-BmHXYjK5.cjs");function T(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=T(f),E=s.PropTypes.oneOfType([s.PropTypes.func,s.PropTypes.object]);function m(e,t){return process.env.NODE_ENV==="production"?()=>null:function(...o){return e(...o)||t(...o)}}function b(e){try{return e.matches(":focus-visible")}catch{process.env.NODE_ENV!=="production"&&!/jsdom/.test(window.navigator.userAgent)&&console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.","Some components rely on this feature to work properly."].join(`
+`))}return!1}function a(e,t){typeof e=="function"?e(t):e&&(e.current=t)}function O(...e){return r.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{a(n,t)})},e)}const p=typeof window<"u"?r.useLayoutEffect:r.useEffect;function I(e){const t=r.useRef(e);return p(()=>{t.current=e}),r.useRef((...n)=>(0,t.current)(...n)).current}const i={};function l(e,t){const n=r.useRef(i);return n.current===i&&(n.current=e(t)),n}function R(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,h._setPrototypeOf(e,t)}const P=f.createContext(null),v=[];function w(e){r.useEffect(e,v)}class c{constructor(){u(this,"currentId",null);u(this,"clear",()=>{this.currentId!==null&&(clearTimeout(this.currentId),this.currentId=null)});u(this,"disposeEffect",()=>this.clear)}static create(){return new c}start(t,n){this.clear(),this.currentId=setTimeout(()=>{this.currentId=null,n()},t)}}function j(){const e=l(c.create).current;return w(e.disposeEffect),e}exports.Timeout=c;exports.TransitionGroupContext=P;exports._inheritsLoose=R;exports.chainPropTypes=m;exports.isFocusVisible=b;exports.refType=E;exports.setRef=a;exports.useEnhancedEffect=p;exports.useEventCallback=I;exports.useForkRef=O;exports.useLazyRef=l;exports.useTimeout=j;

package/package.json

@@ -6,7 +6,7 @@
     "url": "https://github.com/sisense/compose-sdk-monorepo",
     "directory": "packages/sdk-shared-ui"
   },
-  "version": "1.27.1",
+  "version": "1.29.0",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -103,6 +103,16 @@
       "import": "./dist/lib/Dropdown/Dropdown.js",
       "require": "./dist/lib/Dropdown/Dropdown.cjs",
       "types": "./dist/lib/Dropdown/Dropdown.d.ts"
+    },
+    "./Button": {
+      "import": "./dist/lib/Button/Button.js",
+      "require": "./dist/lib/Button/Button.cjs",
+      "types": "./dist/lib/Button/Button.d.ts"
+    },
+    "./Breadcrumbs": {
+      "import": "./dist/lib/Breadcrumbs/Breadcrumbs.js",
+      "require": "./dist/lib/Breadcrumbs/Breadcrumbs.cjs",
+      "types": "./dist/lib/Breadcrumbs/Breadcrumbs.d.ts"
     }
   },
   "typesVersions": {
@@ -145,9 +155,18 @@
       ],
       "TablePagination": [
         "./dist/lib/TablePagination/TablePagination.d.ts"
+      ],
+      "Button": [
+        "./dist/lib/Button/Button.d.ts"
+      ],
+      "Breadcrumbs": [
+        "./dist/lib/Breadcrumbs/Breadcrumbs.d.ts"
       ]
     }
   },
+  "files": [
+    "dist/**/*"
+  ],
   "scripts": {
     "dev": "vite",
     "type-check": "tsc --noEmit",
@@ -196,6 +215,7 @@
   },
   "dependencies": {
     "@mui/material": "^6.2.1",
+    "@mui/utils": "^6.4.1",
     "classnames": "^2.5.1",
     "prop-types": "^15.8.1",
     "rc-tooltip": "^6.3.2",

package/.eslintignore

@@ -1,4 +0,0 @@
-build
-dist
-node_modules
-coverage

package/.prettierignore

@@ -1,11 +0,0 @@
-.git/
-.idea/
-.vscode/
-node_modules/
-
-# Ignore artifacts:
-dist/
-coverage/
-
-# Ignore auto-generated files:
-CHANGELOG.md

package/.storybook/main.ts

@@ -1,44 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-import { dirname, join } from 'path';
-
-const getAbsolutePath = (value: string): string =>
-  dirname(require.resolve(join(value, 'package.json')));
-
-const config: StorybookConfig = {
-  framework: '@storybook/react-vite',
-
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-
-  addons: [getAbsolutePath('@storybook/addon-docs'), getAbsolutePath('@storybook/addon-a11y')],
-
-  core: {
-    builder: {
-      options: {},
-      name: '@storybook/builder-vite',
-    },
-  },
-
-  async viteFinal(config) {
-    const { mergeConfig } = await import('vite');
-    return mergeConfig(config, {
-      resolve: {
-        alias: [
-          {
-            find: '@sbi/styleguide',
-            replacement: '@sbi/styleguide/dist/styleguide',
-          },
-        ],
-      },
-      css: {
-        modules: {
-          scopeBehaviour: 'local',
-          generateScopedName: '[name]__[local]___[hash:base64:5]',
-        },
-      },
-    });
-  },
-
-  typescript: { reactDocgen: false },
-};
-
-export default config;

package/.storybook/preview-head.html

@@ -1,4 +0,0 @@
-<link
-  rel="stylesheet"
-  href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap"
-/>

package/.storybook/preview.tsx

@@ -1,34 +0,0 @@
-import React, { useEffect } from 'react';
-import { type Preview } from '@storybook/react';
-
-const preview: Preview = {
-  tags: ['autodocs'],
-  parameters: {
-    options: {
-      storySort: {
-        order: [
-          'Inputs',
-          'Data Display',
-          'Feedback',
-          'Date - Time',
-          'Surfaces',
-          'Navigation',
-          'Layout',
-          'Utils',
-          'Deprecated',
-        ],
-      },
-    },
-  },
-  decorators: [
-    (Story) => {
-      return <Story />;
-    },
-  ],
-};
-
-(function loadStories() {
-  document.body.className += 'sis-scope';
-})();
-
-export default preview;

package/src/index.ts

@@ -1 +0,0 @@
-export * from './lib';

package/src/lib/@types/sass.d.ts

@@ -1,19 +0,0 @@
-declare module '*.scss' {
-  export const content: { [className: string]: string };
-  export default content;
-}
-
-declare module '*.module.scss' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.sass' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}
-
-declare module '*.module.css' {
-  const classes: { readonly [key: string]: string };
-  export default classes;
-}

package/src/lib/CheckableList/CheckableList.module.scss

@@ -1,13 +0,0 @@
-.item {
-  margin-bottom: 12px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-  cursor: pointer;
-  height: 18px;
-  user-select: none;
-
-  .icon {
-    margin-top: -3px;
-  }
-}

package/src/lib/CheckableList/CheckableList.test.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { describe, it, vi, expect } from 'vitest';
-
-import { CheckableList } from './CheckableList';
-
-import '@testing-library/jest-dom';
-
-describe('CheckableList', () => {
-  const items = [
-    { name: 'Item 1', value: 'item1', checked: true, dataTestId: 'item-1' },
-    { name: 'Item 2', value: 'item2', checked: false, dataTestId: 'item-2' },
-  ];
-
-  it('should render all items', () => {
-    render(<CheckableList items={items} onChange={vi.fn()} className="custom-class" />);
-
-    items.forEach((item) => {
-      expect(screen.getByText(item.name)).toBeInTheDocument();
-      expect(screen.getByTestId(item.dataTestId)).toBeInTheDocument();
-    });
-  });
-
-  it('should call onChange with the correct value when an item is clicked', () => {
-    const onChangeMock = vi.fn();
-    render(<CheckableList items={items} onChange={onChangeMock} className="custom-class" />);
-
-    const firstItem = screen.getByTestId('item-1');
-    fireEvent.click(firstItem);
-
-    expect(onChangeMock).toHaveBeenCalledWith('item1');
-  });
-
-  it('should render DEPRECATED_Icon for checked items', () => {
-    const { container } = render(
-      <CheckableList items={items} onChange={vi.fn()} className="custom-class" />,
-    );
-
-    const icon = container.querySelector(`.app-icon.app-icon--general-vi-small-white`);
-
-    expect(icon).toBeInTheDocument();
-    expect(icon).toHaveClass('app-icon app-icon--general-vi-small-white');
-  });
-
-  it('should not render DEPRECATED_Icon for unchecked items', () => {
-    render(<CheckableList items={items} onChange={vi.fn()} className="custom-class" />);
-
-    const uncheckedItem = screen.getByTestId('item-2');
-    const icon = uncheckedItem.querySelector(`.app-icon.app-icon--general-vi-small-white`);
-
-    expect(icon).toBeNull();
-  });
-
-  it('should apply custom className to the container', () => {
-    const { container } = render(
-      <CheckableList items={items} onChange={vi.fn()} className="custom-class" />,
-    );
-
-    expect(container.firstChild).toHaveClass('custom-class');
-  });
-});

package/src/lib/CheckableList/CheckableList.tsx

@@ -1,41 +0,0 @@
-import React from 'react';
-
-import { DEPRECATED_Icon } from '../DEPRECATED_Icon';
-
-import styles from './CheckableList.module.scss';
-
-type Item = {
-  name: string;
-  value: string;
-  checked: boolean;
-  dataTestId?: string;
-};
-
-export type CheckableListProps = {
-  items: Item[];
-  onChange: (value: string) => void;
-  className?: string;
-};
-
-const CheckableList = ({ items, className, onChange }: CheckableListProps) => {
-  return (
-    <div className={className}>
-      {items.map((item) => (
-        <div
-          key={item.value}
-          className={styles.item}
-          onClick={() => onChange(item.value)}
-          data-testid={item.dataTestId}
-        >
-          <span className={styles.name}>{item.name}</span>
-          {item.checked && (
-            <DEPRECATED_Icon className={styles.icon} name="general-vi-small-white" />
-          )}
-        </div>
-      ))}
-    </div>
-  );
-};
-
-export default CheckableList;
-export { CheckableList };

package/src/lib/CheckableList/index.ts

@@ -1,4 +0,0 @@
-import CheckableList from './CheckableList';
-
-export default CheckableList;
-export * from './CheckableList';

package/src/lib/Checkbox/Checkbox.tsx

@@ -1,28 +0,0 @@
-import React, { forwardRef } from 'react';
-import MuiCheckbox, { CheckboxProps as MuiCheckboxProps } from '@mui/material/Checkbox';
-import ThemeProvider from '@mui/material/styles/ThemeProvider';
-
-import { checkboxTheme, type CheckboxTheme } from './themes';
-
-export type CheckboxProps = {
-  dataTestId?: string;
-  disabled?: boolean;
-  inline?: boolean;
-  onDescriptionClick?: () => void;
-  text?: string;
-  textClassName?: string;
-  title?: string;
-  transparent?: boolean;
-  inputCheckboxClassName?: string;
-} & MuiCheckboxProps & { theme?: CheckboxTheme };
-
-const Checkbox = forwardRef<HTMLButtonElement, CheckboxProps>(
-  ({ theme = checkboxTheme, dataTestId, ...rest }, ref) => (
-    <ThemeProvider theme={theme}>
-      <MuiCheckbox data-testid={dataTestId} ref={ref} {...rest} />
-    </ThemeProvider>
-  ),
-);
-
-export default Checkbox;
-export { Checkbox };

package/src/lib/Checkbox/index.ts

@@ -1,4 +0,0 @@
-import Checkbox from './Checkbox';
-
-export default Checkbox;
-export * from './Checkbox';

package/src/lib/Checkbox/themes/checkboxTheme.ts

@@ -1,42 +0,0 @@
-import createTheme from '@mui/material/styles/createTheme';
-// import { injectStylesWithWrapper } from '@sbi/styleguide';
-//import { calcStyles } from './uiCustomization';
-
-// TODO: review this later
-// injectStylesWithWrapper && injectStylesWithWrapper(calcStyles);
-import { siColors, type SisenseTheme } from '../../themes';
-
-declare module '@mui/material' {
-  interface Theme {
-    sisense: SisenseTheme;
-  }
-
-  interface ThemeOptions {
-    sisense?: Partial<SisenseTheme>;
-  }
-}
-
-export const checkboxTheme = createTheme({
-  components: {
-    MuiCheckbox: {
-      styleOverrides: {
-        root: {
-          width: '28px',
-          height: '28px',
-          '&.Mui-disabled': {
-            opacity: 0.5,
-          },
-          '&:hover': {
-            backgroundColor: siColors.StInteractionColors.defaultHover,
-          },
-          '& .MuiSvgIcon-root': {
-            fontSize: 14,
-            fill: siColors.StUiColors.default,
-          },
-        },
-      },
-    },
-  },
-});
-
-export type CheckboxTheme = typeof checkboxTheme;

package/src/lib/Checkbox/themes/uiCustomization.ts

@@ -1,28 +0,0 @@
-// import { CalcStyles, DesignSettings } from '@sbi/styleguide';
-import { siColors } from '../../themes';
-
-export type MuiCheckbox =
-  | {
-      '.MuiCheckbox-root': {
-        color: string;
-        '&:hover': {
-          color: string;
-          borderRadius: string;
-          backgroundColor: string;
-        };
-      };
-    }
-  | Record<string, never>;
-
-export const calcStyles: any /* CalcStyles */ = (
-  designSettings: any /* DesignSettings */,
-): MuiCheckbox => ({
-  '.MuiCheckbox-root': {
-    color: designSettings.general.primaryButtonTextColor,
-    '&:hover': {
-      color: designSettings.typography.primaryTextColor,
-      borderRadius: '50%',
-      backgroundColor: siColors.StBackgroundColors.themeAgnostic,
-    },
-  },
-});