@cloud-ru/uikit-product-mobile-fields 0.11.24 → 0.11.26

package/dist/cjs/components/MobileFieldSelect/utils/updateItems.d.ts

@@ -0,0 +1,27 @@
+import { ItemId, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { ItemWithId, OptionProps } from '../types';
+export declare function createPlaceholderItem(value: SelectionSingleValueType): {
+    id: ItemId;
+    content: {
+        option: string;
+    };
+    placeholder: boolean;
+};
+export declare function updateItems({ options, value, selectedItem, }: {
+    options: OptionProps[];
+    value?: ItemId;
+    selectedItem?: ItemWithId;
+    currentItems?: ItemProps[];
+}): {
+    selectedItem?: ItemWithId;
+    items: ItemProps[];
+};
+export declare function updateMultipleItems({ options, value, selectedItems, }: {
+    options: OptionProps[];
+    value?: SelectionSingleValueType[];
+    selectedItems?: ItemWithId[];
+    currentItems?: ItemProps[];
+}): {
+    selectedItems?: ItemWithId[];
+    items: ItemProps[];
+};

package/dist/cjs/components/MobileFieldSelect/utils/updateItems.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createPlaceholderItem = createPlaceholderItem;
+exports.updateItems = updateItems;
+exports.updateMultipleItems = updateMultipleItems;
+const legacy_1 = require("../legacy");
+const options_1 = require("./options");
+function createPlaceholderItem(value) {
+    return { id: value, content: { option: String(value) }, placeholder: true };
+}
+function updateItems({ options, value, selectedItem, }) {
+    const originalItems = (0, options_1.transformOptionsToItems)(options);
+    if (value === undefined) {
+        return {
+            selectedItem: undefined,
+            items: originalItems,
+        };
+    }
+    let newItems = originalItems;
+    let newSelectedItem = selectedItem;
+    const foundItem = (0, legacy_1.flattenItems)(originalItems).find(item => item.id === value);
+    if (!foundItem) {
+        if (selectedItem && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) === value) {
+            newItems = [selectedItem, ...newItems];
+        }
+        else {
+            newSelectedItem = createPlaceholderItem(value);
+            newItems = [newSelectedItem, ...newItems];
+        }
+    }
+    else {
+        newSelectedItem = foundItem;
+    }
+    return {
+        selectedItem: newSelectedItem,
+        items: newItems,
+    };
+}
+function updateMultipleItems({ options, value, selectedItems, }) {
+    const originalItems = (0, options_1.transformOptionsToItems)(options);
+    if (!value || !value.length) {
+        return {
+            selectedItems: undefined,
+            items: originalItems,
+        };
+    }
+    const foundedValue = [];
+    let newItems = originalItems;
+    let newSelectedItems = selectedItems;
+    const flattenOriginalItems = (0, legacy_1.flattenItems)(originalItems);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const foundItems = flattenOriginalItems.filter((item) => {
+        if (value.includes(item.id) && !foundedValue.includes(item.id)) {
+            foundedValue.push(item.id);
+            return true;
+        }
+    });
+    const nonFoundValues = value.filter(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    value => !flattenOriginalItems.find((item) => item.id === value));
+    if (nonFoundValues.length) {
+        const nonFoundItems = nonFoundValues.map(value => (selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.find(selectedItem => selectedItem.id === value)) || createPlaceholderItem(value));
+        newSelectedItems = [...foundItems, ...nonFoundItems];
+        newItems = [...nonFoundItems, ...newItems];
+    }
+    else {
+        newSelectedItems = foundItems;
+    }
+    return {
+        selectedItems: newSelectedItems.sort((a, b) => {
+            if (b.disabled && !a.disabled) {
+                return 1;
+            }
+            if (a.disabled && !b.disabled) {
+                return -1;
+            }
+            return 0;
+        }),
+        items: newItems,
+    };
+}

package/dist/cjs/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './AdaptiveField';
+export * from './MobileFieldSelect';
+export * from './MobileFieldDate';

package/dist/cjs/components/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./AdaptiveField"), exports);
+__exportStar(require("./MobileFieldSelect"), exports);
+__exportStar(require("./MobileFieldDate"), exports);

