@wix/patterns 1.255.0 → 1.256.0

package/src/state/WixPatternsRouterState.ts

@@ -0,0 +1,51 @@
+import { action, makeObservable, observable } from 'mobx';
+import { getCollectionComponentUniqueId } from '../utils/getCollectionComponentUniqueId';
+import { ICollectionComponentState } from './ICollectionComponentState';
+import { NavigateOptions, WixPatternsContainer } from '@wix/bex-core';
+import { NavigateFunction } from 'react-router-dom';
+
+interface WixPatternsRouterStateParams {
+  container: WixPatternsContainer;
+  navigate: NavigateFunction;
+}
+
+export type RouteState = {
+  _createdEntity?: any;
+  _updatedEntity?: any;
+  _chosenEntity?: any;
+} | null;
+
+export class WixPatternsRouterState {
+  readonly stateRefs: Map<string, ICollectionComponentState> = new Map();
+  readonly container: WixPatternsContainer;
+  readonly _navigate;
+
+  currentState: RouteState = null;
+  isUsingCache = false;
+  isCollectionStale = false;
+
+  constructor(params: WixPatternsRouterStateParams) {
+    this.container = params.container;
+    this._navigate = params.navigate;
+
+    makeObservable(this, {
+      currentState: observable.ref,
+      setCurrentState: action,
+      isCollectionStale: observable,
+    });
+  }
+
+  setCurrentState(state: RouteState) {
+    this.currentState = state;
+  }
+
+  saveState<S extends ICollectionComponentState>(state: S) {
+    const uniqueId = getCollectionComponentUniqueId(state);
+    this.stateRefs.set(uniqueId, state);
+  }
+
+  navigate(to: string, options: NavigateOptions): void {
+    this.setCurrentState(options.state);
+    this._navigate?.(to, options);
+  }
+}

package/src/state/getToolbarCollectionFeaturesInitializers.ts

@@ -0,0 +1,48 @@
+import { ToolbarCollectionBaseProps } from '../components/ToolbarCollection';
+import { FiltersMap } from '@wix/bex-core';
+import { isValidElement, ReactElement, ReactNode } from 'react';
+import { FilterValueTotalStateParams } from './FilterValueTotalState';
+import { TabTotalReactElementLike } from '../components/TabTotal/TabTotalComponentType';
+import { TabsFilterProps } from '../components/TabsFilter';
+
+function isTabTotalElement<T, F extends FiltersMap, V>(
+  node: ReactNode,
+): node is ReactElement<FilterValueTotalStateParams<T, F, V>> &
+  TabTotalReactElementLike {
+  return (
+    isValidElement(node) &&
+    typeof (node as Partial<TabTotalReactElementLike>).type?.initTabTotal ===
+      'function'
+  );
+}
+
+function isTabsFilterElement(
+  node: ReactNode,
+): node is ReactElement<TabsFilterProps<any>> {
+  return (
+    isValidElement(node) &&
+    Array.isArray(node.props.data) &&
+    typeof node.props.counterBadge === 'function'
+  );
+}
+
+export function getToolbarCollectionFeaturesInitializers<
+  T,
+  F extends FiltersMap,
+>(props: ToolbarCollectionBaseProps<T, F>) {
+  const { tabs } = props;
+
+  const tabTotalFeatureInitializer = (() => {
+    if (isTabsFilterElement(tabs)) {
+      const tabsProps = tabs.props;
+      const el = tabsProps?.data
+        .map((value) => tabs.props.counterBadge?.(value))
+        .find(isTabTotalElement);
+      return el?.type?.initTabTotal?.(tabs.props, el.props);
+    }
+
+    return undefined;
+  })();
+
+  return [tabTotalFeatureInitializer];
+}

package/src/state/gridSizePresets.ts

