@sisense/sdk-shared-ui 1.27.1 → 1.28.0

package/dist/useSlot-C3-OaWva.cjs

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

package/dist/useTheme-CtIZL8WJ.js

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

package/dist/useTheme-DJmNR5EL.cjs

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

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.28.0",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -148,6 +148,9 @@
       ]
     }
   },
+  "files": [
+    "dist/**/*"
+  ],
   "scripts": {
     "dev": "vite",
     "type-check": "tsc --noEmit",

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,
-    },
-  },
-});

package/src/lib/DEPRECATED_Button/DEPRECATED_Button.module.scss

@@ -1,57 +0,0 @@
-@import '../styles/style_styleguide_react/fonts';
-@import '../styles/style_styleguide_react/colors';
-
-@mixin sharedButtonText {
-  padding: 5px 20px;
-}
-
-:global(.sis-scope) {
-  :global(.btn--dark) {
-    :global(.btn__text) {
-      @include sharedButtonText;
-    }
-  }
-
-  :global(.btn--gray) {
-    background: $buttonCancel;
-
-    &:disabled {
-      background: $buttonCancel;
-      opacity: 1;
-
-      &:hover {
-        background: $buttonCancelHovered;
-      }
-
-      :global(.app-icon),
-      :global(.btn__text) {
-        opacity: 0.4;
-      }
-    }
-  }
-
-  .sharedComponentsButton {
-    line-height: $lineHeightMedium;
-  }
-
-  .sharedComponentsButtonText {
-    @include sharedButtonText;
-  }
-
-  :global(.btn).btnSecondary {
-    border: 1px solid $wizardFore;
-    background-color: $buttonSecondary;
-
-    &:hover {
-      background-color: $buttonSecondaryHovered;
-    }
-
-    &:disabled {
-      background-color: $buttonSecondary;
-
-      &:hover {
-        background-color: $buttonSecondary;
-      }
-    }
-  }
-}

package/src/lib/DEPRECATED_Button/DEPRECATED_Button.stories.tsx

@@ -1,169 +0,0 @@
-import React from 'react';
-
-import { DEPRECATED_Button } from './DEPRECATED_Button';
-
-export default {
-  title: 'DEPRECATED/Button',
-};
-
-export const Primary = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} />
-      <DEPRECATED_Button text={'hover!'} style={{ backgroundColor: '#f2b900' }} />
-      <DEPRECATED_Button text={'disable!'} disabled />
-    </>
-  </div>
-);
-
-export const PrimaryWithIcon = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} iconName="general-plus" />
-      <DEPRECATED_Button
-        text={'hover!'}
-        iconName="general-plus"
-        style={{ backgroundColor: '#f2b900' }}
-      />
-      <DEPRECATED_Button text={'disable!'} iconName="general-plus" disabled />
-    </>
-  </div>
-);
-
-export const Secondary = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} secondary />
-      <DEPRECATED_Button text={'hover!'} secondary style={{ backgroundColor: '#F4F4F8' }} />
-      <DEPRECATED_Button text={'disable!'} secondary disabled />
-    </>
-  </div>
-);
-
-export const SecondaryWithIcon = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} iconName="general-plus" secondary />
-      <DEPRECATED_Button
-        text={'hover!'}
-        iconName="general-plus"
-        secondary
-        style={{ backgroundColor: '#F4F4F8' }}
-      />
-      <DEPRECATED_Button text={'disable!'} iconName="general-plus" secondary disabled />
-    </>
-  </div>
-);
-
-export const Cancel = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} gray />
-      <DEPRECATED_Button text={'hover!'} style={{ backgroundColor: '#D1D1D7' }} />
-      <DEPRECATED_Button text={'disable!'} gray disabled />
-    </>
-  </div>
-);
-
-export const CancelWithIcon = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} iconName="general-plus" gray />
-      <DEPRECATED_Button
-        text={'hover!'}
-        iconName="general-plus"
-        style={{ backgroundColor: '#D1D1D7' }}
-      />
-      <DEPRECATED_Button text={'disable!'} iconName="general-plus" gray disabled />
-    </>
-  </div>
-);
-
-export const Text = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} dark />
-      <DEPRECATED_Button text={'hover!'} style={{ backgroundColor: '#f4f4f8' }} dark />
-      <DEPRECATED_Button text={'disable!'} disabled dark />
-    </>
-  </div>
-);
-
-export const TextWithIcon = () => (
-  <div
-    style={{
-      display: 'inline-flex',
-      justifyContent: 'space-between',
-      height: '175px',
-      padding: '20px 50px',
-      flexDirection: 'column',
-    }}
-  >
-    <>
-      <DEPRECATED_Button text={'normal!'} dark iconName={'general-edit'} />
-      <DEPRECATED_Button
-        text={'hover!'}
-        style={{ backgroundColor: '#f4f4f8' }}
-        iconName={'general-edit'}
-        dark
-      />
-      <DEPRECATED_Button text={'disable!'} iconName={'general-edit'} disabled dark />
-    </>
-  </div>
-);