package/dist/cjs/constants/allFields.d.ts

@@ -0,0 +1,10 @@
+export declare const VALIDATION_STATE: {
+    readonly Default: "default";
+    readonly Error: "error";
+    readonly Warning: "warning";
+    readonly Success: "success";
+};
+export declare const CONTAINER_VARIANT: {
+    readonly SingleLine: "single-line-container";
+    readonly MultiLine: "multi-line-container";
+};

package/dist/cjs/constants/allFields.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONTAINER_VARIANT = exports.VALIDATION_STATE = void 0;
+exports.VALIDATION_STATE = {
+    Default: 'default',
+    Error: 'error',
+    Warning: 'warning',
+    Success: 'success',
+};
+exports.CONTAINER_VARIANT = {
+    SingleLine: 'single-line-container',
+    MultiLine: 'multi-line-container',
+};

package/dist/cjs/constants/dateFields.d.ts

@@ -0,0 +1,24 @@
+import { Mode, NoSecondsMode, Slot, TimeMode } from '../types';
+export declare enum SlotKey {
+    Day = "D",
+    Month = "M",
+    Year = "Y",
+    Hours = "h",
+    Minutes = "m",
+    Seconds = "s"
+}
+export declare const MODES: {
+    readonly Date: "date";
+    readonly DateTime: "date-time";
+};
+export declare const TIME_MODES: {
+    readonly FullTime: "full-time";
+    readonly NoSeconds: "no-seconds";
+};
+export declare const NO_SECONDS_MODE = "date-time-no-sec";
+export declare const MASK: Record<Mode | TimeMode | NoSecondsMode, Record<string, string>>;
+export declare const DEFAULT_LOCALE: Intl.Locale;
+export declare const SLOTS: Record<Mode | TimeMode | NoSecondsMode, Record<SlotKey | string, Slot>>;
+export type FocusSlot = SlotKey | 'auto';
+export declare const SLOT_ORDER: Record<Mode | TimeMode | NoSecondsMode, SlotKey[]>;
+export declare const SLOTS_PLACEHOLDER: Record<Mode | TimeMode | NoSecondsMode, Record<string, Partial<Record<SlotKey, string>>>>;