@@ -0,0 +1,111 @@
+import type { Preset } from '../components/Grid/Grid.types';
+
+export type FooterHeights = Record<
+  Preset,
+  Record<'draggable' | 'none', Record<'small' | 'medium', number>>
+>;
+
+export interface GridSizePreset {
+  footerHeights: FooterHeights;
+  aspectRatio: number;
+  imagePlacement: 'side' | 'top';
+}
+
+export const topGridSizePreset: GridSizePreset = {
+  imagePlacement: 'top',
+  footerHeights: {
+    empty: {
+      draggable: {
+        small: 0,
+        medium: 0,
+      },
+      none: {
+        small: 0,
+        medium: 0,
+      },
+    },
+    title: {
+      draggable: {
+        small: 48,
+        medium: 60,
+      },
+      none: {
+        small: 42,
+        medium: 60,
+      },
+    },
+    full: {
+      draggable: {
+        small: 57,
+        medium: 78,
+      },
+      none: {
+        small: 57,
+        medium: 78,
+      },
+    },
+    footer: {
+      draggable: {
+        small: 99,
+        medium: 120,
+      },
+      none: {
+        small: 99,
+        medium: 120,
+      },
+    },
+  },
+  aspectRatio: 0.625,
+};
+
+export const sideGridSizePreset: GridSizePreset = {
+  imagePlacement: 'side',
+  footerHeights: {
+    empty: {
+      draggable: {
+        small: 54,
+        medium: 76,
+      },
+      none: {
+        small: 54,
+        medium: 76,
+      },
+    },
+    title: {
+      draggable: {
+        small: 54,
+        medium: 76,
+      },
+      none: {
+        small: 54,
+        medium: 76,
+      },
+    },
+    full: {
+      draggable: {
+        small: 56,
+        medium: 76,
+      },
+      none: {
+        small: 56,
+        medium: 76,
+      },
+    },
+    footer: {
+      draggable: {
+        small: 98,
+        medium: 118,
+      },
+      none: {
+        small: 98,
+        medium: 118,
+      },
+    },
+  },
+  aspectRatio: 0,
+};
+
+export const gridSizePresets = {
+  top: topGridSizePreset,
+  side: sideGridSizePreset,
+};

package/src/state/index.ts

@@ -0,0 +1,34 @@
+export * from './ItemActionsState';
+export * from './CollectionFilterState';
+export * from './DropdownSelectState';
+export * from './DropdownSelectFilterState';
+export * from './DropdownSelectFilterState';
+export * from './DropdownCollectionFilterState';
+export * from './DateRangePickerState';
+export * from './DateRangeFilterState';
+export * from './PickerStandaloneState';
+export * from './ViewsState';
+export * from './PickerContentState';
+export * from './CollectionViewsState';
+export * from './ToolbarCollectionState';
+export * from './CustomColumnsState';
+export * from './ResizeObserverState';
+export * from './IntersectionObserverState';
+export * from './TableState';
+export * from './FilterValueTotalState';
+export * from './GridBaseState';
+export * from './AdditionalStepState';
+export * from './SelectFieldState';
+export * from './MultiLevelSortingState';
+export * from './MultiLevelSortingDragAndDrop';
+export * from './GridFoldersState';
+export * from './GridState';
+export * from './TableFoldersState';
+export * from './CustomFields';
+export * from './TableGridSwitchFoldersState';
+export * from './EntityPage/EntityPageState';
+export * from './SettingsPage/SettingsPageState';
+export * from './NestedTableState';
+export * from './ExtensionMenuItemsState';
+export * from './gridSizePresets';
+export * from './ResponsiveColumnsState';

package/src/state/indexOfCompareFn.ts

@@ -0,0 +1,25 @@
+export const indexOfCompareFn =
+  <T, K>(arr: T[], keyBy: (t: T) => K) =>
+  <U extends T>(a: U, b: U) => {
+    const aKey = keyBy(a);
+    const bKey = keyBy(b);
+
+    const aIndex = arr.findIndex((e) => keyBy(e) === aKey);
+    const bIndex = arr.findIndex((e) => keyBy(e) === bKey);
+
+    if (aIndex === -1 && bIndex === -1) {
+      return 0;
+    }
+
+    // if A is missing in arr, place A after B
+    if (aIndex === -1) {
+      return 1;
+    }
+
+    // if b is missing in arr, place A before B
+    if (bIndex === -1) {
+      return -1;
+    }
+
+    return aIndex - bIndex;
+  };

package/src/state/initCustomColumns.ts

