@wix/patterns 1.374.0 → 1.377.0

package/dist/esm/components/EditableTable/cellTypes/select/View.uni.driver.js

@@ -1,8 +0,0 @@
-import { baseUniDriverFactory } from '../../../../unidriver';
-export function SelectViewUniDriver(base, _body) {
-    return {
-        ...baseUniDriverFactory(base),
-        getDisplayLabel: () => base.text(),
-    };
-}
-//# sourceMappingURL=View.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/select/View.uni.driver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,mBAAmB,CAAC,IAAe,EAAE,KAAgB;IACnE,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;KACnC,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/select/index.js

@@ -1,15 +0,0 @@
-import { defineCellType } from '../../types';
-import { SelectView } from './View';
-import { SelectEdit } from './Edit';
-export { SelectView, SelectEdit };
-export const selectCellType = defineCellType({
-    type: 'select',
-    ViewComponent: SelectView,
-    EditComponent: SelectEdit,
-    serialize: (value) => value ?? '',
-    deserialize: (raw) => raw,
-    editable: true,
-    clearable: true,
-    onTypeToEdit: () => ({}),
-});
-//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/select/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,cAAc,CAAS;IACnD,IAAI,EAAE,QAAQ;IACd,aAAa,EAAE,UAAU;IACzB,aAAa,EAAE,UAAU;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC"}

package/dist/types/components/EditableTable/cellTypes/select/Edit.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CellEditProps } from '../../types';
-export declare const SelectEdit: React.FC<CellEditProps<string>>;
-//# sourceMappingURL=Edit.d.ts.map

package/dist/types/components/EditableTable/cellTypes/select/Edit.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Edit.d.ts","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CA0FtD,CAAC"}

package/dist/types/components/EditableTable/cellTypes/select/Edit.uni.driver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Edit.uni.driver.d.ts","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAM7D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS;mBAQzD,MAAM,SACJ;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAC;QAAC,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE;;;uBAI5C,MAAM;;;;;;;;;;;EAIlC"}

package/dist/types/components/EditableTable/cellTypes/select/View.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CellViewProps } from '../../types';
-export declare const SelectView: React.FC<CellViewProps<string>>;
-//# sourceMappingURL=View.d.ts.map

package/dist/types/components/EditableTable/cellTypes/select/View.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"View.d.ts","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CActD,CAAC"}

package/dist/types/components/EditableTable/cellTypes/select/View.st.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"View.st.css.d.ts","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAiC,CAAC;AACpD,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/components/EditableTable/cellTypes/select/View.uni.driver.d.ts

@@ -1,15 +0,0 @@
-import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
-export declare function SelectViewUniDriver(base: UniDriver, _body: UniDriver): {
-    getDisplayLabel: () => Promise<string>;
-    exists: () => Promise<boolean>;
-    click: () => Promise<void>;
-    element: () => Promise<any>;
-    base: UniDriver<any, {
-        parent?: any | undefined;
-        base?: any;
-        selector?: string | Promise<string> | undefined;
-        idx?: number | undefined;
-        timeBudget?: number | undefined;
-    }, any>;
-};
-//# sourceMappingURL=View.uni.driver.d.ts.map

package/dist/types/components/EditableTable/cellTypes/select/View.uni.driver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"View.uni.driver.d.ts","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/View.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAG7D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;;;;;;;;;;;;EAKpE"}

package/dist/types/components/EditableTable/cellTypes/select/index.d.ts

@@ -1,5 +0,0 @@
-import { SelectView } from './View';
-import { SelectEdit } from './Edit';
-export { SelectView, SelectEdit };
-export declare const selectCellType: import("../../../..").CellType;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/EditableTable/cellTypes/select/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,eAAO,MAAM,cAAc,gCASzB,CAAC"}

package/src/components/EditableTable/cellTypes/select/Edit.tsx