package/dist/cjs/constants/dateFields.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLOTS_PLACEHOLDER = exports.SLOT_ORDER = exports.SLOTS = exports.DEFAULT_LOCALE = exports.MASK = exports.NO_SECONDS_MODE = exports.TIME_MODES = exports.MODES = exports.SlotKey = void 0;
+var SlotKey;
+(function (SlotKey) {
+    SlotKey["Day"] = "D";
+    SlotKey["Month"] = "M";
+    SlotKey["Year"] = "Y";
+    SlotKey["Hours"] = "h";
+    SlotKey["Minutes"] = "m";
+    SlotKey["Seconds"] = "s";
+})(SlotKey || (exports.SlotKey = SlotKey = {}));
+exports.MODES = {
+    Date: 'date',
+    DateTime: 'date-time',
+};
+exports.TIME_MODES = {
+    FullTime: 'full-time',
+    NoSeconds: 'no-seconds',
+};
+exports.NO_SECONDS_MODE = 'date-time-no-sec';
+exports.MASK = {
+    [exports.MODES.Date]: {
+        'ru-RU': 'ДД.ММ.ГГГГ',
+        'en-US': 'DD.MM.YYYY',
+    },
+    [exports.MODES.DateTime]: {
+        'ru-RU': 'ДД.ММ.ГГГГ, чч:мм:сс',
+        'en-US': 'DD.MM.YYYY, hh:mm:ss',
+    },
+    [exports.NO_SECONDS_MODE]: {
+        'ru-RU': 'ДД.ММ.ГГГГ, чч:мм',
+        'en-US': 'DD.MM.YYYY, hh:mm',
+    },
+    [exports.TIME_MODES.FullTime]: {
+        'ru-RU': 'чч:мм:сс',
+        'en-US': 'hh:mm:ss',
+    },
+    [exports.TIME_MODES.NoSeconds]: {
+        'ru-RU': 'чч:мм',
+        'en-US': 'hh:mm',
+    },
+};
+exports.DEFAULT_LOCALE = new Intl.Locale('ru-RU');
+const DATE_SLOTS = {
+    [SlotKey.Day]: { start: 0, end: 2, max: 31, min: 1 },
+    [SlotKey.Month]: { start: 3, end: 5, max: 12, min: 1 },
+    [SlotKey.Year]: { start: 6, end: 10, max: 2100, min: 1900 },
+};
+const TIME_SLOTS = (shift, showSeconds) => (Object.assign({ [SlotKey.Hours]: { start: shift, end: shift + 2, max: 23, min: 0 }, [SlotKey.Minutes]: { start: shift + 3, end: shift + 5, max: 59, min: 0 } }, (showSeconds ? { [SlotKey.Seconds]: { start: shift + 6, end: shift + 8, max: 59, min: 0 } } : {})));
+exports.SLOTS = {
+    [exports.MODES.Date]: DATE_SLOTS,
+    [exports.MODES.DateTime]: Object.assign(Object.assign({}, DATE_SLOTS), TIME_SLOTS(12, true)),
+    [exports.NO_SECONDS_MODE]: Object.assign(Object.assign({}, DATE_SLOTS), TIME_SLOTS(12, false)),
+    [exports.TIME_MODES.FullTime]: TIME_SLOTS(0, true),
+    [exports.TIME_MODES.NoSeconds]: TIME_SLOTS(0, false),
+};
+exports.SLOT_ORDER = {
+    [exports.MODES.Date]: [SlotKey.Day, SlotKey.Month, SlotKey.Year],
+    [exports.MODES.DateTime]: [SlotKey.Day, SlotKey.Month, SlotKey.Year, SlotKey.Hours, SlotKey.Minutes, SlotKey.Seconds],
+    [exports.NO_SECONDS_MODE]: [SlotKey.Day, SlotKey.Month, SlotKey.Year, SlotKey.Hours, SlotKey.Minutes],
+    [exports.TIME_MODES.FullTime]: [SlotKey.Hours, SlotKey.Minutes, SlotKey.Seconds],
+    [exports.TIME_MODES.NoSeconds]: [SlotKey.Hours, SlotKey.Minutes],
+};
+const RU_DATE_SLOTS_PLACEHOLDER = {
+    [SlotKey.Day]: 'ДД',
+    [SlotKey.Month]: 'ММ',
+    [SlotKey.Year]: 'ГГГГ',
+};
+const RU_TIME_SLOTS_PLACEHOLDER = {
+    [SlotKey.Hours]: 'чч',
+    [SlotKey.Minutes]: 'мм',
+    [SlotKey.Seconds]: 'сс',
+};
+const EN_DATE_SLOTS_PLACEHOLDER = {
+    [SlotKey.Day]: 'DD',
+    [SlotKey.Month]: 'MM',
+    [SlotKey.Year]: 'YYYY',
+};
+const EN_TIME_SLOTS_PLACEHOLDER = {
+    [SlotKey.Hours]: 'hh',
+    [SlotKey.Minutes]: 'mm',
+    [SlotKey.Seconds]: 'ss',
+};
+exports.SLOTS_PLACEHOLDER = {
+    [exports.MODES.Date]: {
+        'ru-RU': RU_DATE_SLOTS_PLACEHOLDER,
+        'en-US': EN_DATE_SLOTS_PLACEHOLDER,
+    },
+    [exports.MODES.DateTime]: {
+        'ru-RU': Object.assign(Object.assign({}, RU_DATE_SLOTS_PLACEHOLDER), RU_TIME_SLOTS_PLACEHOLDER),
+        'en-US': Object.assign(Object.assign({}, EN_DATE_SLOTS_PLACEHOLDER), EN_TIME_SLOTS_PLACEHOLDER),
+    },
+    [exports.NO_SECONDS_MODE]: {
+        'ru-RU': Object.assign(Object.assign(Object.assign({}, RU_DATE_SLOTS_PLACEHOLDER), RU_TIME_SLOTS_PLACEHOLDER), { [SlotKey.Seconds]: undefined }),
+        'en-US': Object.assign(Object.assign(Object.assign({}, EN_DATE_SLOTS_PLACEHOLDER), EN_TIME_SLOTS_PLACEHOLDER), { [SlotKey.Seconds]: undefined }),
+    },
+    [exports.TIME_MODES.FullTime]: {
+        'ru-RU': RU_TIME_SLOTS_PLACEHOLDER,
+        'en-US': EN_TIME_SLOTS_PLACEHOLDER,
+    },
+    [exports.TIME_MODES.NoSeconds]: {
+        'ru-RU': Object.assign(Object.assign({}, RU_TIME_SLOTS_PLACEHOLDER), { [SlotKey.Seconds]: undefined }),
+        'en-US': Object.assign(Object.assign({}, EN_TIME_SLOTS_PLACEHOLDER), { [SlotKey.Seconds]: undefined }),
+    },
+};