@@ -0,0 +1,22 @@
+import { FiltersMap } from '@wix/bex-core';
+import { CustomColumnsState } from './CustomColumnsState';
+import { ToolbarCollectionState } from './ToolbarCollectionState';
+import { CustomColumnsDragAndDrop } from '../components/CustomColumns/CustomColumnsDragAndDrop';
+
+export function setCustomColumnsState<T, F extends FiltersMap>(props: {
+  toolbar: ToolbarCollectionState<T, F>;
+  customColumnsProps?: {
+    readonly dragAndDrop?: typeof CustomColumnsDragAndDrop;
+  };
+  modalsContainerRef: {
+    current: HTMLElement | null | undefined;
+  };
+}) {
+  const { toolbar, customColumnsProps, modalsContainerRef } = props;
+  toolbar.customColumnsState ??= new CustomColumnsState({
+    table: toolbar,
+    container: toolbar.container,
+    dragAndDrop: customColumnsProps?.dragAndDrop,
+    modalsContainerRef,
+  });
+}

package/src/state/initTabTotal.ts

@@ -0,0 +1,32 @@
+import { ToolbarFeatureInitializer } from './toolbarFeatureInitializer';
+import {
+  FilterValueTotalState,
+  FilterValueTotalStateParams,
+} from './FilterValueTotalState';
+import { TabsFilterProps } from '../components/TabsFilter';
+import { FiltersMap } from '@wix/bex-core';
+
+export const initTabTotal =
+  <T, F extends FiltersMap, V>(
+    props: TabsFilterProps<V>,
+    params: FilterValueTotalStateParams<T, F, V>,
+  ): ToolbarFeatureInitializer =>
+  (state) => {
+    return {
+      init: () => {
+        const disposers = props.data.map((value) =>
+          new FilterValueTotalState({
+            ...params,
+            filter: props.filter,
+            value,
+            collection: state.collection,
+          }).init(),
+        );
+
+        return () => {
+          disposers.forEach((d) => d());
+        };
+      },
+      initTask: null,
+    };
+  };

package/src/state/presetsToCategories.ts

@@ -0,0 +1,25 @@
+import { FiltersMap } from '@wix/bex-core';
+import { CollectionViewsDropdownProps } from '../components/CollectionViewsDropdown';
+import { Category, PREDEFINED_VIEWS_ID, View } from '../model';
+
+function isCategoryPresets<F extends FiltersMap>(
+  presets: CollectionViewsDropdownProps<F>['presets'],
+): presets is Category<F>[] {
+  return !!presets?.length && 'views' in presets[0];
+}
+
+export function presetsToCategories<F extends FiltersMap>(
+  presets: CollectionViewsDropdownProps<F>['presets'],
+): Category<F>[] {
+  return presets == null
+    ? []
+    : isCategoryPresets(presets)
+    ? (presets as Category<F>[])
+    : ([
+        {
+          id: PREDEFINED_VIEWS_ID,
+          name: '',
+          views: presets as View<F>[],
+        },
+      ] as Category<F>[]);
+}

package/src/state/setViewsState.ts

@@ -0,0 +1,37 @@
+import { CollectionViewsState } from './CollectionViewsState';
+import { presetsToCategories } from './presetsToCategories';
+
+import { FiltersMap } from '@wix/bex-core';
+import { ToolbarCollectionState } from './ToolbarCollectionState';
+import { ViewsProps } from '../index';
+
+export function setViewsState<T, F extends FiltersMap>(
+  toolbar: ToolbarCollectionState<T, F>,
+  viewsProps: ViewsProps<F>,
+) {
+  const {
+    presets,
+    onSaveView,
+    onSaveViewChanges,
+    onDeleteView,
+    onRenameView,
+    onSetAsDefaultView,
+    allItemsViewProps,
+    learnMoreLink,
+    viewNamePlaceholder,
+  } = viewsProps;
+
+  return (toolbar.viewsState ??= new CollectionViewsState({
+    table: toolbar,
+    container: toolbar.container,
+    presets: presetsToCategories(presets),
+    allItemsViewProps,
+    onDeleteView,
+    onSaveView,
+    onSaveViewChanges,
+    onSetAsDefaultView,
+    onRenameView,
+    learnMoreLink,
+    viewNamePlaceholder,
+  }));
+}

package/src/state/simplifyColumns.ts

