@sisense/sdk-shared-ui 1.27.1 → 1.29.0

package/src/lib/styles/style_styleguide_react/exports/colors.exports.scss

@@ -1,69 +0,0 @@
-@import '../colors.scss';
-
-:export {
-  highlightListItem: $highlightListItem;
-  listItemHover: $listItemHover;
-  captionUnder: $captionUnder;
-  commonLinkBlue: $commonLinkBlue;
-  fore: $fore;
-  wizardFore: $fore;
-  foreDisabled: $foreDisabled;
-  foreHeader: $foreHeader;
-  foreSubtitle: $foreSubtitle;
-  forePlaceholder: $forePlaceholder;
-  foreNonchosen: $foreNonchosen;
-  foreHover: $foreHover;
-  textSearch: $textSearch;
-  stepCaption: $stepCaption;
-  captionUnder: $captionUnder;
-  title: $title;
-  textCode: $textCode;
-
-  back: $back;
-  backHover: $backHover;
-  backDisabled: $backDisabled;
-  backHeader: $backHeader;
-  backToolbar: $backToolbar;
-  separator: $separator;
-  wizardSeparator: $wizardSeparator;
-  lightSeparator: $lightSeparator;
-  lineSeparator: $lineSeparator;
-  listItemHover: $listItemHover;
-
-  border: $border;
-  borderSearch: $borderSearch;
-  borderSeparator: $borderSeparator;
-  borderJaqlEditor: $borderJaqlEditor;
-  scrollbarHovered: $scrollbarHovered;
-  buttonCancel: $buttonCancel;
-  buttonCancelHovered: $buttonCancelHovered;
-  buttonCancelText: $buttonCancelText;
-  buttonOk: $buttonOk;
-  buttonOkText: $buttonOkText;
-  buttonNext: $buttonNext;
-  buttonOkHovered: $buttonOkHovered;
-  buttonSecondary: $buttonSecondary;
-  buttonSecondaryHovered: $buttonSecondaryHovered;
-  buttonSecondaryDisabled: $buttonSecondaryDisabled;
-
-  hyperlink: $hyperlink;
-  hyperlinkHovered: $hyperlinkHovered;
-
-  errRed: $errRed;
-  negativeSign: $negativeSign;
-  positiveSign: $positiveSign;
-  noResults: $noResults;
-  selectedItem: $selectedItem;
-  selectedItemBackground: $selectedItemBackground;
-  highlight: $highlight;
-  highlightListItem: $highlightListItem;
-  highlightOrange: $highlightOrange;
-
-  color1: $color1;
-  color2: $color2;
-  color3: $color3;
-  color4: $color4;
-  color5: $color5;
-  color6: $color6;
-  color7: $color7;
-}

package/src/lib/styles/style_styleguide_react/exports/fonts.exports.scss

@@ -1,33 +0,0 @@
-@import '../fonts.scss';
-
-:export {
-  paddingLarge: $paddingLarge;
-
-  /* fonts families */
-  font: $font;
-  fontHeader: $fontHeader, 'PT Sans Narrow';
-  fontFacelift: $fontFacelift;
-  fontFamily: $fontFamily;
-
-  /* sizes */
-  sizeSmall: $sizeSmall;
-  sizeMedium: $sizeMedium;
-  sizeLarge: $sizeLarge;
-  sizeMediumModal: $sizeMediumModal;
-  sizeDefault: $sizeMedium;
-
-  /* padding */
-  paddingLarge: $paddingLarge;
-  paddingSmall: $paddingSmall;
-
-  /* height */
-  heightMedium: $heightMedium;
-  heightLarge: $heightLarge;
-
-  /* line height */
-  lineHeightMedium: $lineHeightMedium;
-  lineHeightLarge: $lineHeightLarge;
-
-  /* font weight */
-  fontWeightBold: $fontWeightBold;
-}

package/src/lib/styles/style_styleguide_react/fonts.scss