package/dist/cjs/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from './allFields';
+export * from './dateFields';

package/dist/cjs/constants/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./allFields"), exports);
+__exportStar(require("./dateFields"), exports);

package/dist/cjs/helperComponents/ButtonCopyValue/ButtonCopyValue.d.ts

@@ -0,0 +1,14 @@
+import { KeyboardEventHandler, MouseEventHandler } from 'react';
+import { ButtonSize } from '@snack-uikit/input-private';
+import { AsyncValueRequest } from '../../types';
+type ButtonCopyValueProps = {
+    size: ButtonSize;
+    valueToCopy?: string;
+    onKeyDown?: KeyboardEventHandler<HTMLButtonElement>;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    tabIndex?: number;
+    onValueRequest?(): AsyncValueRequest;
+    disabled?: boolean;
+};
+export declare const ButtonCopyValue: import("react").ForwardRefExoticComponent<ButtonCopyValueProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/cjs/helperComponents/ButtonCopyValue/ButtonCopyValue.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonCopyValue = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
+const react_1 = require("react");
+const helpers_1 = require("./helpers");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+exports.ButtonCopyValue = (0, react_1.forwardRef)(({ size, valueToCopy, tabIndex = -1, onKeyDown, onClick, onValueRequest, disabled }, ref) => {
+    const [isChecked, setIsChecked] = (0, react_1.useState)(false);
+    const timerId = (0, react_1.useRef)();
+    const closeTooltip = () => setIsChecked(false);
+    const handleCopy = (event, asyncValue) => {
+        const value = asyncValue || valueToCopy;
+        value && (0, copy_to_clipboard_1.default)(value, { format: 'text/plain' });
+        setIsChecked(true);
+        clearTimeout(timerId.current);
+        timerId.current = setTimeout(closeTooltip, 2000);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    const handleClick = event => {
+        event.stopPropagation();
+        if (onValueRequest) {
+            onValueRequest().then(({ success, value }) => {
+                if (success) {
+                    handleCopy(event, value);
+                }
+            });
+        }
+        else {
+            handleCopy(event);
+        }
+    };
+    (0, react_1.useEffect)(() => () => {
+        closeTooltip();
+        clearTimeout(timerId.current);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)("button", { className: styles_module_scss_1.default.buttonCopyValue, "data-size": size, "data-disabled": disabled || undefined, onClick: handleClick, "data-test-id": 'button-copy-value', ref: ref, onKeyDown: onKeyDown, tabIndex: tabIndex, type: 'button', disabled: disabled, children: (0, helpers_1.getIcon)({ size, isChecked }) }));
+});

package/dist/cjs/helperComponents/ButtonCopyValue/helpers.d.ts

@@ -0,0 +1,7 @@
+import { ButtonSize } from '@snack-uikit/input-private';
+type GetIconProps = {
+    size: ButtonSize;
+    isChecked: boolean;
+};
+export declare function getIcon({ size, isChecked }: GetIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/ButtonCopyValue/helpers.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIcon = getIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const input_private_1 = require("@snack-uikit/input-private");
+function getIcon({ size, isChecked }) {
+    switch (size) {
+        case input_private_1.BUTTON_SIZE.S: {
+            return isChecked ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CheckSVG, { size: 16 }) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CopySVG, { size: 16 });
+        }
+        case input_private_1.BUTTON_SIZE.M:
+        default: {
+            return isChecked ? (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CheckSVG, { size: 24 }) : (0, jsx_runtime_1.jsx)(uikit_product_icons_1.CopySVG, { size: 24 });
+        }
+    }
+}