@@ -0,0 +1,35 @@
+import { Column, TableColumn } from '../model';
+
+export function simplifyColumn<T>(
+  {
+    id: maybeId,
+    name,
+    hideable = true,
+    hiddenFromCustomColumnsSelection = false,
+    infoTooltipProps,
+    ...rest
+  }: TableColumn<T>,
+  { fallbackID }: { fallbackID?: number } = {},
+): Column {
+  const id = maybeId ?? String(fallbackID);
+  return {
+    id,
+    name: name ?? '',
+    hiddenFromCustomColumnsSelection,
+    hideable: maybeId == null ? false : hideable,
+    infoTooltipProps: infoTooltipProps
+      ? {
+          content: infoTooltipProps.content,
+          panelContent: infoTooltipProps.panelContent,
+          ...infoTooltipProps,
+        }
+      : undefined,
+    ...rest,
+  };
+}
+
+export function simplifyColumns<T>(tableColumns: TableColumn<T>[]): Column[] {
+  return tableColumns.map((props, i): Column => {
+    return simplifyColumn(props, { fallbackID: i });
+  });
+}

package/src/state/simplifyExtendedColumns.tsx

@@ -0,0 +1,95 @@
+import React, { CSSProperties } from 'react';
+import { CustomFieldType, CustomField, ExtendedFields } from '@wix/bex-core';
+import { Column } from '../model';
+import { ExtendedColumn } from '../components/ExtendedColumn/ExtendedColumn';
+import { DataTableColumnAlign } from '@wix/design-system/dist/types/Table/DataTable';
+
+const ExtendedColumnsConfig: Record<
+  CustomFieldType,
+  { style?: CSSProperties; width?: string; align?: DataTableColumnAlign }
+> = {
+  shortText: {
+    width: '150px',
+    align: 'start',
+  },
+  dateTime: {
+    width: '200px',
+    align: 'center',
+  },
+  date: {
+    width: '150px',
+    align: 'center',
+  },
+  decimal: {
+    width: '100px',
+    align: 'center',
+  },
+  integer: {
+    width: '100px',
+    align: 'center',
+  },
+  checkbox: {
+    width: '100px',
+    align: 'center',
+  },
+  longText: {
+    width: '250px',
+    align: 'start',
+  },
+  url: {
+    width: '250px',
+    align: 'start',
+  },
+  dropdown: {
+    width: '150px',
+    align: 'start',
+  },
+  files: {
+    width: '180px',
+    align: 'start',
+  },
+  multiSelect: {
+    width: '150px',
+    align: 'start',
+  },
+};
+
+export const prefixFieldWithNamespace = (id: string, namespace: string) =>
+  `extendedFields.namespaces.${namespace}.${id}`;
+
+export const prefixFieldWithUserFieldsNamespace = (id: string) =>
+  prefixFieldWithNamespace(id, '_user_fields');
+
+export function simplifyExtendedColumns<T>({
+  fields,
+  toExtendedFields,
+  defaultHidden,
+}: {
+  fields: CustomField[];
+  toExtendedFields?: (item: T) => ExtendedFields | undefined | null;
+  defaultHidden?: boolean;
+}): Column[] {
+  return fields.map((field) => {
+    const type = field.type;
+
+    const id = prefixFieldWithNamespace(field.id, field.namespace);
+    return {
+      dataExtension: field,
+      id,
+      dataHook: id,
+      name: field.label || field.id,
+      title: field.label || field.id,
+      hideable: true,
+      sortable: field.filterable,
+      defaultHidden: defaultHidden || field.owner !== 'user',
+      align: type ? ExtendedColumnsConfig[type].align : undefined,
+      width: type ? ExtendedColumnsConfig[type].width : undefined,
+      style: type ? ExtendedColumnsConfig[type].style : undefined,
+      render: (row) => {
+        const value =
+          toExtendedFields?.(row)?.namespaces?.[field.namespace]?.[field.id];
+        return <ExtendedColumn type={type} value={value} />;
+      },
+    };
+  });
+}

package/src/state/toolbarFeatureInitializer.ts

@@ -0,0 +1,9 @@
+import type { ToolbarCollectionState } from './ToolbarCollectionState';
+import type { TaskState } from '@wix/bex-core';
+
+export type ToolbarFeatureInitializer = (
+  state: ToolbarCollectionState<any, any>,
+) => {
+  init: () => void | (() => void);
+  initTask: TaskState<unknown> | null;
+};

package/src/state/warmUpPickerStandalone.ts

