pne-ui 4.2.2 → 4.3.0-rc.0

package/README.md

@@ -29,6 +29,132 @@ yarn add pne-ui @emotion/react@^11 @emotion/styled@^11 @mui/material@^7 @mui/sys
 - `react-dom@^18 || ^19`
 - `react-i18next@^11`
 
+## Якоря для автотестов
+
+Для нового кода добавляйте якорь непосредственно на существующий DOM-элемент или нужный MUI slot через
+`createAutoTestAttributes`. Helper не создаёт дополнительный wrapper и возвращает стабильные
+`data-autotest` и, при наличии значения, `data-autotest-value`:
+
+```tsx
+import { createAutoTestAttributes } from 'pne-ui'
+
+export const OrdersTable = () => (
+    <section {...createAutoTestAttributes('orders-table', 'active')}>
+        {/* content */}
+    </section>
+)
+```
+
+Атрибуты присутствуют во всех build modes. `undefined` не добавляет `data-autotest-value`, а `''`, `0` и
+`false` сохраняются как явные значения. Используйте только стабильные несекретные идентификаторы; состояние
+`disabled`, `checked`, `selected` и похожие состояния проверяйте через нативные DOM/ARIA-свойства.
+
+`AutoTestAttribute` остаётся compatibility API для существующего кода. Он принимает ровно одного React child:
+
+- DOM-элемент получает атрибуты без дополнительного узла;
+- custom component обязан передать неизвестные DOM props на нужный элемент;
+- React Fragment временно оборачивается в `div` для обратной совместимости.
+
+Поэтому во внутренней реализации новых компонентов библиотеки используйте `createAutoTestAttributes`, а не
+wrapper-компонент.
+
+### PneTable
+
+Передавайте `autoTestId` для каждой логической таблицы; если на странице их несколько, значения обязаны быть
+уникальными. Существующий внешний root получает `data-autotest="table"` и переданный ID в
+`data-autotest-value`. `tableAriaLabel` или `tableAriaLabelledBy` независимо задают пользовательское имя
+semantic `<table>` для role-запросов.
+
+```tsx
+<PneTable<Order>
+    autoTestId="orders"
+    tableAriaLabel="Orders"
+    data={orders}
+    createRow={order => (
+        <PneTableRow
+            key={order.id}
+            {...createAutoTestAttributes('row', order.id)}
+        >
+            <PneTableCell {...createAutoTestAttributes('cell', 'status')}>
+                {order.statusLabel}
+            </PneTableCell>
+        </PneTableRow>
+    )}
+    /* остальные props */
+/>
+```
+
+Идентичность строк и колонок принадлежит caller-коду в `createRow`/`createTableHeader`: используйте
+стабильные domain ID и column keys. Библиотека намеренно не выводит их из array index, переведённого текста,
+DOM-позиции или пользовательских/секретных данных. Для sortable header передавайте те же `sortOptions` и
+`sortIndex` в `PneHeaderTableCell`; MUI выставит `aria-sort` только на активном `<th>`.
+
+Внутренний контракт таблицы:
+
+- пагинации: `data-autotest="pagination"` со значением `top` или `bottom`; action IDs ищутся внутри этого scope;
+- загрузка: `aria-busy` на semantic table;
+- пустой результат: существующая строка `data-autotest="empty-state"`;
+- disabled/checked/selected состояния: только нативные DOM/ARIA-свойства, без test-only копий.
+
+### SearchUI и SearchUIFilters
+
+Передавайте стабильный несекретный `autoTestId` как Selenium scope поискового интерфейса. Если prop не задан,
+используется `settingsContextName`. Для нескольких одновременно отображаемых `SearchUI` или самостоятельных
+`SearchUIFilters` задавайте разные явные значения, даже если компоненты намеренно используют один
+`settingsContextName` для состояния.
+
+`SearchUI` не получает общего test-only root: фильтры и результаты имеют отдельные anchors с одним значением
+scope. Таблица ищется от document/page scope, а не внутри `search-filters`:
+
+- `data-autotest="search-filters"` / `data-autotest-value="<scope>"` — панель фильтров;
+- `data-autotest="table"` / `data-autotest-value="<scope>"` — таблица результатов;
+- `data-autotest="criterion"` / `data-autotest-value="<raw CriterionTypeEnum>"` — существующий root критерия.
+
+Например, очистку критерия `STATUS` в поиске заказов можно найти обычным CSS locator:
+
+```css
+[data-autotest="search-filters"][data-autotest-value="orders"] [data-autotest="criterion"][data-autotest-value="STATUS"] [data-autotest="clear-criterion"]
+```
+
+Общие действия внутри `search-filters/<scope>`:
+
+- `toggle-filters` — native button; состояние панели находится в `aria-expanded`, связь с панелью — в
+  `aria-controls`;
+- `clear-all` и `run-search` — реальные кнопки; доступность запуска поиска проверяется через native `disabled`
+  (`run-search` одинаков для режимов Search и Refresh);
+- `templates` — native button с `aria-expanded` и open-state `aria-controls`;
+- `add-filter` — реально кликаемый MUI `role="combobox"`, а не декоративная кнопка над ним; состояние и связь с
+  listbox находятся в `aria-expanded` и open-state `aria-controls`;
+- `clear-criterion` и `remove-criterion` — native `button type="button"` внутри соответствующего
+  `criterion/<raw type>`; remove отсутствует у non-removable predefined-критерия.
+
+Часть roots/actions условна: критерий, `clear-all`, `remove-criterion`, templates и add-filter могут отсутствовать
+из-за `config` или текущего состояния. Такое отсутствие является состоянием UI, а не ошибкой locator contract.
+
+Popover и modal рендерятся через React portal вне `search-filters`, поэтому Selenium должен искать их отдельно
+по тому же owner scope:
+
+```css
+[data-autotest="templates-panel"][data-autotest-value="orders"]
+[data-autotest="add-filter-options"][data-autotest-value="orders"]
+[data-autotest="template-editor"][data-autotest-value="orders"]
+```
+
+`templates-panel` и `template-editor` имеют dialog semantics, а `add-filter-options` — native MUI listbox.
+Generated IDs из `aria-controls` не хардкодируйте: при необходимости считывайте ID у trigger во время теста;
+стабильным owner locator остаётся `data-autotest` + scope. Строки сохранённых шаблонов отмечены одинаковым
+`template-item` без value; внутри используются `select-template` и `remove-template`. Имя шаблона остаётся
+видимым пользовательским значением и доступным именем, но намеренно не попадает в `data-autotest-value`.
+Icon-only закрытие editor имеет `close-template-editor`; поле имени, Create и Cancel остаются стандартными
+required textbox/text buttons и ищутся по role/name внутри scoped editor.
+
+Обычные inputs, text buttons, options, checkboxes и switches ищите по native role/name и проверяйте их native/ARIA
+state. Не используйте MUI classes, SVG/path, DOM depth, array index, переведённый текст как технический ID или
+сгенерированный `aria-controls` ID.
+
+Полная Selenium-документация, включая матрицу всех 31 критериев, detached portals, date pickers, grouping,
+transaction session status и все девять multiget-панелей: [docs/selenium-locators.md](docs/selenium-locators.md).
+
 ## OverlayHost
 
 Компоненты, которые используют `overlayActions` напрямую или косвенно, требуют смонтированный