package/dist/cjs/helperComponents/ButtonCopyValue/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonCopyValue';

package/dist/cjs/helperComponents/ButtonCopyValue/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ButtonCopyValue"), exports);

package/dist/cjs/helperComponents/ButtonCopyValue/styles.module.css

@@ -0,0 +1,47 @@
+.buttonCopyValue{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+  margin:0;
+  padding:0;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  background-color:transparent;
+  border:none;
+}
+.buttonCopyValue[data-size=s]{
+  width:var(--size-fields-buttons-s, 16px);
+  height:var(--size-fields-buttons-s, 16px);
+  border-radius:var(--radius-fields-buttons-s, 8px);
+}
+.buttonCopyValue[data-size=s] svg{
+  width:var(--size-icon-container-xs, 16px) !important;
+  height:var(--size-icon-container-xs, 16px) !important;
+}
+.buttonCopyValue[data-size=m]{
+  width:var(--size-fields-buttons-m, 24px);
+  height:var(--size-fields-buttons-m, 24px);
+  border-radius:var(--radius-fields-buttons-m, 12px);
+}
+.buttonCopyValue[data-size=m] svg{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}
+.buttonCopyValue:hover{
+  cursor:pointer;
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.buttonCopyValue:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  color:var(--sys-neutral-text-support, #6d707f);
+  outline-color:var(--sys-available-complementary, #1c1c24);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+}
+.buttonCopyValue:active{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.buttonCopyValue[data-disabled]{
+  cursor:not-allowed;
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}

package/dist/cjs/helperComponents/FieldContainerPrivate/FieldContainerPrivate.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, MouseEventHandler, ReactNode, RefObject } from 'react';
+import { Size } from '@snack-uikit/input-private';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { ContainerVariant, ValidationState } from '../../types';
+export type FieldContainerPrivateProps = WithSupportProps<{
+    className?: string;
+    children: ReactNode;
+    size: Size;
+    validationState: ValidationState;
+    variant: ContainerVariant;
+    disabled: boolean;
+    readonly: boolean;
+    focused?: boolean;
+    selectable?: boolean;
+    style?: CSSProperties;
+    prefix?: ReactNode;
+    postfix?: ReactNode;
+    inputRef: RefObject<HTMLElement>;
+    onClick?: MouseEventHandler;
+}>;
+export declare function FieldContainerPrivate({ className, children, size, validationState, variant, disabled, readonly, focused, selectable, style, prefix, postfix, onClick, ...rest }: FieldContainerPrivateProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/FieldContainerPrivate/FieldContainerPrivate.js

@@ -0,0 +1,32 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldContainerPrivate = FieldContainerPrivate;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const utils_1 = require("@snack-uikit/utils");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function FieldContainerPrivate(_a) {
+    var { className, children, size, validationState, variant, disabled, readonly, focused, selectable, style, prefix, postfix, onClick } = _a, rest = __rest(_a, ["className", "children", "size", "validationState", "variant", "disabled", "readonly", "focused", "selectable", "style", "prefix", "postfix", "onClick"]);
+    const handleContainerClick = event => {
+        if (disabled) {
+            return;
+        }
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(className, styles_module_scss_1.default.container), style: style, "data-size": size, "data-validation": disabled || readonly ? constants_1.VALIDATION_STATE.Default : validationState, "data-variant": variant, "data-disabled": disabled || undefined, "data-readonly": readonly || undefined, "data-focused": focused || undefined, "data-selectable": selectable || undefined, "data-test-id": 'field-container-private', onClick: handleContainerClick, role: 'textbox', tabIndex: -1 }, (0, utils_1.extractSupportProps)(rest), { children: [prefix && ((0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.prefix, "data-test-id": 'field-container-private__prefix-icon', children: prefix })), children, postfix && (0, jsx_runtime_1.jsx)("span", { className: styles_module_scss_1.default.postfix, children: postfix })] })));
+}

package/dist/cjs/helperComponents/FieldContainerPrivate/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldContainerPrivate';

package/dist/cjs/helperComponents/FieldContainerPrivate/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FieldContainerPrivate"), exports);