@@ -1,98 +0,0 @@
-import React, { useCallback, useMemo, useEffect, useRef } from 'react';
-import { Dropdown } from '@wix/design-system';
-import type { CellEditProps } from '../../types';
-import type { SelectCellConfig } from '../../../../state/EditableTable/types';
-import { useCloseOnAncestorScroll } from '../../useCloseOnAncestorScroll';
-import { classes } from './Edit.st.css.js';
-
-export const SelectEdit: React.FC<CellEditProps<string>> = ({
-  value,
-  onChange,
-  onCommit,
-  onCancel,
-  typeConfig,
-  inputRef,
-  editTrigger,
-}) => {
-  const dropdownInputRef = useRef<HTMLInputElement | null>(null);
-  const dropdownRef = useRef<Dropdown | null>(null);
-
-  // Auto-open dropdown when entering edit mode via type-to-edit
-  useEffect(() => {
-    if (editTrigger === 'type' && dropdownInputRef.current) {
-      dropdownInputRef.current.click();
-    }
-  }, [editTrigger]);
-
-  const wrapperRef = useRef<HTMLDivElement | null>(null);
-  const closeDropdown = useCallback(
-    () => dropdownRef.current?.hideOptions(),
-    [],
-  );
-  useCloseOnAncestorScroll(wrapperRef, closeDropdown, !!editTrigger);
-  const config = typeConfig as SelectCellConfig | undefined;
-  const rawOptions = config?.options ?? [];
-
-  const dropdownOptions = useMemo(
-    () => rawOptions.map((o) => ({ id: o.id, value: o.value })),
-    [rawOptions],
-  );
-
-  const handleSelect = useCallback(
-    (option: { id: string | number }) => {
-      onChange(String(option.id));
-      onCommit();
-    },
-    [onChange, onCommit],
-  );
-
-  const handleOptionMarked = useCallback(
-    (option: { id: string | number } | null) => {
-      if (option) {
-        onChange(String(option.id));
-      }
-    },
-    [onChange],
-  );
-
-  const handleKeyDown = useCallback(
-    (e: React.KeyboardEvent) => {
-      if (e.key === 'Escape') {
-        e.preventDefault();
-        onCancel();
-      }
-    },
-    [onCancel],
-  );
-
-  return (
-    <div
-      ref={wrapperRef}
-      onKeyDown={handleKeyDown}
-      style={{
-        width: '100%',
-        height: '100%',
-        display: 'flex',
-        alignItems: 'center',
-      }}
-    >
-      <Dropdown
-        ref={dropdownRef}
-        size="small"
-        border="none"
-        selectedId={value}
-        options={dropdownOptions}
-        onSelect={handleSelect}
-        onOptionMarked={handleOptionMarked}
-        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}
-        inputRef={(el: HTMLInputElement) => {
-          dropdownInputRef.current = el;
-          if (inputRef) {
-            inputRef.current = el;
-          }
-        }}
-        className={classes.selectInput}
-      />
-    </div>
-  );
-};

package/src/components/EditableTable/cellTypes/select/Edit.uni.driver.ts

@@ -1,24 +0,0 @@
-import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
-import { DropdownUniDriver } from '@wix/design-system/dist/testkit/unidriver';
-import { DropdownUniDriver as DropdownUniDriverFactory } from '@wix/design-system/dist/types/Dropdown/Dropdown.uni.driver';
-import { UniDriverFactory } from '../../../uniDriverFactory';
-import { baseUniDriverFactory } from '../../../../unidriver';
-
-export function SelectEditUniDriver(base: UniDriver, body: UniDriver) {
-  const dropdown = (
-    DropdownUniDriver as UniDriverFactory<DropdownUniDriverFactory>
-  )(base, body);
-
-  return {
-    ...baseUniDriverFactory(base),
-    keyDown: (
-      key: string,
-      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },
-    ) => dropdown.inputDriver.keyDown({ key, ...opts }),
-    blur: () => dropdown.inputDriver.blur(),
-    clickInput: () => dropdown.inputDriver.click(),
-    selectOption: async (id: string) => {
-      await dropdown.driver.selectOptionById(id);
-    },
-  };
-}

package/src/components/EditableTable/cellTypes/select/View.st.css

@@ -1 +0,0 @@
-/* Padding provided by CellViewLayout */

package/src/components/EditableTable/cellTypes/select/View.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Text } from '@wix/design-system';
-import type { CellViewProps } from '../../types';
-import type { SelectCellConfig } from '../../../../state/EditableTable/types';
-import { CellViewLayout } from '../CellViewLayout';
-
-export const SelectView: React.FC<CellViewProps<string>> = ({
-  value,
-  typeConfig,
-}) => {
-  const config = typeConfig as SelectCellConfig | undefined;
-  const options = config?.options ?? [];
-  const option = options.find((o) => o.id === value);
-  return (
-    <CellViewLayout>
-      <Text size="small" ellipsis>
-        {option?.value ?? value ?? ''}
-      </Text>
-    </CellViewLayout>
-  );
-};

package/src/components/EditableTable/cellTypes/select/View.uni.driver.ts

@@ -1,9 +0,0 @@
-import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
-import { baseUniDriverFactory } from '../../../../unidriver';
-
-export function SelectViewUniDriver(base: UniDriver, _body: UniDriver) {
-  return {
-    ...baseUniDriverFactory(base),
-    getDisplayLabel: () => base.text(),
-  };
-}

package/src/components/EditableTable/cellTypes/select/index.ts

@@ -1,16 +0,0 @@
-import { defineCellType } from '../../types';
-import { SelectView } from './View';
-import { SelectEdit } from './Edit';
-
-export { SelectView, SelectEdit };
-
-export const selectCellType = defineCellType<string>({
-  type: 'select',
-  ViewComponent: SelectView,
-  EditComponent: SelectEdit,
-  serialize: (value) => value ?? '',
-  deserialize: (raw) => raw,
-  editable: true,
-  clearable: true,
-  onTypeToEdit: () => ({}),
-});