@@ -1,27 +0,0 @@
-/* fonts families */
-$font: ubuntulight;
-$fontHeader: abelregular, 'PT Sans Narrow';
-$fontFacelift: facelift;
-$fontFamily: 'Open Sans';
-
-/* sizes */
-$sizeSmall: 12px;
-$sizeMedium: 13px;
-$sizeLarge: 16px;
-$sizeMediumModal: 15px;
-$sizeDefault: $sizeMedium;
-
-/* padding */
-$paddingLarge: 16px;
-$paddingSmall: 12px;
-
-/* height */
-$heightMedium: 16px;
-$heightLarge: 18px;
-
-/* line height */
-$lineHeightMedium: 18px;
-$lineHeightLarge: 20px;
-
-/* font weight */
-$fontWeightBold: bold;

package/src/lib/styles/style_styleguide_react/mixins.scss

@@ -1,90 +0,0 @@
-@import '_variables';
-@import 'colors';
-@import 'fonts';
-
-@mixin ellipsis($whiteSpace: nowrap) {
-  text-overflow: ellipsis;
-  white-space: $whiteSpace;
-  overflow: hidden;
-}
-
-@mixin smallBold {
-  font-size: $sizeSmall;
-  font-family: $fontFamily;
-  font-weight: bold;
-}
-
-@mixin mediumBold {
-  font-size: $sizeMedium;
-  font-family: $fontFamily;
-  font-weight: bold;
-}
-
-@mixin largeBold {
-  font-size: $sizeLarge;
-  font-family: $fontFamily;
-  font-weight: bold;
-}
-
-@mixin smallText {
-  font-size: $sizeSmall;
-  font-family: $fontFamily;
-}
-
-@mixin mediumText {
-  font-size: $sizeMedium;
-  font-family: $fontFamily;
-}
-
-@mixin largeText {
-  font-size: $sizeLarge;
-  font-family: $fontFamily;
-}
-
-@mixin smallHeader {
-  font-size: $sizeSmall;
-  font-family: $fontHeader;
-}
-
-@mixin mediumHeader {
-  font-size: $sizeMedium;
-  font-family: $fontHeader;
-}
-
-@mixin largeHeader {
-  font-size: $sizeLarge;
-  font-family: $fontHeader;
-}
-
-@mixin flexCenter {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-// A workaround for Safari where there is a system tooltip enable by default
-// https://stackoverflow.com/questions/20974276/prevent-safari-from-showing-tooltip-when-text-overflow-is-hidden-with-ellipsis
-@mixin disabledSafariSystemTooltip {
-  &:after {
-    content: '';
-    display: block;
-  }
-}
-
-@mixin boxShadow($opacity: 0.2) {
-  box-shadow: 0 -1px 5px 1px rgba(58, 67, 86, $opacity);
-}
-
-@mixin CSS_ANIMATE($properties, $duration: $NORMAL_ANIMATION_TIME) {
-  -webkit-transition-duration: $duration;
-  -moz-transition-duration: $duration;
-  transition-duration: $duration;
-  -webkit-transition-property: $properties;
-  -moz-transition-property: $properties;
-  transition-property: $properties;
-}
-
-@mixin disabled($color: $lineSeparator, $background: $color-gray-4) {
-  color: $color;
-  background: $background;
-}

package/src/lib/themes/colors/siColors.ts

@@ -1,143 +0,0 @@
-const sfColors = {
-  $ABBEY: ' #45464a',
-  $ALABASTER: ' #f7f7f7',
-  $ALTO: ' #d3d3d3',
-  $ALTO2: ' #dadada',
-  $ALUMINIUM: ' #a4a8b0',
-  $ATHENS_GRAY_DARK: ' #edeef1',
-  $ATHENS_GRAY_DARK2: ' #e3e5ea',
-  $ATHENS_GRAY_LIGHT: ' #f9f9fb',
-  $ATHENS_GRAY: ' #f4f4f8',
-  $BLACK: ' #000000',
-  $BRIGHT_GRAY: ' #373c48',
-  $CARNATION: ' #fa5556',
-  $CHARADE: ' #272a34',
-  $DODGER_BLUE: ' #1faff3',
-  $EMPEROR: ' #4f4f4f',
-  $EBONY: ' #080e18',
-  $EBONY_CLAY: ' #272d39',
-  $FRENCH_GRAY: ' #bdc1c7',
-  $GALLERY_DARK: ' #ebebeb',
-  $GALLERY: ' #efefef',
-  $GHOST2: ' #c6c9ce',
-  $GRAY_CHATEAU: ' #9ea2ab',
-  $HALF_AND_HALF: ' #ffffde',
-  $MAKO: ' #444a55',
-  $MERCURY: ' #e5e5e5',
-  $MISCHKA: ' #d1d1d7',
-  $NEVADA: ' #686a6c',
-  $NOBEL: ' #b6b6b6',
-  $OSLO_GRAY: ' #888c92',
-  $OXFORD_BLUE: ' #3a4356',
-  $PALE_CANERY: ' #ffff9c',
-  $PALE_SKY: ' #6e7785',
-  $PORCELAIN: 'rgba(165, 168, 173, 0.25)',
-  $PROCELAIN_GRAY: ' #e7e8ea',
-  $POWDER_BLUE: ' #b1e4d7',
-  $REGENT_GREY: ' #7f899c',
-  $SEASHELL: ' #f1f1f1',
-  $SELECTIVE_YELLOW: ' #fbbc04',
-  $SELECTIVE_YELLOW2: ' #f2b900',
-  $SHARK: ' #23252d',
-  $SHUTTLE_GRAY_DARK: ' #5b6372',
-  $SHUTTLE_GRAY: ' #5c6372',
-  $SILVER: ' #bbbbbb',
-  $SILVER2: ' #c5c5c5',
-  $SILVER_CHALICE: ' #acacac',
-  $SUPERNOVA_YELLOW: ' #ffcb05',
-  $TURQUOISE: ' #35d7be',
-  $TROPICAL_BLUE: ' #c1e1f6',
-  $TROUT: ' #515866',
-  $WILD_SAND: ' #f5f5f5',
-  $WISTFUL: ' #a4a4d5',
-  $WHITE: ' #ffffff',
-  $GHOST: ' #c7c9d5',
-  $SCIENCE_BLUE: ' #0065e3',
-  $ALABASTER_DARK: '#f7f7f7',
-  $EASTERN_BLUE: '#22ab9f',
-  $HONEY_FLOWER: '#53206b',
-  $MANATEE: '#9898a4',
-  $MIRAGE: '#131326',
-  $RUM: '#735482',
-  $STORM_GRAY: '#6a6a7c',
-  $TUNA: '#363649',
-  $MORTAR: '#463a4c',
-  $SPARTAN_GRAY: '#e0e1eb',
-  $LIGHT_WISTERIA: '#bface1',
-  $EAST_SIDE: '#a087cd',
-  $MOON_RAKER: '#cbb7ef',
-  $DULL_LAVENDAR: '#b297e3',
-};
-
-const siColors = {
-  StTextColors: {
-    active: 'rgba(38, 46, 61, 1)',
-    content: 'rgba(38, 46, 61, 0.8)',
-    secondary: 'rgba(38, 46, 61, 0.55)',
-    link: 'rgba(54, 163, 217, 1)',
-    accented: 'rgba(12, 14, 18, 1)',
-    disabled: 'rgba(38, 46, 61, 0.3)',
-  },
-  StTextColorsDark: {
-    active: 'rgba(235, 239, 247, 1)',
-    content: 'rgba(235, 239, 247, 0.8)',
-    secondary: 'rgba(235, 239, 247, 0.55)',
-    disabled: 'rgba(235, 239, 247, 0.3)',
-    accented: 'rgba(255, 255, 255, 1)',
-  },
-  StUiColors: {
-    default: 'rgba(38, 46, 61, 0.67)',
-    additional: 'rgba(38, 46, 61, 0.4)',
-    guiding: 'rgba(38, 46, 61, 0.1)',
-  },
-  StUiColorsDark: {
-    default: 'rgba(235, 239, 247, 0.67)',
-    additional: 'rgba(235, 239, 247, 0.35)',
-    guiding: 'rgba(235, 239, 247, 0.17)',
-  },
-  StBackgroundColors: {
-    workspace: '#FFFFFF',
-    supporting: '#F9F9FB',
-    priority: '#F4F4F8',
-    themeAgnostic: 'rgba(174, 174, 180, 0.3)',
-  },
-  StBackgroundColorsDark: {
-    workspace: 'rgba(20, 21, 23, 1)',
-    supporting: 'rgba(10, 10, 11, 1)',
-    priority: 'rgba(9, 9, 10, 1)',
-  },
-  StPrimaryColors: {
-    primary: '#FFC805',
-  },
-  StInteractionColors: {
-    defaultHover: 'rgba(12, 14, 18, 0.07)',
-    guidingHover: 'rgba(38, 46, 61, 0.17)',
-    linkHovered: 'rgba(50, 147, 197, 1)',
-    primaryHovered: 'rgba(242, 185, 0, 1)',
-  },
-  StInteractionColorsDark: {
-    defaultHover: 'rgba(255, 255, 255, 0.15)',
-    guidingHover: 'rgba(235, 239, 247, 0.17)',
-    linkHovered: 'rgba(54, 163, 217, 1)',
-  },
-  StSemanticColors: {
-    info: 'rgba(52, 150, 200, 1)',
-    success: 'rgba(34, 195, 195, 1)',
-    warning: 'rgba(242, 185, 0, 1)',
-    error: 'rgba(231, 71, 39, 1)',
-    infoBG: 'rgba(52, 150, 200, 0.1)',
-    successBG: 'rgba(34, 195, 195, 0.1)',
-    warningBG: 'rgba(242, 185, 0, 0.1)',
-    errorBG: 'rgba(231, 71, 39, 0.1)',
-  },
-};
-
-const stEffects = {
-  Shadows: {
-    level1: '0px 1px 2px rgba(9, 9, 10, 0.1), 0px 2px 4px rgba(9, 9, 10, 0.1)',
-    level2:
-      'drop-shadow(0px 1px 4px rgba(9, 9, 10, 0.1)) drop-shadow(0px 1px 8px rgba(9, 9, 10, 0.15))',
-  },
-};
-
-export { siColors, sfColors, stEffects };

package/src/lib/themes/types/SisenseTheme.ts

@@ -1,12 +0,0 @@
-import { sfColors } from '../colors';
-
-export type SisenseTheme = {
-  gray: string;
-  brand: string;
-  faded: string;
-  border: string;
-  grayText: string;
-  shadow: string;
-  shadowHover: string;
-  sf: typeof sfColors;
-};

package/tsconfig.eslint.json

@@ -1,12 +0,0 @@
-{
-  "extends": "../../tsconfig.json",
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.d.ts",
-    "src/lib/**/*.ts",
-    "src/lib/**/*.tsx",
-    "package.json"
-  ],
-  "exclude": ["dist"]
-}