@@ -498,6 +624,39 @@ export const FabDemo = () => (
 - Ширина > `mobileBreakpoint`: стек FAB над триггером + меню (все action-пункты дублируются в меню).
 - Ширина <= `mobileBreakpoint`: только триггер + меню, стек FAB скрыт.
 
+## Публикация пакета
+
+Перед публикацией выполните `yarn npmLogin`. Release-команды проверяют npm-сессию, запускают тесты, линтер, сборку и
+`npm pack --dry-run` перед `npm publish`.
+
+Стабильные версии публикуются под npm dist-tag `latest`:
+
+| Команда | Результат |
+| --- | --- |
+| `yarn release` / `yarn release:patch` | Для стабильной версии поднять patch; для RC снять `-rc.N`. Затем опубликовать. Это команда по умолчанию, если отдельный bump был забыт. |
+| `yarn release:minor` | Поднять minor и опубликовать. |
+| `yarn release:major` | Поднять major и опубликовать. |
+| `yarn release:stable` | Снять текущий `-rc.N` и опубликовать стабильную версию; для уже стабильной версии работает как patch release. |
+| `yarn release:current` / `yarn publish:stable` | Опубликовать уже выставленную стабильную версию без изменения номера. |
+
+RC-версии публикуются под dist-tag `next`, поэтому не заменяют стабильную версию для обычной установки:
+
+| Команда | Результат |
+| --- | --- |
+| `yarn release:rc:current` | Опубликовать уже выставленную RC-версию без изменения номера. |
+| `yarn release:rc:next` | Например, `4.3.0-rc.0` → `4.3.0-rc.1`, затем опубликовать. |
+| `yarn release:rc:patch` | Начать следующую patch RC-линейку и опубликовать. |
+| `yarn release:rc:minor` | Начать следующую minor RC-линейку и опубликовать. |
+| `yarn release:rc:major` | Начать следующую major RC-линейку и опубликовать. |
+
+Версию можно изменить отдельно, без публикации: `yarn version:patch`, `yarn version:minor`, `yarn version:major`,
+`yarn version:rc:patch`, `yarn version:rc:minor`, `yarn version:rc:major` или `yarn version:rc:next`. После ручного bump
+используйте `yarn publish:stable` либо `yarn publish:rc`; команда должна соответствовать типу версии в `package.json`.
+Повторный запуск составной `release:*`-команды поднимет версию ещё раз.
+
+Если публикация завершилась ошибкой уже после bump, исправьте причину и повторите только `yarn publish:stable` или
+`yarn publish:rc`. Скрипты меняют `package.json`, но не создают git commit и tag — их следует оформить отдельно.
+
 [npm-url]: https://www.npmjs.com/package/pne-ui
 
 [npm-image]: https://img.shields.io/npm/v/pne-ui

package/cjs/component/AutoTestAttribute.d.ts

@@ -1,8 +1,25 @@
 import React from 'react';
-interface IProps {
+declare const TEST_ATTRIBUTE_NAME = "data-autotest";
+declare const TEST_ATTRIBUTE_VALUE_NAME = "data-autotest-value";
+export type AutoTestValue = string | number | boolean;
+export type AutoTestAttributes = {
+    [TEST_ATTRIBUTE_NAME]: string;
+    [TEST_ATTRIBUTE_VALUE_NAME]?: AutoTestValue;
+};
+export type AutoTestAttributeProps = React.PropsWithChildren<{
     id: string;
-    value?: valueType;
-}
-type valueType = string | number | boolean;
-export declare const AutoTestAttribute: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+    value?: AutoTestValue;
+}>;
+/**
+ * Creates always-on, non-secret locator attributes for direct attachment to the
+ * DOM node or MUI slot that owns the tested interaction.
+ */
+export declare const createAutoTestAttributes: (id: string, value?: AutoTestValue) => AutoTestAttributes;
+/**
+ * Compatibility API for existing consumers. Custom children must forward
+ * unknown DOM attributes. A Fragment child is wrapped in a div for legacy
+ * compatibility, so new library code should use createAutoTestAttributes on an
+ * existing DOM node or MUI slot instead.
+ */
+export declare const AutoTestAttribute: (props: AutoTestAttributeProps) => React.JSX.Element;
 export {};

package/cjs/component/AutoTestAttribute.js

@@ -1,37 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutoTestAttribute = void 0;
+exports.AutoTestAttribute = exports.createAutoTestAttributes = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const react_is_1 = tslib_1.__importDefault(require("react-is"));
-const DATA_ATTRIBUTE_SUFFIX = 'autotest';
-const DATA_ATTRIBUTE_VALUE_SUFFIX = 'autotest-value';
-const TEST_ATTRIBUTE_NAME = `data-${DATA_ATTRIBUTE_SUFFIX}`;
-const TEST_ATTRIBUTE_VALUE_NAME = `data-${DATA_ATTRIBUTE_VALUE_SUFFIX}`;
+const TEST_ATTRIBUTE_NAME = 'data-autotest';
+const TEST_ATTRIBUTE_VALUE_NAME = 'data-autotest-value';
+/**
+ * Creates always-on, non-secret locator attributes for direct attachment to the
+ * DOM node or MUI slot that owns the tested interaction.
+ */
+const createAutoTestAttributes = (id, value) => value === undefined
+    ? { [TEST_ATTRIBUTE_NAME]: id }
+    : {
+        [TEST_ATTRIBUTE_NAME]: id,
+        [TEST_ATTRIBUTE_VALUE_NAME]: value,
+    };
+exports.createAutoTestAttributes = createAutoTestAttributes;
+/**
+ * Compatibility API for existing consumers. Custom children must forward
+ * unknown DOM attributes. A Fragment child is wrapped in a div for legacy
+ * compatibility, so new library code should use createAutoTestAttributes on an
+ * existing DOM node or MUI slot instead.
+ */
 const AutoTestAttribute = (props) => {
     const { id, value, children, } = props;
-    const isProduction = process.env.PUBLIC_AUTOTEST_ATTRIBUTES === 'false';
+    const attributes = (0, exports.createAutoTestAttributes)(id, value);
     const withTestAttribute = (nodes) => {
         const node = react_1.default.Children.only(nodes);
-        if (react_is_1.default.isFragment(node)) {
-            return react_1.default.createElement('div', 
-            // @ts-expect-error TS2345
-            addValueAttributeIfPresent({ [TEST_ATTRIBUTE_NAME]: id }, value), node);
-        }
-        else if (react_is_1.default.isElement(node)) {
-            return react_1.default.cloneElement(node, 
-            // @ts-expect-error TS2345
-            addValueAttributeIfPresent({ [TEST_ATTRIBUTE_NAME]: id }, value));
-        }
-        else {
-            console.log('node');
+        if (!react_1.default.isValidElement(node)) {
             return node;
         }
+        if (node.type === react_1.default.Fragment) {
+            return react_1.default.createElement('div', attributes, node);
+        }
+        return react_1.default.cloneElement(node, attributes);
     };
-    return react_1.default.createElement(react_1.default.Fragment, null, isProduction ? children : withTestAttribute(children));
+    return react_1.default.createElement(react_1.default.Fragment, null, withTestAttribute(children));
 };
 exports.AutoTestAttribute = AutoTestAttribute;
-const addValueAttributeIfPresent = (attributes, value) => {
-    return value !== undefined ? { ...attributes, [TEST_ATTRIBUTE_VALUE_NAME]: value } : attributes;
-};
 //# sourceMappingURL=AutoTestAttribute.js.map

package/cjs/component/AutoTestAttribute.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoTestAttribute.js","sourceRoot":"","sources":["../../src/component/AutoTestAttribute.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0C;AAC1C,gEAA+B;AAE/B,MAAM,qBAAqB,GAAG,UAAU,CAAC;AACzC,MAAM,2BAA2B,GAAG,gBAAgB,CAAC;AACrD,MAAM,mBAAmB,GAAG,QAAQ,qBAAqB,EAAE,CAAC;AAC5D,MAAM,yBAAyB,GAAG,QAAQ,2BAA2B,EAAE,CAAC;AASjE,MAAM,iBAAiB,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxE,MAAM,EACF,EAAE,EACF,KAAK,EACL,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,0BAA0B,KAAK,OAAO,CAAC;IAExE,MAAM,iBAAiB,GAAG,CAAC,KAAsB,EAAmB,EAAE;QAClE,MAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,kBAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC3B,OAAO,eAAK,CAAC,aAAa,CACtB,KAAK;YACL,0BAA0B;YAC1B,0BAA0B,CAAC,EAAC,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAC,EAAE,KAAK,CAAC,EAC9D,IAAI,CACP,CAAC;QACN,CAAC;aAAM,IAAI,kBAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACjC,OAAO,eAAK,CAAC,YAAY,CACrB,IAAoB;YACpB,0BAA0B;YAC1B,0BAA0B,CAAC,EAAC,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAC,EAAE,KAAK,CAAC,CACjE,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACpB,OAAO,IAAI,CAAC;QAChB,CAAC;IACL,CAAC,CAAA;IAED,OAAO,8DACF,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CACvD,CAAA;AACP,CAAC,CAAC;AAlCW,QAAA,iBAAiB,qBAkC5B;AAEF,MAAM,0BAA0B,GAAG,CAC/B,UAAqC,EACrC,KAAgB,EACS,EAAE;IAC3B,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAC,GAAG,UAAU,EAAE,CAAC,yBAAyB,CAAC,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,UAAU,CAAC;AAClG,CAAC,CAAA"}
+{"version":3,"file":"AutoTestAttribute.js","sourceRoot":"","sources":["../../src/component/AutoTestAttribute.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,MAAM,mBAAmB,GAAG,eAAe,CAAC;AAC5C,MAAM,yBAAyB,GAAG,qBAAqB,CAAC;AAcxD;;;GAGG;AACI,MAAM,wBAAwB,GAAG,CACpC,EAAU,EACV,KAAqB,EACH,EAAE,CAAC,KAAK,KAAK,SAAS;IACxC,CAAC,CAAC,EAAC,CAAC,mBAAmB,CAAC,EAAE,EAAE,EAAC;IAC7B,CAAC,CAAC;QACE,CAAC,mBAAmB,CAAC,EAAE,EAAE;QACzB,CAAC,yBAAyB,CAAC,EAAE,KAAK;KACrC,CAAA;AARQ,QAAA,wBAAwB,4BAQhC;AAEL;;;;;GAKG;AACI,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC/D,MAAM,EACF,EAAE,EACF,KAAK,EACL,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,IAAA,gCAAwB,EAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAEvD,MAAM,iBAAiB,GAAG,CAAC,KAAsB,EAAmB,EAAE;QAClE,MAAM,IAAI,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,CAAC,eAAK,CAAC,cAAc,CAA0B,IAAI,CAAC,EAAE,CAAC;YACvD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,eAAK,CAAC,QAAQ,EAAE,CAAC;YAC/B,OAAO,eAAK,CAAC,aAAa,CACtB,KAAK,EACL,UAAU,EACV,IAAI,CACP,CAAC;QACN,CAAC;QAED,OAAO,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAChD,CAAC,CAAA;IAED,OAAO,8DACF,iBAAiB,CAAC,QAAQ,CAAC,CAC7B,CAAA;AACP,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B"}

package/cjs/component/dropdown/PneAsyncAutocomplete.d.ts

@@ -1,6 +1,9 @@
 import React, { ReactNode } from 'react';
 import { AutocompleteProps } from '@mui/material';
 import { PneDropdownChoice } from '../../common/paynet/dropdown';
+export interface PneAsyncAutocompleteHtmlInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
 export interface PneAsyncAutocompleteProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options'> {
     searchChoices: (request: {
         searchString?: string;
@@ -11,6 +14,8 @@ export interface PneAsyncAutocompleteProps<T extends PneDropdownChoice, Multiple
     placeholder?: string;
     required?: boolean;
     onSearchError?: (reason: any) => void;
+    /** Props merged onto the actual native text input. Autocomplete event handlers remain library-owned. */
+    htmlInputProps?: PneAsyncAutocompleteHtmlInputProps;
 }
 declare const PneAsyncAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PneAsyncAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
 export default PneAsyncAutocomplete;

package/cjs/component/dropdown/PneAsyncAutocomplete.js

@@ -7,7 +7,7 @@ const dropdown_1 = require("../../common/paynet/dropdown");
 const index_1 = require("../../index");
 const PneFieldContext_1 = require("../PneFieldContext");
 const PneAsyncAutocomplete = (props) => {
-    const { searchChoices, disabled, label, size = 'small', error, helperText, fullWidth, id: idProp, sx, placeholder, required, onSearchError, ...rest } = props;
+    const { searchChoices, disabled, label, size = 'small', error, helperText, fullWidth, id: idProp, sx, placeholder, required, onSearchError, htmlInputProps, ...rest } = props;
     const innerSx = [
         dropdown_1.dropDownSx,
         ...(Array.isArray(sx) ? sx : [sx])
@@ -15,7 +15,7 @@ const PneAsyncAutocomplete = (props) => {
     const [open, setOpen] = (0, react_1.useState)(false);
     const [options, setOptions] = (0, react_1.useState)([]);
     const [loading, setLoading] = (0, react_1.useState)(false);
-    const [inputValue, setInputValue] = (0, react_1.useState)('');
+    const [searchString, setSearchString] = (0, react_1.useState)('');
     const generatedId = (0, react_1.useId)();
     const requestIdRef = (0, react_1.useRef)(0);
     const controlProps = (0, PneFieldContext_1.usePneFieldControlProps)({
@@ -37,7 +37,7 @@ const PneAsyncAutocomplete = (props) => {
         let active = true;
         setOptions([]);
         setLoading(true);
-        searchChoices({ searchString: inputValue })
+        searchChoices({ searchString })
             .then((result) => {
             if (!active || requestIdRef.current !== requestId) {
                 return;
@@ -62,8 +62,8 @@ const PneAsyncAutocomplete = (props) => {
         return () => {
             active = false;
         };
-    }, [open, inputValue, onSearchError, searchChoices]);
-    return react_1.default.createElement(material_1.Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (react_1.default.createElement(index_1.PneTextField, { ...params, label: label, placeholder: placeholder, required: controlProps.required, slotProps: {
+    }, [onSearchError, open, searchChoices, searchString]);
+    return react_1.default.createElement(material_1.Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, options: options, loading: loading, filterOptions: (x) => x, onInputChange: (e, value) => setSearchString(value), renderInput: (params) => (react_1.default.createElement(index_1.PneTextField, { ...params, label: label, placeholder: placeholder, required: controlProps.required, slotProps: {
                 ...params.slotProps,
                 input: {
                     ...params.slotProps.input,
@@ -71,6 +71,11 @@ const PneAsyncAutocomplete = (props) => {
                         loading ? react_1.default.createElement(material_1.CircularProgress, { color: "inherit", size: 20 }) : null,
                         params.slotProps.input.endAdornment)),
                 },
+                htmlInput: {
+                    ...htmlInputProps,
+                    ...params.slotProps.htmlInput,
+                    'aria-busy': loading,
+                },
             }, error: controlProps.error ?? false, helperText: helperText })), sx: innerSx, size: size, ...rest });
 };
 exports.default = PneAsyncAutocomplete;

package/cjs/component/dropdown/PneAsyncAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}

package/cjs/component/dropdown/PneAutocomplete.d.ts

@@ -2,13 +2,19 @@ import React, { ReactNode } from 'react';
 import { AutocompleteProps } from '@mui/material';
 import type { TextFieldProps } from '@mui/material/TextField';
 import { PneDropdownChoice } from '../../common/paynet/dropdown';
-export interface IProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
+export interface PneAutocompleteHtmlInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
+export interface PneAutocompleteProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
     label?: ReactNode;
     variant?: TextFieldProps['variant'];
     error?: boolean;
     helperText?: string;
     placeholder?: string;
     required?: boolean;
+    /** Props merged onto the actual native text input. Autocomplete event handlers remain library-owned. */
+    htmlInputProps?: PneAutocompleteHtmlInputProps;
 }
-declare const PneAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: IProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
+export type IProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = PneAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>;
+declare const PneAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PneAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
 export default PneAutocomplete;

package/cjs/component/dropdown/PneAutocomplete.js

@@ -7,7 +7,7 @@ const dropdown_1 = require("../../common/paynet/dropdown");
 const index_1 = require("../../index");
 const PneFieldContext_1 = require("../PneFieldContext");
 const PneAutocomplete = (props) => {
-    const { disabled, label, variant, size = 'small', error, helperText, fullWidth, id, sx, placeholder, required, ...rest } = props;
+    const { disabled, label, variant, size = 'small', error, helperText, fullWidth, id, sx, placeholder, required, htmlInputProps, ...rest } = props;
     const innerSx = [
         dropdown_1.dropDownSx,
         ...(Array.isArray(sx) ? sx : [sx])
@@ -20,7 +20,13 @@ const PneAutocomplete = (props) => {
         required,
     });
     return react_1.default.createElement(material_1.Autocomplete, { disabled: controlProps.disabled, fullWidth: controlProps.fullWidth, id: controlProps.id, isOptionEqualToValue: dropdown_1.isOptionEqualToValue, getOptionLabel: dropdown_1.getOptionLabel, getOptionKey: dropdown_1.getOptionKey, renderInput: (params) => {
-            return react_1.default.createElement(index_1.PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: controlProps.error ?? false, helperText: helperText, required: controlProps.required });
+            return react_1.default.createElement(index_1.PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: controlProps.error ?? false, helperText: helperText, required: controlProps.required, slotProps: {
+                    ...params.slotProps,
+                    htmlInput: {
+                        ...htmlInputProps,
+                        ...params.slotProps.htmlInput,
+                    },
+                } });
         }, size: size, sx: innerSx, ...rest });
 };
 exports.default = PneAutocomplete;

package/cjs/component/dropdown/PneAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AAEvE,2DAMsC;AACtC,uCAAyC;AACzC,wDAA2D;AAgB3D,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IACD,MAAM,EACF,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,EACL,UAAU,EACV,SAAS,EACT,EAAE,EACF,EAAE,EACF,WAAW,EACX,QAAQ,EACR,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,qBAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,YAAY,GAAG,IAAA,yCAAuB,EAAC;QACzC,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IAEF,OAAO,8BAAC,uBAAY,IAChB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,EAAE,EAAE,YAAY,CAAC,EAAE,EACnB,oBAAoB,EAAE,+BAAoB,EAC1C,cAAc,EAAE,yBAAc,EAC9B,YAAY,EAAE,uBAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,8BAAC,oBAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,KAAK,EAClC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,CAAC,QAAQ,GACjC,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}
+{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":";;;AAAA,0DAAuC;AACvC,4CAAuE;AAEvE,2DAMsC;AACtC,uCAAyC;AACzC,wDAA2D;AA6B3D,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IACD,MAAM,EACF,QAAQ,EACR,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,EACL,UAAU,EACV,SAAS,EACT,EAAE,EACF,EAAE,EACF,WAAW,EACX,QAAQ,EACR,cAAc,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,qBAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IACD,MAAM,YAAY,GAAG,IAAA,yCAAuB,EAAC;QACzC,QAAQ;QACR,KAAK;QACL,SAAS;QACT,EAAE;QACF,QAAQ;KACX,CAAC,CAAA;IAEF,OAAO,8BAAC,uBAAY,IAChB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,SAAS,EAAE,YAAY,CAAC,SAAS,EACjC,EAAE,EAAE,YAAY,CAAC,EAAE,EACnB,oBAAoB,EAAE,+BAAoB,EAC1C,cAAc,EAAE,yBAAc,EAC9B,YAAY,EAAE,uBAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,8BAAC,oBAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,YAAY,CAAC,KAAK,IAAI,KAAK,EAClC,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAC/B,SAAS,EAAE;oBACP,GAAG,MAAM,CAAC,SAAS;oBACnB,SAAS,EAAE;wBACP,GAAG,cAAc;wBACjB,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS;qBAChC;iBACJ,GACH,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,kBAAe,eAAe,CAAA"}

package/cjs/component/dropdown/PneSelect.d.ts

@@ -2,10 +2,14 @@ import React, { ReactNode } from 'react';
 import { SelectProps, SelectVariants } from '@mui/material';
 import { PneDropdownChoice } from '../../common/paynet/dropdown';
 import { SelectOption } from '../../common/pne/type';
+export interface PneSelectOptionProps extends React.HTMLAttributes<HTMLLIElement> {
+    [attribute: `data-${string}`]: string | number | boolean | undefined;
+}
 export interface IProps<T extends PneDropdownChoice> extends Omit<SelectProps<T>, 'children' | 'onChange' | 'placeholder' | 'variant'> {
     options: readonly T[];
     onChange: (option: T) => void;
     getOptionLabel?: (option: SelectOption) => ReactNode;
+    getOptionProps?: (option: SelectOption) => PneSelectOptionProps;
     placeholder?: ReactNode;
     variant?: SelectVariants;
     disableMenuItem?: (option: SelectOption) => boolean;

package/cjs/component/dropdown/PneSelect.js

@@ -7,7 +7,7 @@ const type_1 = require("../../common/pne/type");
 const type_2 = require("../../common/paynet/type");
 const PneFieldContext_1 = require("../PneFieldContext");
 const PneSelect = (0, react_1.forwardRef)((props, ref) => {
-    const { 'aria-describedby': ariaDescribedBy, options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, displayEmpty, placeholder, renderValue, id, labelId: labelIdProp, ...rest } = props;
+    const { 'aria-describedby': ariaDescribedBy, options, onChange, size = 'small', getOptionLabel = createDefaultOptionLabel, getOptionProps, variant = 'outlined', disableMenuItem, label, disabled, error, required, sx, displayEmpty, placeholder, renderValue, id, labelId: labelIdProp, ...rest } = props;
     const generatedLabelId = (0, react_1.useId)();
     const hasLabel = label !== undefined && label !== null && label !== '';
     const mappedOptions = options.map(mapChoiceToSelectOption);
@@ -39,7 +39,10 @@ const PneSelect = (0, react_1.forwardRef)((props, ref) => {
     };
     return react_1.default.createElement(material_1.FormControl, { size: size, variant: variant, disabled: controlProps.disabled, error: controlProps.error, required: controlProps.required, sx: sx, fullWidth: true },
         hasLabel ? react_1.default.createElement(material_1.InputLabel, { id: internalLabelId }, label) : null,
-        react_1.default.createElement(material_1.Select, { ref: ref, "aria-describedby": controlProps.ariaDescribedBy, displayEmpty: displayEmpty ?? shouldRenderPlaceholder, id: controlProps.id, labelId: resolvedLabelId, onChange: handleChange, size: size, variant: variant, label: hasLabel ? label : undefined, renderValue: renderValue ?? (shouldRenderPlaceholder ? renderSelectedValue : undefined), ...rest }, optionsPresent ? mappedOptions.map(option => react_1.default.createElement(material_1.MenuItem, { disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option))) : null));
+        react_1.default.createElement(material_1.Select, { ref: ref, "aria-describedby": controlProps.ariaDescribedBy, displayEmpty: displayEmpty ?? shouldRenderPlaceholder, id: controlProps.id, labelId: resolvedLabelId, onChange: handleChange, size: size, variant: variant, label: hasLabel ? label : undefined, renderValue: renderValue ?? (shouldRenderPlaceholder ? renderSelectedValue : undefined), ...rest }, optionsPresent ? options.map(choice => {
+            const option = mapChoiceToSelectOption(choice);
+            return react_1.default.createElement(material_1.MenuItem, { ...getOptionProps?.(option), disabled: disableMenuItem ? disableMenuItem(option) : false, key: option.value, value: option.value }, getOptionLabel(option));
+        }) : null));
 });
 exports.default = PneSelect;
 const createDefaultOptionLabel = (option) => {

package/cjs/component/dropdown/PneSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PneSelect.js","sourceRoot":"","sources":["../../../src/component/dropdown/PneSelect.tsx"],"names":[],"mappings":"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"}

package/cjs/component/non-abstract-entity-selector/AbstractEntitySelectModal.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { TFunction } from 'react-i18next';
-import { AbstractEntitySelectorProp, IMappedUnmappedList } from './AbstractEntitySelector';
+import { AbstractEntitySelectorProp, IAbstractEntityOptions, IMappedUnmappedList } from './AbstractEntitySelector';
+import { PneModalCloseButtonProps, PneModalContainerProps } from "../PneModal";
 interface IProps<T extends AbstractEntitySelectorProp> {
     open: boolean;
     onClose: () => void;
@@ -15,6 +16,10 @@ interface IProps<T extends AbstractEntitySelectorProp> {
     optionRenderer?: TFunction;
     textRepresentation?: 'ID' | 'NAME' | undefined;
     textRepresentationValue?: string;
+    containerProps?: PneModalContainerProps;
+    closeButtonProps?: PneModalCloseButtonProps;
+    getItemAttributes?: IAbstractEntityOptions<T>['getItemAttributes'];
+    elementAttributes?: IAbstractEntityOptions<T>['elementAttributes'];
 }
 export declare const AbstractEntitySelectModal: <T extends AbstractEntitySelectorProp>(props: IProps<T>) => React.JSX.Element;
 export {};

package/cjs/component/non-abstract-entity-selector/AbstractEntitySelectModal.js

@@ -9,7 +9,7 @@ const PneButton_1 = tslib_1.__importDefault(require("../PneButton"));
 const PneModal_1 = tslib_1.__importDefault(require("../PneModal"));
 const PneModalActions_1 = tslib_1.__importDefault(require("../PneModalActions"));
 const AbstractEntitySelectModal = (props) => {
-    const { open, onClose, mappedList, unMappedList, handleSave, title, subTitle, loading = false, disableMoving, allowNewlyAddedRemoval, optionRenderer, textRepresentation, textRepresentationValue } = props;
+    const { open, onClose, mappedList, unMappedList, handleSave, title, subTitle, loading = false, disableMoving, allowNewlyAddedRemoval, optionRenderer, textRepresentation, textRepresentationValue, containerProps, closeButtonProps, getItemAttributes, elementAttributes, } = props;
     const { t } = (0, react_i18next_1.useTranslation)();
     const autoHeight = () => {
         if (mappedList?.length > unMappedList?.length) {
@@ -43,11 +43,13 @@ const AbstractEntitySelectModal = (props) => {
         textRepresentation,
         textRepresentationValue,
         onChange: handleChange,
+        getItemAttributes,
+        elementAttributes,
     };
     return (react_1.default.createElement(PneModal_1.default, { actions: react_1.default.createElement(PneModalActions_1.default, { secondary: react_1.default.createElement(PneButton_1.default, { variant: 'outlined', onClick: onClose }, t('cancel')), primary: react_1.default.createElement(PneButton_1.default, { variant: 'contained', onClick: () => handleSave({
                     mapped: localMappedList,
                     unmapped: localUnMappedList
-                }) }, t('save')) }), open: open, onClose: onClose, title: title, subtitle: subTitle, containerSx: {
+                }) }, t('save')) }), open: open, onClose: onClose, title: title, subtitle: subTitle, containerProps: containerProps, closeButtonProps: closeButtonProps, containerSx: {
             width: {
                 xs: 'clamp(360px, calc(100vw - 32px), 600px)',
                 sm: '600px'

package/cjs/component/non-abstract-entity-selector/AbstractEntitySelectModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractEntitySelectModal.js","sourceRoot":"","sources":["../../../src/component/non-abstract-entity-selector/AbstractEntitySelectModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AbstractEntitySelectModal.js","sourceRoot":"","sources":["../../../src/component/non-abstract-entity-selector/AbstractEntitySelectModal.tsx"],"names":[],"mappings":"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"}

package/cjs/component/non-abstract-entity-selector/AbstractEntitySelector.d.ts

@@ -1,6 +1,21 @@
 import React from 'react';
 import { TFunction } from 'react-i18next';
+import { ItemEntitySelectorAttributes } from './ItemEntitySelector';
 import { AbstractEntity, Country, IMappedAbstractEntity } from '../../common';
+export type AbstractEntitySelectorItemAttributes = ItemEntitySelectorAttributes;
+export type AbstractEntitySelectorElementAttributes = React.AriaAttributes & {
+    id?: string;
+    role?: React.AriaRole;
+    [key: `data-${string}`]: unknown;
+};
+export type AbstractEntitySelectorElements = {
+    searchInput?: AbstractEntitySelectorElementAttributes;
+    searchClearButton?: AbstractEntitySelectorElementAttributes;
+    availableColumn?: AbstractEntitySelectorElementAttributes;
+    addAllButton?: AbstractEntitySelectorElementAttributes;
+    addedColumn?: AbstractEntitySelectorElementAttributes;
+    removeAllButton?: AbstractEntitySelectorElementAttributes;
+};
 export type ProcessorPaymentApparatus = {
     id: number;
     name: string;
@@ -19,7 +34,10 @@ export interface IAbstractEntityOptions<T> {
     textRepresentationValue?: string;
     onChange: (mappedList: T[], unMappedList: T[]) => void;
     actionBlock?: React.ReactNode;
+    getItemAttributes?: (item: AbstractEntity, list: AbstractEntitySelectorList) => AbstractEntitySelectorItemAttributes;
+    elementAttributes?: AbstractEntitySelectorElements;
 }
+export type AbstractEntitySelectorList = 'AVAILABLE' | 'ADDED';
 export type AbstractEntitySelectorProp = string | IMappedAbstractEntity | AbstractEntity | Country | ProcessorPaymentApparatus;
 export interface IMappedUnmappedList<T extends AbstractEntitySelectorProp> {
     mapped: T[];