@@ -0,0 +1,22 @@
+import {
+  WixPatternsEssentials,
+  WarmUpPickerParams,
+  warmUpPickerStandalone as warmUpPickerStandaloneBase,
+} from '@wix/bex-core';
+import { version as cairoVersion } from '../version';
+
+export function warmUpPickerStandalone(
+  wixPatternsEssentials: WixPatternsEssentials,
+  params: WarmUpPickerParams,
+) {
+  return warmUpPickerStandaloneBase(
+    {
+      ...wixPatternsEssentials,
+      environment: {
+        ...wixPatternsEssentials.environment,
+        uiLibVersion: cairoVersion,
+      },
+    },
+    params,
+  );
+}

package/src/stylable-esm-runtime.ts

@@ -0,0 +1,90 @@
+// @ts-nocheck
+function createStateClass(namespace, stateName, stateValue) {
+    if (stateValue === false ||
+        stateValue === undefined ||
+        stateValue === null ||
+        stateValue !== stateValue // check NaN
+    ) {
+        return '';
+    }
+    if (stateValue === true) {
+        // boolean state
+        return namespace + '--' + stateName;
+    }
+    var param = stateValue.toString();
+    return namespace + '---' + stateName + '-' + param.length + '-' + param.replace(/\s/gm, '_');
+}
+export function classesRuntime(namespace) {
+    var classNames = [];
+    for (var i = 1; i < arguments.length; i++) {
+        // eslint-disable-next-line prefer-rest-params
+        var item = arguments[i];
+        if (item) {
+            if (typeof item === 'string') {
+                classNames[classNames.length] = item;
+            }
+            else if (i === 2) {
+                for (var stateName in item) {
+                    var stateValue = item[stateName];
+                    var stateClass = createStateClass(namespace, stateName, stateValue);
+                    if (stateClass) {
+                        classNames[classNames.length] = stateClass;
+                    }
+                }
+            }
+        }
+    }
+    return classNames.join(' ');
+}
+export function statesRuntime(namespace, stateMapping) {
+    var classNames = [];
+    for (var stateName in stateMapping) {
+        var stateValue = stateMapping[stateName];
+        var stateClass = createStateClass(namespace, stateName, stateValue);
+        if (stateClass) {
+            classNames.push(stateClass);
+        }
+    }
+    return classNames.join(' ');
+}
+export function injectCSS(id, css, depth, runtimeId) {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    var d = document;
+    var head = d.head;
+    var style = d.createElement('style');
+    style.setAttribute('st_id', id);
+    style.setAttribute('st_depth', depth);
+    style.setAttribute('st_runtime', runtimeId);
+    style.textContent = css;
+    var loadedStyleElements = head.querySelectorAll('style[st_runtime="' + runtimeId + '"]');
+    var inserted = false;
+    var insertAfter;
+    for (var i = 0; i < loadedStyleElements.length; i++) {
+        var styleElement = loadedStyleElements[i];
+        var existingStId = styleElement.getAttribute('st_id');
+        var existingStDepth = Number(styleElement.getAttribute('st_depth'));
+        if (existingStId === id) {
+            if (existingStDepth === depth) {
+                head.replaceChild(style, styleElement);
+                return;
+            }
+            else {
+                styleElement.parentElement.removeChild(styleElement);
+                continue;
+            }
+        }
+        if (!inserted && depth < existingStDepth) {
+            head.insertBefore(style, styleElement);
+            inserted = true;
+        }
+        insertAfter = styleElement;
+    }
+    if (!inserted) {
+        insertAfter
+            ? head.insertBefore(style, insertAfter.nextElementSibling)
+            : head.appendChild(style);
+    }
+}
+//# sourceMappingURL=pure.js.map

package/src/styles.global.css