package/tsconfig.json

@@ -1,17 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "types": ["vite/client", "vitest", "./src/types"]
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ],
-  "extends": "../../tsconfig.json"
-}

package/tsconfig.lib.json

@@ -1,22 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "moduleResolution": "node",
-    "module": "ES2020"
-  },
-  "exclude": [
-    "**/*.spec.ts",
-    "**/*.test.ts",
-    "**/*.spec.tsx",
-    "**/*.test.tsx",
-    "**/*.spec.js",
-    "**/*.test.js",
-    "**/*.spec.jsx",
-    "**/*.test.jsx",
-    "dist",
-    "node_modules",
-    "**/*.stories.tsx"
-  ],
-  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.tsx"]
-}

package/tsconfig.spec.json

@@ -1,21 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "types": ["vitest/globals", "vitest/importMeta", "vite/client", "node", "vitest"],
-    "moduleResolution": "node",
-    "module": "ES2020"
-  },
-  "include": [
-    "vite.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.tsx",
-    "src/**/*.test.js",
-    "src/**/*.spec.js",
-    "src/**/*.test.jsx",
-    "src/**/*.spec.jsx",
-    "src/**/*.d.ts",
-    "src/lib/**/*.tsx"
-  ]
-}

package/vite.config.ts

@@ -1,140 +0,0 @@
-/// <reference types='vitest' />
-
-import { defineConfig, PluginOption } from 'vite';
-import react from '@vitejs/plugin-react';
-import dts from 'vite-plugin-dts';
-import copy from 'rollup-plugin-copy';
-import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
-import { configDefaults } from 'vitest/config';
-
-import * as fs from 'fs';
-import { join, resolve, relative } from 'path';
-import { env } from 'process';
-
-const THRESHOLD_LINES = parseInt(env.DEV_APP_THRESHOLD_LINES || '70', 10);
-const THRESHOLD_FUNCTIONS = parseInt(env.DEV_APP_THRESHOLD_FUNCTIONS || '50', 10);
-const THRESHOLD_BRANCHES = parseInt(env.DEV_APP_THRESHOLD_BRANCHES || '70', 10);
-const THRESHOLD_STATEMENTS = parseInt(env.DEV_APP_THRESHOLD_STATEMENTS || '70', 10);
-
-interface FileSystem {
-  readdirSync(path: string): string[];
-
-  statSync(path: string): fs.Stats;
-
-  existsSync(path: string): boolean;
-}
-
-const walkDir = ({
-  fs,
-  currentDir,
-  baseDir,
-  entries,
-}: {
-  fs: FileSystem;
-  currentDir: string;
-  baseDir: string;
-  entries: Record<string, string>;
-}) => {
-  const items = fs.readdirSync(currentDir);
-  items.forEach((item) => {
-    const itemPath = join(currentDir, item);
-    const stat = fs.statSync(itemPath);
-    if (stat.isDirectory()) {
-      const indexPath = join(itemPath, 'index.ts');
-      if (fs.existsSync(indexPath)) {
-        const relativePath = relative(baseDir, itemPath).replace(/\\/g, '/');
-        entries[`lib/${relativePath}/${relativePath}`] = indexPath;
-      } else {
-        walkDir({ fs, currentDir: itemPath, baseDir, entries });
-      }
-    }
-  });
-};
-
-const getEntries = (dir: string, fs: FileSystem) => {
-  const entries: Record<string, string> = {
-    index: resolve(__dirname, 'src/lib/index.ts'),
-  };
-  walkDir({ fs, currentDir: dir, baseDir: dir, entries });
-
-  return entries;
-};
-
-const entryPoints = getEntries(resolve(__dirname, 'src/lib'), fs);
-
-export default defineConfig(({ mode }) => ({
-  plugins: [
-    react(),
-    cssInjectedByJsPlugin(),
-    copy({
-      targets: [{ src: 'package.json', dest: 'dist' }],
-      hook: 'writeBundle',
-    }),
-    dts({
-      entryRoot: 'src',
-      tsconfigPath: join(__dirname, 'tsconfig.lib.json'),
-    }),
-  ] as PluginOption[],
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.json', '.scss'],
-  },
-  build: {
-    lib: {
-      entry: entryPoints,
-      name: 'sdk-shared-ui',
-      formats: ['es', 'cjs'],
-    },
-    rollupOptions: {
-      external: ['classnames', 'react', 'react-dom', 'react/jsx-runtime'],
-      treeshake: 'recommended',
-    },
-    chunkSizeWarningLimit: 500,
-    sourcemap: mode === 'development',
-  },
-  css: {
-    modules: {
-      scopeBehaviour: 'local',
-      generateScopedName: '[name]__[local]___[hash:base64:5]',
-    },
-  },
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
-    coverage: {
-      enabled: true,
-      provider: 'v8',
-      thresholds: {
-        lines: THRESHOLD_LINES,
-        functions: THRESHOLD_FUNCTIONS,
-        branches: THRESHOLD_BRANCHES,
-        statements: THRESHOLD_STATEMENTS,
-      },
-      exclude: [
-        ...configDefaults.exclude,
-        'src/index.ts',
-        'src/lib/index.ts',
-        'src/lib/**/index.ts',
-        'src/lib/@types/**/*',
-        'src/**/*.stories.tsx',
-        '.storybook/**/*',
-        'src/lib/Checkbox/**/*',
-        'src/lib/themes/**/*',
-        'src/lib/DEPRECATED_Toggle/**/*',
-        'src/lib/DEPRECATED_Tooltip/**/*',
-        'src/lib/constants/**/*',
-        'src/lib/Icon/**/*',
-        'src/lib/LazyLoader/**/*',
-        'src/lib/Popover/**/*',
-        'src/lib/RadioButton/**/*',
-        'src/lib/Tooltip/**/*',
-        'src/lib/Typography/**/*',
-        'src/lib/TablePagination/**/*',
-        'src/lib/Menu/**/*',
-        '!src/lib/Menu/**/MenuItem/MenuItem.test.tsx',
-        'src/lib/Dropdown/**/*',
-        '!src/lib/Dropdown/**/DropdownButtonBody/DropdownButtonBody.test.tsx',
-      ],
-    },
-  },
-}));