@wireapp/react-ui-kit 9.59.1 → 9.59.2

package/lib/Form/RangeInput.stories.js

@@ -1,62 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomRange = exports.Disabled = exports.WithSteps = exports.Default = void 0;
-const RangeInput_1 = require("./RangeInput");
-const meta = {
-    title: 'Form/RangeInput',
-    component: RangeInput_1.RangeInput,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        defaultValue: 50,
-        min: 0,
-        max: 100,
-    },
-};
-exports.WithSteps = {
-    args: {
-        defaultValue: 5,
-        min: 0,
-        max: 10,
-        step: 1,
-    },
-};
-exports.Disabled = {
-    args: {
-        defaultValue: 50,
-        min: 0,
-        max: 100,
-        disabled: true,
-    },
-};
-exports.CustomRange = {
-    args: {
-        defaultValue: 0,
-        min: -50,
-        max: 50,
-        step: 10,
-    },
-};

package/lib/Form/RangeInput.styles.d.ts

@@ -1,10 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { Theme } from '../Layout';
-export declare const rangeInputWrapperStyles: CSSObject;
-export declare const getImageCropZoomInputStyles: (theme: Theme, backgroundSize: `${number}% ${number}%`) => CSSObject;
-export declare enum ValueLabelPosition {
-    LEFT = "left",
-    RIGHT = "right"
-}
-export declare const getValueLabelStyles: (theme: Theme, position: ValueLabelPosition) => CSSObject;
-//# sourceMappingURL=RangeInput.styles.d.ts.map

package/lib/Form/RangeInput.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RangeInput.styles.d.ts","sourceRoot":"","sources":["../../src/Form/RangeInput.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,eAAO,MAAM,uBAAuB,EAAE,SAGrC,CAAC;AAKF,eAAO,MAAM,2BAA2B,UAAW,KAAK,kBAAkB,GAAG,MAAM,KAAK,MAAM,GAAG,KAAG,SA4BlG,CAAC;AAEH,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,eAAO,MAAM,mBAAmB,UAAW,KAAK,YAAY,kBAAkB,KAAG,SAO/E,CAAC"}

package/lib/Form/RangeInput.styles.js