@@ -0,0 +1 @@
+.CardContainer800590153__root.CardContainer800590153--mobile{border-radius:0}.Collapse1074469129__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1074469129__exit{height:0}.CollectionPage148705674__root.CollectionPage148705674--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable4261317431__root.CollectionTable4261317431--mobile td:first-child{padding-left:18px}.CollectionTable4261317431__root.CollectionTable4261317431--mobile td:last-child{padding-right:18px}.CollectionToolbar2586181028__left{min-width:0}.CollectionToolbar2586181028__root.CollectionToolbar2586181028--views .CollectionToolbar2586181028__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2586181028__left.CollectionToolbar2586181028--expandable{flex:auto}.CollectionToolbar2586181028__root .CollectionToolbar2586181028__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2586181028__root.CollectionToolbar2586181028--views .CollectionToolbar2586181028__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2586181028__root .CollectionToolbar2586181028__right.CollectionToolbar2586181028__fullWidth{margin-inline-start:0!important}.CollectionToolbar2586181028__root.CollectionToolbar2586181028--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3329896299__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3329896299__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2744297909__root.AutoCompleteReadonly2744297909--disableEditing{cursor:pointer}.AutoCompleteReadonly2744297909__root.AutoCompleteReadonly2744297909--disableEditing input{cursor:pointer}.ViewsDropdown793121263__root{width:200px}.DragHandle2439316473__root{display:flex;align-items:center}.DragHandle2439316473__root:not(.DragHandle2439316473--disabled){cursor:grab;color:#a8caff}.DragHandle2439316473__root.DragHandle2439316473--disabled{color:#acafc4}.DragHandle2439316473__root:focus-visible:not(.DragHandle2439316473--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2439316473__root.DragHandle2439316473--disabled{pointer-events:none}.DragHandle2439316473__root.DragHandle2439316473--dragging:not(.DragHandle2439316473--disabled){cursor:grabbing}.EntityPagePlain2529768981__root.EntityPagePlain2529768981--mobile{--wds-page-header-padding-horizontal:0}.Fade1933873701__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1933873701__root.Fade1933873701--exit{opacity:0}.Heading1110528522__root{visibility:visible}.Heading1110528522__root.Heading1110528522--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2505631700__root.InputOverflow2505631700--selected:not(.InputOverflow2505631700--focused) input::placeholder{color:#000624}@keyframes LoadingRow3927915796__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3927915796__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3927915796__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1147702688__root{opacity:1}.MaxHeightText1147702688__root.MaxHeightText1147702688--height24{line-height:24px}.MaxLines4115686776__root{overflow:hidden}.MaxLines4115686776__root.MaxLines4115686776--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar144164696__root{min-width:0}.NestedTablePlaceholderStatesRow75069207__root td{padding:0!important;width:100%}.NestedTableRow1195402007__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1195402007__root:hover{background-color:#e7f0ff!important}.NestedTableRow1195402007__root.NestedTableRow1195402007--expandable{cursor:pointer}.NestedTableRow1195402007__placeholder td{padding:0!important;width:100%}.NestedTableRow1195402007__root:hover td:first-of-type::before,.NestedTableRow1195402007__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1137615999__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2362077867__root.NestedTableDragAndDropRow2362077867--draggingInto td{background-color:#e7f0ff!important}.PickerContent3562904470__root{display:flex}.PickerContentAdditionalStep2959824915__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2959824915__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem705989413__root{box-sizing:border-box}.ScrollableContent702169073__root.ScrollableContent702169073--overflowY{overflow-y:auto}.ScrollableContent702169073__root.ScrollableContent702169073--overflowX{overflow-x:auto}.ScrollableContent702169073__root.ScrollableContent702169073--smooth{scroll-behavior:smooth}.SkeletonCard2034505487__headerLoading{display:block!important}.SlidingModal2972838614__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2972838614__root:not(.SlidingModal2972838614--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3979636339__root .TabsFilter3979636339__title{color:inherit!important}.ManageTagsModal2186763945__root{display:flex}.ToolbarItem3938082861__root{min-width:0}.ToolbarItemBox1887339769__root{min-width:0}.ToolbarItemBox1887339769__root.ToolbarItemBox1887339769--removeStartPadding{margin-left:-24px}.ToolbarItemBox1887339769__root.ToolbarItemBox1887339769--expandable{flex:1 0}.common614383107__column{display:flex;flex-direction:column}.common614383107__fullHeight{height:100%;min-height:0}.CollectionPageHeader4163393367__root.CollectionPageHeader4163393367--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4163393367__root.CollectionPageHeader4163393367--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4052369142__root.FormPageHeader4052369142--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4052369142__root.FormPageHeader4052369142--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-types.d.ts

@@ -0,0 +1 @@
+/// <reference types="@wix/jest-yoshi-preset/types" />