@@ -1,71 +0,0 @@
-"use strict";
-/*
- * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValueLabelStyles = exports.ValueLabelPosition = exports.getImageCropZoomInputStyles = exports.rangeInputWrapperStyles = void 0;
-const Identity_1 = require("../Identity");
-const util_1 = require("../util");
-exports.rangeInputWrapperStyles = {
-    position: 'relative',
-    marginTop: '19px',
-};
-const thumbSelectors = ['&::-webkit-slider-thumb', '&::-moz-range-thumb', '&::-ms-thumb'];
-const sliderSelectors = ['&::-webkit-slider-runnable-track', '&::-moz-range-track', '&::-ms-track'];
-const getImageCropZoomInputStyles = (theme, backgroundSize) => ({
-    display: 'block',
-    '-webkit-appearance': 'none',
-    width: '100%',
-    height: '8px',
-    background: Identity_1.COLOR_V2.GRAY_60,
-    borderRadius: '4px',
-    backgroundImage: `linear-gradient(${theme.general.primaryColor}, ${theme.general.primaryColor})`,
-    backgroundSize: backgroundSize || '0% 100%',
-    backgroundRepeat: 'no-repeat',
-    ...(0, util_1.manySelectors)(thumbSelectors, {
-        '-webkit-appearance': 'none',
-        height: '18px',
-        width: '18px',
-        borderRadius: '50%',
-        background: Identity_1.COLOR_V2.GRAY_80,
-        cursor: 'pointer',
-        border: 'none',
-        boxShadow: 'none',
-    }),
-    ...(0, util_1.manySelectors)(sliderSelectors, {
-        '-webkit-appearance': 'none',
-        boxShadow: 'none',
-        border: 'none',
-        background: 'transparent',
-    }),
-});
-exports.getImageCropZoomInputStyles = getImageCropZoomInputStyles;
-var ValueLabelPosition;
-(function (ValueLabelPosition) {
-    ValueLabelPosition["LEFT"] = "left";
-    ValueLabelPosition["RIGHT"] = "right";
-})(ValueLabelPosition || (exports.ValueLabelPosition = ValueLabelPosition = {}));
-const getValueLabelStyles = (theme, position) => ({
-    pointerEvents: 'none',
-    bottom: '100%',
-    fontSize: theme.fontSizes.base,
-    fontWeight: 400,
-    position: 'absolute',
-    [position]: '4px',
-});
-exports.getValueLabelStyles = getValueLabelStyles;

package/lib/Form/RoundIconButton.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { CSSObject } from '@emotion/react';
-import { ButtonProps } from './Button';
-import { Theme } from '../Layout';
-export interface RoundIconButtonProps<T = HTMLButtonElement> extends ButtonProps<T> {
-}
-export declare const roundIconButtonStyle: <T>(theme: Theme, props: RoundIconButtonProps<T>) => CSSObject;
-export declare const RoundIconButton: React.FC<RoundIconButtonProps>;
-//# sourceMappingURL=RoundIconButton.d.ts.map

package/lib/Form/RoundIconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RoundIconButton.d.ts","sourceRoot":"","sources":["../../src/Form/RoundIconButton.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,WAAW,EAAoB,MAAM,UAAU,CAAC;AAKxD,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAGhC,MAAM,WAAW,oBAAoB,CAAC,CAAC,GAAG,iBAAiB,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;CAAG;AAEtF,eAAO,MAAM,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,SAYtF,CAAC;AAEH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAI1D,CAAC"}

package/lib/Form/RoundIconButton.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RoundIconButton = exports.roundIconButtonStyle = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Button_1 = require("./Button");
-const Button_styles_1 = require("./Button.styles");
-const Identity_1 = require("../Identity");
-const Misc_1 = require("../Misc/");
-const roundIconButtonStyle = (theme, props) => ({
-    ...(0, Button_styles_1.buttonStyle)(theme, props),
-    alignItems: 'center',
-    borderRadius: '50%',
-    display: 'flex',
-    height: `${props.size}px`,
-    justifyContent: 'center',
-    lineHeight: 'initial',
-    margin: '0 auto',
-    minWidth: `${props.size}px`,
-    padding: 0,
-    width: `${props.size}px`,
-});
-exports.roundIconButtonStyle = roundIconButtonStyle;
-const RoundIconButton = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)("button", { css: (theme) => (0, exports.roundIconButtonStyle)(theme, props), ...(0, Button_1.filterButtonProps)(props), children: (0, Misc_1.childrenWithDefaultProps)({ children, defaultProps: { color: Identity_1.COLOR.WHITE } }) }));
-exports.RoundIconButton = RoundIconButton;
-exports.RoundIconButton.defaultProps = {
-    backgroundColor: Identity_1.COLOR.BLUE,
-    size: 32,
-};

package/lib/Form/RoundIconButton.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RoundIconButton.stories.d.ts","sourceRoot":"","sources":["../../src/Form/RoundIconButton.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAoBrD,QAAA,MAAM,IAAI;;;;;;;CAO8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC"}

package/lib/Form/RoundIconButton.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Disabled = exports.IconGallery = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const RoundIconButton_1 = require("./RoundIconButton");
-const Icon_1 = require("../Icon");
-const Identity_1 = require("../Identity");
-const meta = {
-    title: 'Form/RoundIconButton',
-    component: RoundIconButton_1.RoundIconButton,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: (0, jsx_runtime_1.jsx)(Icon_1.ArrowIcon, {}),
-    },
-};
-exports.IconGallery = {
-    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' }, children: [(0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.ArrowIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.AttachmentIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.CheckIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.CloseIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.GifIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.ImageIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.PingIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.PlaneIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.ProfileIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.TeamIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.TimedIcon, {}) }), (0, jsx_runtime_1.jsx)(RoundIconButton_1.RoundIconButton, { children: (0, jsx_runtime_1.jsx)(Icon_1.TrashIcon, { color: Identity_1.COLOR.RED }) })] })),
-};
-exports.Disabled = {
-    args: {
-        children: (0, jsx_runtime_1.jsx)(Icon_1.ArrowIcon, {}),
-        disabled: true,
-    },
-};

package/lib/Form/Select/BaseSelect/BaseSelect.styles.d.ts

@@ -1,46 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { Theme } from '../../../Layout';
-export interface BaseSelectStylesParams {
-    theme: Theme;
-    markInvalid?: boolean;
-    menuPosition?: 'absolute' | 'relative';
-    controlCSS?: CSSObject;
-    containerCSS?: CSSObject;
-}
-export declare const baseIndicatorSeparatorStyles: () => CSSObject;
-export declare const baseContainerStyles: (containerCSS: CSSObject) => CSSObject;
-export declare const baseControlStyles: ({ theme, isDisabled, markInvalid, selectProps, controlCSS, }: {
-    theme: Theme;
-    isDisabled: boolean;
-    markInvalid: boolean;
-    selectProps: {
-        isDisabled: boolean;
-        menuIsOpen: boolean;
-    };
-    controlCSS: CSSObject;
-}) => CSSObject;
-export declare const baseDropdownIndicatorStyles: ({ theme, selectProps, }: {
-    theme: Theme;
-    selectProps: {
-        isDisabled: boolean;
-    };
-}) => CSSObject;
-export declare const baseMenuStyles: ({ theme, menuPosition, }: {
-    theme: Theme;
-    menuPosition: "absolute" | "relative";
-}) => CSSObject;
-export declare const baseMenuListStyles: () => CSSObject;
-export declare const baseOptionStyles: ({ theme, isDisabled, isFocused, isSelected, isMulti, }: {
-    theme: Theme;
-    isDisabled: boolean;
-    isFocused: boolean;
-    isSelected: boolean;
-    isMulti: boolean;
-}) => CSSObject;
-export declare const baseSingleValueStyles: ({ theme, selectProps, }: {
-    theme: Theme;
-    selectProps: {
-        isDisabled: boolean;
-    };
-}) => CSSObject;
-//# sourceMappingURL=BaseSelect.styles.d.ts.map

package/lib/Form/Select/BaseSelect/BaseSelect.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSelect.styles.d.ts","sourceRoot":"","sources":["../../../../src/Form/Select/BaseSelect/BaseSelect.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AAGtC,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,4BAA4B,QAAO,SAE9C,CAAC;AAEH,eAAO,MAAM,mBAAmB,iBAAkB,SAAS,KAAG,SAW5D,CAAC;AAEH,eAAO,MAAM,iBAAiB,iEAM3B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE;QACX,UAAU,EAAE,OAAO,CAAC;QACpB,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;IACF,UAAU,EAAE,SAAS,CAAC;CACvB,KAAG,SA4BF,CAAC;AAEH,eAAO,MAAM,2BAA2B,4BAGrC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE;QACX,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;CACH,KAAG,SAOH,CAAC;AAEF,eAAO,MAAM,cAAc,6BAGxB;IACD,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,UAAU,GAAG,UAAU,CAAC;CACvC,KAAG,SAOF,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAAO,SAKpC,CAAC;AAEH,eAAO,MAAM,gBAAgB,2DAM1B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;CAClB,KAAG,SAyDF,CAAC;AAEH,eAAO,MAAM,qBAAqB,4BAG/B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE;QACX,UAAU,EAAE,OAAO,CAAC;KACrB,CAAC;CACH,KAAG,SAKH,CAAC"}

package/lib/Form/Select/BaseSelect/BaseSelectDropdownIndicator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseSelectDropdownIndicator.d.ts","sourceRoot":"","sources":["../../../../src/Form/Select/BaseSelect/BaseSelectDropdownIndicator.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAa,sBAAsB,EAAC,MAAM,cAAc,CAAC;AAIhE,eAAO,MAAM,2BAA2B,UAAW,sBAAsB,qDASxE,CAAC"}

package/lib/Form/Select/BaseSelect/BaseSelectDropdownIndicator.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseSelectDropdownIndicator = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-const react_select_1 = require("react-select");
-const ArrowDown_1 = require("../../../Icon/ArrowDown");
-const BaseSelectDropdownIndicator = (props) => {
-    const { menuIsOpen } = props.selectProps;
-    return ((0, jsx_runtime_1.jsx)(react_select_1.components.DropdownIndicator, { ...props, children: (0, jsx_runtime_1.jsx)(ArrowDown_1.ArrowDown, { css: { ...(menuIsOpen ? { transform: 'rotateX(180deg)', marginTop: 2 } : { marginTop: 4 }) } }) }));
-};
-exports.BaseSelectDropdownIndicator = BaseSelectDropdownIndicator;

package/lib/Form/Select/ComboboxSelect/ComboboxSelect.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxSelect.d.ts","sourceRoot":"","sources":["../../../../src/Form/Select/ComboboxSelect/ComboboxSelect.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAC,SAAS,EAAW,MAAM,gBAAgB,CAAC;AACnD,OAAmB,EAAa,YAAY,EAAqC,MAAM,cAAc,CAAC;AAUtG,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,KAAK,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,CAAC;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,gBAAgB,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAC/B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,0NAkBxB,mBAAmB,qDA2BrB,CAAC"}

package/lib/Form/Select/ComboboxSelect/ComboboxSelect.js

@@ -1,79 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComboboxSelect = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-const react_1 = require("react");
-const react_2 = require("@emotion/react");
-const react_select_1 = __importStar(require("react-select"));
-const creatable_1 = __importDefault(require("react-select/creatable"));
-const ComboboxSelect_styles_1 = require("./ComboboxSelect.styles");
-const CloseIcon_1 = require("../../../Icon/CloseIcon");
-const InputLabel_1 = require("../../InputLabel");
-const BaseSelectDropdownIndicator_1 = require("../BaseSelect/BaseSelectDropdownIndicator");
-const ComboboxSelect = ({ id, options, value, onChange, isDisabled = false, placeholder, dataUieName, onCreateOption, createOptionLabel, noOptionsMessage, label, required, menuPortalTarget, menuPosition = 'absolute', menuListCSS, isLoading = false, loadingMessage, }) => {
-    return ((0, jsx_runtime_1.jsxs)("div", { css: ComboboxSelect_styles_1.wrapperStyles, "data-uie-name": dataUieName, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { htmlFor: id, isRequired: required, children: label })), (0, jsx_runtime_1.jsx)(Select, { id: id, options: options, value: value, onChange: onChange, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, createOptionLabel: createOptionLabel, onCreateOption: onCreateOption, creatable: !!onCreateOption, isLoading: isLoading, noOptionsMessage: noOptionsMessage, loadingMessage: loadingMessage, menuListCSS: menuListCSS })] }));
-};
-exports.ComboboxSelect = ComboboxSelect;
-const Select = ({ id, options, value, onChange, isDisabled = false, placeholder, onCreateOption, createOptionLabel, noOptionsMessage, menuPortalTarget, menuPosition = 'absolute', menuListCSS, isLoading = false, loadingMessage, creatable = false, }) => {
-    const theme = (0, react_2.useTheme)();
-    const components = (0, react_1.useMemo)(() => {
-        return {
-            ClearIndicator: () => null,
-            DropdownIndicator: BaseSelectDropdownIndicator_1.BaseSelectDropdownIndicator,
-            MultiValueRemove: (props) => (0, jsx_runtime_1.jsx)(MultiValueRemove, { ...props }),
-            NoOptionsMessage: (props) => (0, jsx_runtime_1.jsx)(NoOptionsMessage, { ...props, message: noOptionsMessage }),
-            LoadingMessage: (props) => (0, jsx_runtime_1.jsx)(LoadingMessage, { ...props, message: loadingMessage }),
-        };
-    }, [loadingMessage, noOptionsMessage]);
-    if (!creatable) {
-        return ((0, jsx_runtime_1.jsx)(react_select_1.default, { id: id, options: options, value: value, onChange: onChange, isMulti: true, isSearchable: true, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, styles: (0, ComboboxSelect_styles_1.selectStyles)({ theme, menuListCSS }), classNamePrefix: "select", closeMenuOnSelect: false, components: components }));
-    }
-    return ((0, jsx_runtime_1.jsx)(creatable_1.default, { id: id, options: options, value: value, onChange: onChange, isMulti: true, isSearchable: true, isDisabled: isDisabled, placeholder: placeholder, menuPortalTarget: menuPortalTarget, menuPosition: menuPosition, styles: (0, ComboboxSelect_styles_1.selectStyles)({ theme, menuListCSS }), classNamePrefix: "select", formatCreateLabel: createOptionLabel, onCreateOption: onCreateOption, closeMenuOnSelect: false, isLoading: isLoading, components: components }));
-};
-const MultiValueRemove = (props) => ((0, jsx_runtime_1.jsx)(react_select_1.components.MultiValueRemove, { ...props, children: (0, jsx_runtime_1.jsx)(CloseIcon_1.CloseIcon, { width: 10, height: 10 }) }));
-const NoOptionsMessage = ({ message, ...props }) => ((0, jsx_runtime_1.jsx)(react_select_1.components.NoOptionsMessage, { ...props, children: (0, jsx_runtime_1.jsx)("div", { css: ComboboxSelect_styles_1.noOptionsMessageStyles, children: message }) }));
-const LoadingMessage = ({ message, ...props }) => ((0, jsx_runtime_1.jsx)(react_select_1.components.LoadingMessage, { ...props, children: (0, jsx_runtime_1.jsx)("div", { css: ComboboxSelect_styles_1.loadingMessageStyles, children: message }) }));

package/lib/Form/Select/ComboboxSelect/ComboboxSelect.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxSelect.stories.d.ts","sourceRoot":"","sources":["../../../../src/Form/Select/ComboboxSelect/ComboboxSelect.stories.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAErD,OAAO,EAAiB,KAAK,mBAAmB,EAAC,MAAM,kBAAkB,CAAC;AAU1E,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;CAc6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AA8BF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}

package/lib/Form/Select/ComboboxSelect/ComboboxSelect.stories.js

@@ -1,114 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = exports.WithLabel = exports.Creatable = exports.Disabled = exports.WithValue = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2025 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-const react_1 = require("react");
-const ComboboxSelect_1 = require("./ComboboxSelect");
-const initialOptions = [
-    { value: '1', label: 'Option 1' },
-    { value: '2', label: 'Option 2' },
-    { value: '3', label: 'Option 3' },
-];
-const meta = {
-    title: 'Form/ComboboxSelect',
-    component: ComboboxSelect_1.ComboboxSelect,
-    parameters: {
-        layout: 'centered',
-    },
-    decorators: [
-        Story => ((0, jsx_runtime_1.jsx)("div", { style: { width: '476px' }, children: (0, jsx_runtime_1.jsx)(Story, {}) })),
-    ],
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        id: 'default-select',
-        options: initialOptions,
-        placeholder: 'Select options...',
-        dataUieName: 'default-select',
-        noOptionsMessage: 'No options available',
-    },
-};
-exports.WithValue = {
-    args: {
-        id: 'with-value-select',
-        options: initialOptions,
-        value: [initialOptions[0], initialOptions[1]],
-        placeholder: 'Select options...',
-        dataUieName: 'with-value-select',
-        noOptionsMessage: 'No options available',
-    },
-};
-exports.Disabled = {
-    args: {
-        id: 'disabled-select',
-        options: initialOptions,
-        isDisabled: true,
-        placeholder: 'Select options...',
-        dataUieName: 'disabled-select',
-        noOptionsMessage: 'No options available',
-    },
-};
-const CreatableSelectWrapper = (args) => {
-    const [options, setOptions] = (0, react_1.useState)(initialOptions);
-    const [selectedValue, setSelectedValue] = (0, react_1.useState)([]);
-    const handleCreateOption = (inputValue) => {
-        const newOption = {
-            value: inputValue.toLowerCase().replace(/\W/g, ''),
-            label: inputValue,
-        };
-        setOptions(prev => [...prev, newOption]);
-        setSelectedValue(prev => [...prev, newOption]);
-    };
-    const handleChange = (value) => {
-        setSelectedValue(Array.isArray(value) ? value : [value]);
-    };
-    return ((0, jsx_runtime_1.jsx)(ComboboxSelect_1.ComboboxSelect, { ...args, options: options, value: selectedValue, onChange: handleChange, onCreateOption: handleCreateOption }));
-};
-exports.Creatable = {
-    args: {
-        id: 'creatable-select',
-        options: initialOptions,
-        placeholder: 'Select or create options...',
-        dataUieName: 'creatable-select',
-        noOptionsMessage: 'No options available',
-        required: true,
-    },
-    render: args => (0, jsx_runtime_1.jsx)(CreatableSelectWrapper, { ...args }),
-};
-exports.WithLabel = {
-    args: {
-        id: 'with-label-select',
-        label: 'Select options',
-        options: initialOptions,
-        noOptionsMessage: 'No options available',
-    },
-};
-exports.Loading = {
-    args: {
-        id: 'loading-select',
-        isLoading: true,
-        options: [],
-        noOptionsMessage: 'No options available',
-        loadingMessage: 'Loading options...',
-    },
-};

package/lib/Form/Select/ComboboxSelect/ComboboxSelect.styles.d.ts

@@ -1,21 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { StylesConfig } from 'react-select';
-import { Theme } from '../../../Layout';
-interface SelectStylesParams {
-    theme: Theme;
-    markInvalid?: boolean;
-    menuPosition?: 'absolute' | 'relative';
-    controlCSS?: CSSObject;
-    containerCSS?: CSSObject;
-    menuListCSS?: CSSObject;
-}
-export declare const wrapperStyles: CSSObject;
-export declare const selectStyles: ({ theme, markInvalid, controlCSS, containerCSS, menuListCSS, }: SelectStylesParams) => StylesConfig;
-export declare const noOptionsMessageStyles: {
-    padding: string;
-};
-export declare const loadingMessageStyles: {
-    padding: string;
-};
-export {};
-//# sourceMappingURL=ComboboxSelect.styles.d.ts.map

package/lib/Form/Select/ComboboxSelect/ComboboxSelect.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxSelect.styles.d.ts","sourceRoot":"","sources":["../../../../src/Form/Select/ComboboxSelect/ComboboxSelect.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAC,YAAY,EAAC,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAC,KAAK,EAAC,MAAM,iBAAiB,CAAC;AAYtC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACvC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,SAO3B,CAAC;AAEF,eAAO,MAAM,YAAY,mEAMtB,kBAAkB,KAAG,YAqFtB,CAAC;AAEH,eAAO,MAAM,sBAAsB;;CAElC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;CAEhC,CAAC"}