@wireapp/react-ui-kit 9.59.1 → 9.59.3

package/lib/Form/CodeInput.js

@@ -1,141 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeInput = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/*
- * Wire
- * Copyright (C) 2018 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 = __importStar(require("react"));
-const Input_1 = require("./Input");
-const Identity_1 = require("../Identity");
-const util_1 = require("../util");
-const CodeInputWrapper = (props) => ((0, jsx_runtime_1.jsx)("div", { css: {
-        display: 'flex',
-        justifyContent: 'center',
-    }, ...props }));
-const digitInputStyle = (theme, props) => ({
-    ...(0, Input_1.inputStyle)(theme, props),
-    '& + &': {
-        marginLeft: 'min(19px, 2vw)',
-    },
-    '&:hover': {
-        boxShadow: `0 0 0 1px ${Identity_1.COLOR_V2.GRAY_60}`,
-    },
-    fontSize: theme.fontSizes.extraLarge,
-    lineHeight: '1.75rem',
-    borderRadius: '12px',
-    padding: 0,
-    textAlign: 'center',
-    width: 'min(48px, 13vw)',
-    height: '56px',
-});
-const DigitInput = React.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)("input", { ref: ref, css: (theme) => digitInputStyle(theme, props), ...props, type: "tel" })));
-DigitInput.displayName = 'DigitInput';
-const CodeInput = ({ style, digits = 6, autoFocus = false, markInvalid, onCodeComplete = util_1.noop, disabled, }) => {
-    const [values, setValues] = (0, react_1.useState)(Array(digits).fill(''));
-    const inputs = Array(digits);
-    const forceSelection = (event) => {
-        const target = event.target;
-        target.select();
-    };
-    const forceSelectionPreventDefault = (event) => {
-        forceSelection(event);
-        event.preventDefault();
-    };
-    const nextField = (currentFieldIndex) => {
-        const nextFieldIndex = currentFieldIndex + 1;
-        if (nextFieldIndex < digits) {
-            inputs[nextFieldIndex].focus();
-        }
-    };
-    const previousField = (currentFieldIndex) => {
-        if (currentFieldIndex > 0) {
-            inputs[currentFieldIndex - 1].focus();
-        }
-    };
-    const setValue = (fieldIndex, value) => {
-        if (/^[0-9]?$/.test(value)) {
-            const valuesCopy = values.slice();
-            valuesCopy[fieldIndex] = value;
-            setValues(valuesCopy);
-            if (value.length) {
-                nextField(fieldIndex);
-            }
-        }
-    };
-    const handleKeyDown = (fieldIndex, { key }) => {
-        switch (key) {
-            case 'Backspace':
-                setValue(fieldIndex, '');
-                previousField(fieldIndex);
-                break;
-            case 'ArrowLeft':
-                previousField(fieldIndex);
-                break;
-            case 'ArrowRight':
-                nextField(fieldIndex);
-                break;
-        }
-        if (/^[0-9]$/.test(key)) {
-            setValue(fieldIndex, key);
-        }
-    };
-    const handlePaste = (fieldIndex, event) => {
-        const pastedValue = event.clipboardData.getData('Text');
-        const cleanedPaste = pastedValue.replace(/[^0-9]/g, '');
-        if (/^[0-9]+$/.test(cleanedPaste)) {
-            setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        const completeCode = values.join('');
-        if (completeCode.length === digits) {
-            onCodeComplete(completeCode);
-        }
-    }, [values]);
-    return ((0, jsx_runtime_1.jsx)(CodeInputWrapper, { style: style, children: Array.from({ length: digits }, (_, index) => ((0, jsx_runtime_1.jsx)(DigitInput
-        // eslint-disable-next-line jsx-a11y/no-autofocus
-        , { 
-            // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: index === 0 && autoFocus, onPaste: event => handlePaste(index, event), onFocus: forceSelection, onMouseDown: forceSelectionPreventDefault, onTouchStart: forceSelectionPreventDefault, onKeyDown: event => handleKeyDown(index, event), onKeyUp: forceSelection, markInvalid: markInvalid, ref: node => (inputs[index] = node), value: values[index], onChange: () => { }, disabled: disabled }, index))) }));
-};
-exports.CodeInput = CodeInput;

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeInput.stories.d.ts","sourceRoot":"","sources":["../../src/Form/CodeInput.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIrD,QAAA,MAAM,IAAI;;;;;;;CAOwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC"}

package/lib/Form/CodeInput.stories.js

@@ -1,51 +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.CustomLength = exports.Invalid = exports.Default = void 0;
-const CodeInput_1 = require("./CodeInput");
-const meta = {
-    title: 'Form/CodeInput',
-    component: CodeInput_1.CodeInput,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        // eslint-disable-next-line no-console
-        onCodeComplete: code => console.log('Code entered:', code),
-    },
-};
-exports.Invalid = {
-    args: {
-        markInvalid: true,
-        // eslint-disable-next-line no-console
-        onCodeComplete: code => console.log('Code entered:', code),
-    },
-};
-exports.CustomLength = {
-    args: {
-        digits: 4,
-        // eslint-disable-next-line no-console
-        onCodeComplete: code => console.log('Code entered:', code),
-    },
-};

package/lib/Form/DropFileInput.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-import { CSSObject } from '@emotion/react';
-import { Theme } from '../Layout';
-import { TextProps } from '../Text';
-export interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {
-    onFilesUploaded: (files: File[]) => void;
-    onInvalidFilesDropError: () => void;
-    labelText: string;
-    headingText: string;
-    description?: string;
-    dropFileZoneWrapperCSS?: CSSObject;
-}
-export declare const dropFileWrapperStyle: CSSObject;
-export declare const dropFileZoneWrapperStyle: (theme: Theme, isDraggedOver: boolean) => CSSObject;
-export declare const dropFileZoneLabelStyle: (theme: Theme) => CSSObject;
-export declare const dropFileZoneHeadingStyle: CSSObject;
-export declare const dropFileZonDescriptionStyle: CSSObject;
-export declare const DropFileInput: React.ForwardRefExoticComponent<Omit<DropFileInputProps<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=DropFileInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropFileInput.d.ts","sourceRoot":"","sources":["../../src/Form/DropFileInput.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAIzC,OAAO,EAAC,KAAK,EAAU,MAAM,WAAW,CAAC;AACzC,OAAO,EAAC,SAAS,EAAC,MAAM,SAAS,CAAC;AAElC,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,SAAS,CAAC,CAAC,CAAC;IAC5E,eAAe,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,SAAS,CAAC;CACpC;AAYD,eAAO,MAAM,oBAAoB,EAAE,SAElC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,KAAK,SAe/E,CAAC;AAEH,eAAO,MAAM,sBAAsB,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SASrD,CAAC;AAEH,eAAO,MAAM,wBAAwB,EAAE,SAGtC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,SAOzC,CAAC;AAEF,eAAO,MAAM,aAAa,4HA4GzB,CAAC"}

package/lib/Form/DropFileInput.js

@@ -1,120 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropFileInput = exports.dropFileZonDescriptionStyle = exports.dropFileZoneHeadingStyle = exports.dropFileZoneLabelStyle = exports.dropFileZoneWrapperStyle = exports.dropFileWrapperStyle = 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_1 = require("react");
-const Icon_1 = require("../Icon");
-const Identity_1 = require("../Identity");
-const Layout_1 = require("../Layout");
-const visuallyHiddenStyles = {
-    clip: 'rect(0 0 0 0)',
-    clipPath: 'inset(50%)',
-    height: '1px',
-    overflow: 'hidden',
-    position: 'absolute',
-    whiteSpace: 'nowrap',
-    width: '1px',
-};
-exports.dropFileWrapperStyle = {
-    maxWidth: '330px',
-};
-const dropFileZoneWrapperStyle = (theme, isDraggedOver) => ({
-    width: '100%',
-    padding: '28px 12px',
-    border: `1px dashed ${theme.general.primaryColor}`,
-    borderBottomWidth: '2px',
-    borderRadius: '6px',
-    textAlign: 'center',
-    backgroundColor: isDraggedOver ? theme.general.backgroundColor : Identity_1.COLOR.WHITE,
-    fontWeight: 400,
-    fontSize: '0.75rem',
-    lineHeight: '13px',
-    color: Identity_1.COLOR.GRAY,
-});
-exports.dropFileZoneWrapperStyle = dropFileZoneWrapperStyle;
-const dropFileZoneLabelStyle = theme => ({
-    color: theme.general.primaryColor,
-    cursor: 'pointer',
-    ':focus-within': {
-        outline: `1px solid ${theme.general.primaryColor}`,
-    },
-    ':hover': {
-        textDecoration: 'underline',
-    },
-});
-exports.dropFileZoneLabelStyle = dropFileZoneLabelStyle;
-exports.dropFileZoneHeadingStyle = {
-    display: 'block',
-    whiteSpace: 'pre-line',
-};
-exports.dropFileZonDescriptionStyle = {
-    marginTop: '12px',
-    fontWeight: 400,
-    fontSize: '0.625rem',
-    lineHeight: '0.8125rem',
-    color: Identity_1.COLOR.GRAY,
-    whiteSpace: 'pre-line',
-};
-exports.DropFileInput = (0, react_1.forwardRef)(({ onFilesUploaded, onInvalidFilesDropError, dropFileZoneWrapperCSS, labelText, headingText, description, accept, multiple, ...inputProps }, ref) => {
-    const [isDraggedOver, setIsDraggedOver] = (0, react_1.useState)(false);
-    const resetDraggedOver = () => setIsDraggedOver(false);
-    const handleDragOver = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        event.dataTransfer.dropEffect = 'copy';
-        if (event.dataTransfer.items.length > 0) {
-            setIsDraggedOver(true);
-        }
-    };
-    const handleDrop = (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        resetDraggedOver();
-        const { files } = event.dataTransfer;
-        if (files.length < 1) {
-            return;
-        }
-        const filesArr = multiple ? Array.from(files) : [files[0]];
-        const areFilesValid = !!accept
-            ? filesArr.every(file => accept
-                .split(',')
-                .map(v => v.trim())
-                .includes(file.type))
-            : true;
-        if (!areFilesValid) {
-            onInvalidFilesDropError();
-            return;
-        }
-        onFilesUploaded(filesArr);
-    };
-    const handleChange = (event) => {
-        const { files } = event.target;
-        if (files.length < 1) {
-            return;
-        }
-        onFilesUploaded(Array.from(files));
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { css: exports.dropFileWrapperStyle, children: [(0, jsx_runtime_1.jsx)("div", { css: (theme) => ({
-                    ...(0, exports.dropFileZoneWrapperStyle)(theme, isDraggedOver),
-                    ...dropFileZoneWrapperCSS,
-                }), "data-testid": "dropzone", onDragOver: handleDragOver, onDragLeave: resetDraggedOver, onDrop: handleDrop, children: (0, jsx_runtime_1.jsxs)(Layout_1.FlexBox, { align: "center", justify: "center", flexWrap: "wrap", css: { maxWidth: '280px', margin: '0 auto' }, children: [(0, jsx_runtime_1.jsx)(Icon_1.UploadIcon, { css: { margin: '12px 0' } }), (0, jsx_runtime_1.jsxs)("div", { css: { maxWidth: '160px', margin: '0 25px' }, children: [(0, jsx_runtime_1.jsx)("span", { css: exports.dropFileZoneHeadingStyle, children: headingText }), (0, jsx_runtime_1.jsxs)("label", { "aria-label": `${headingText} ${labelText} (${description})`, css: (theme) => (0, exports.dropFileZoneLabelStyle)(theme), children: [(0, jsx_runtime_1.jsx)("span", { children: labelText }), (0, jsx_runtime_1.jsx)("input", { "data-testid": "file-input", ref: ref, accept: accept, multiple: multiple, css: visuallyHiddenStyles, onChange: handleChange, type: "file", ...inputProps })] })] })] }) }), description && (0, jsx_runtime_1.jsx)("p", { css: exports.dropFileZonDescriptionStyle, children: description })] }));
-});
-exports.DropFileInput.displayName = 'DropFileInput';

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropFileInput.stories.d.ts","sourceRoot":"","sources":["../../src/Form/DropFileInput.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAIrD,QAAA,MAAM,IAAI;;;;;;;CAO4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC"}

package/lib/Form/DropFileInput.stories.js

@@ -1,43 +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.Default = void 0;
-const DropFileInput_1 = require("./DropFileInput");
-const meta = {
-    title: 'Form/DropFileInput',
-    component: DropFileInput_1.DropFileInput,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        headingText: 'Drag & Drop an image \nor',
-        labelText: 'select one from your device',
-        accept: 'image/png, image/jpeg',
-        description: 'Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px',
-        // eslint-disable-next-line no-console
-        onFilesUploaded: files => console.log('Files uploaded:', files),
-        // eslint-disable-next-line no-console
-        onInvalidFilesDropError: () => console.log('Invalid file type'),
-    },
-};

package/lib/Form/ErrorMessage.d.ts

@@ -1,8 +0,0 @@
-import { CSSObject } from '@emotion/react';
-import { FlexBoxProps, Theme } from '../Layout';
-type ErrorMessageProps<T = HTMLDivElement> = FlexBoxProps<T>;
-export declare const errorMessageStyle: <T>(theme: Theme, props: ErrorMessageProps<T>) => CSSObject;
-export declare const filterErrorMessageProps: (props: ErrorMessageProps) => Object;
-export declare const ErrorMessage: ({ children, ...props }: ErrorMessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ErrorMessage.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../src/Form/ErrorMessage.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAGzC,OAAO,EAAU,YAAY,EAAoC,KAAK,EAAC,MAAM,WAAW,CAAC;AAIzF,KAAK,iBAAiB,CAAC,CAAC,GAAG,cAAc,IAAI,YAAY,CAAC,CAAC,CAAC,CAAC;AAE7D,eAAO,MAAM,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,SAShF,CAAC;AAEH,eAAO,MAAM,uBAAuB,UAAW,iBAAiB,WAE/D,CAAC;AAEF,eAAO,MAAM,YAAY,2BAA0B,iBAAiB,qDAMnE,CAAC"}

package/lib/Form/ErrorMessage.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorMessage = exports.filterErrorMessageProps = exports.errorMessageStyle = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Identity_1 = require("../Identity");
-const Layout_1 = require("../Layout");
-const Text_1 = require("../Text");
-const util_1 = require("../util");
-const errorMessageStyle = (theme, { justify = 'flex-start', align = 'center', ...props }) => ({
-    ...(0, Layout_1.flexBoxStyle)({ align, justify, ...props }),
-    a: {
-        ...(0, Text_1.linkStyle)(theme, { bold: false, fontSize: theme.fontSizes.small, textTransform: 'none', ...props }),
-    },
-    marginBottom: '12px',
-});
-exports.errorMessageStyle = errorMessageStyle;
-const filterErrorMessageProps = (props) => {
-    return (0, util_1.filterProps)((0, Layout_1.filterFlexBoxProps)(props), []);
-};
-exports.filterErrorMessageProps = filterErrorMessageProps;
-const ErrorMessage = ({ children, ...props }) => ((0, jsx_runtime_1.jsx)(Layout_1.FlexBox, { css: (theme) => (0, exports.errorMessageStyle)(theme, props), ...props, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: Identity_1.COLOR_V2.RED_LIGHT_500, fontSize: '12px', css: { fontWeight: 400 }, children: children }) }));
-exports.ErrorMessage = ErrorMessage;

package/lib/Form/ErrorMessage.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ children, ...props }: import("..").FlexBoxProps<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithLink: Story;
-//# sourceMappingURL=ErrorMessage.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.stories.d.ts","sourceRoot":"","sources":["../../src/Form/ErrorMessage.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;;;;;;CAO2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}

package/lib/Form/ErrorMessage.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithLink = exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const ErrorMessage_1 = require("./ErrorMessage");
-const Text_1 = require("../Text");
-const meta = {
-    title: 'Form/ErrorMessage',
-    component: ErrorMessage_1.ErrorMessage,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        children: 'This is an error message',
-    },
-};
-exports.WithLink = {
-    render: () => ((0, jsx_runtime_1.jsxs)(ErrorMessage_1.ErrorMessage, { children: ["This is an error message with a ", (0, jsx_runtime_1.jsx)(Text_1.Link, { href: "#", children: "link" })] })),
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,IAAI,UAAW,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,qDAW3D,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.stories.d.ts","sourceRoot":"","sources":["../../src/Form/Form.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAMrD,QAAA,MAAM,IAAI;;uBAJL,MAAO,SAAS;;;;;CAWQ,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC"}

package/lib/Form/Form.stories.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-const Button_1 = require("./Button");
-const Form_1 = require("./Form");
-const Input_1 = require("./Input");
-const meta = {
-    title: 'Form/Form',
-    component: Form_1.Form,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    render: () => ((0, jsx_runtime_1.jsxs)(Form_1.Form, { onSubmit: event => {
-            event.preventDefault();
-            // eslint-disable-next-line no-console
-            console.log('Form submitted');
-        }, children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Email", type: "email", required: true }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", children: "Submit" })] })),
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"IndicatorRangeInput.d.ts","sourceRoot":"","sources":["../../src/Form/IndicatorRangeInput.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AAEnE,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAOzC,KAAK,eAAe,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,gBAAgB,CAAE,SAAQ,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,eAAe,EAAE,CAAC;CACpC;AAED,eAAO,MAAM,mBAAmB,sJAmG/B,CAAC"}

package/lib/Form/IndicatorRangeInput.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IndicatorRangeInput = 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_1 = require("react");
-const IndicatorRangeInput_styles_1 = require("./IndicatorRangeInput.styles");
-const InputLabel_1 = require("./InputLabel");
-exports.IndicatorRangeInput = (0, react_1.forwardRef)(({ id = Math.random().toString(), label, min = '0', max = '100', value = '0', onChange, onOptionClick, wrapperCSS, dataListOptions = [], ...inputProps }, ref) => {
-    const minNum = Number(min);
-    const isCustomSlider = !!dataListOptions.length;
-    const listLength = dataListOptions.length - 1;
-    const valueNum = Number(value);
-    const maxNum = isCustomSlider ? Number(listLength) : Number(max);
-    const backgroundSize = (0, react_1.useMemo)(() => {
-        if (isCustomSlider && valueNum === 0) {
-            const firstOptionThumbPosition = `calc(((100% - 10px) / (${listLength} * 2) - 4px) / 2)`;
-            return `${firstOptionThumbPosition} 100%`;
-        }
-        return `${((valueNum - minNum) * 100) / (maxNum - minNum)}% 100%`;
-    }, [isCustomSlider, valueNum, minNum, maxNum, listLength]);
-    const valueText = dataListOptions[valueNum]?.heading
-        ? `${dataListOptions[valueNum].label} (${dataListOptions[valueNum].heading})`
-        : dataListOptions[valueNum].label;
-    return ((0, jsx_runtime_1.jsxs)("div", { css: { wrapperCSS, width: '100%' }, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.InputLabel, { css: (theme) => ({ fontSize: theme.fontSizes.base }), htmlFor: id, children: label })), (0, jsx_runtime_1.jsxs)("div", { css: IndicatorRangeInput_styles_1.containerStyles, children: [isCustomSlider && ((0, jsx_runtime_1.jsx)("div", { css: { position: 'relative', display: 'flex', marginBottom: '20px' }, children: dataListOptions.map((dataListOption, index) => ((0, jsx_runtime_1.jsx)("div", { css: (theme) => (0, IndicatorRangeInput_styles_1.headingStyle)(listLength, theme), onClick: () => {
-                                if (dataListOption?.heading) {
-                                    onOptionClick(index);
-                                }
-                            }, children: dataListOption?.heading }, dataListOption.value))) })), (0, jsx_runtime_1.jsx)("input", { ref: ref, css: (theme) => (0, IndicatorRangeInput_styles_1.rangeStyles)(backgroundSize, valueNum, listLength, isCustomSlider, theme), id: id, name: id, min: minNum, max: maxNum, value: value, onChange: onChange, type: "range", list: "tickMarks", ...(isCustomSlider && {
-                            'aria-valuetext': valueText,
-                        }), ...inputProps }), isCustomSlider && ((0, jsx_runtime_1.jsx)("datalist", { id: "tickMarks", css: (theme) => (0, IndicatorRangeInput_styles_1.dataListOption)(listLength, theme), children: dataListOptions.map((dataListOption, index) => ((0, jsx_runtime_1.jsx)("option", { value: dataListOption.value, label: dataListOption.label, onClick: () => onOptionClick(index) }, index))) }))] })] }));
-});
-exports.IndicatorRangeInput.displayName = 'IndicatorRangeInput';

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

@@ -1 +0,0 @@
-{"version":3,"file":"IndicatorRangeInput.stories.d.ts","sourceRoot":"","sources":["../../src/Form/IndicatorRangeInput.stories.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAcrD,QAAA,MAAM,IAAI;;;;;;;CAOkC,CAAC;AAE7C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

package/lib/Form/IndicatorRangeInput.stories.js

@@ -1,51 +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.Default = void 0;
-const IndicatorRangeInput_1 = require("./IndicatorRangeInput");
-const dataListOptions = [
-    { value: 10, label: '10px', heading: 'Small' },
-    { value: 12, label: '12px' },
-    { value: 14, label: '14px' },
-    { value: 16, label: '16px', heading: 'Default' },
-    { value: 18, label: '18px' },
-    { value: 20, label: '20px' },
-    { value: 24, label: '24px', heading: 'Large' },
-];
-const meta = {
-    title: 'Form/IndicatorRangeInput',
-    component: IndicatorRangeInput_1.IndicatorRangeInput,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        label: 'Font size',
-        value: 3,
-        dataListOptions,
-        // eslint-disable-next-line no-console
-        onChange: event => console.log('Value changed:', event.currentTarget.value),
-        // eslint-disable-next-line no-console
-        onOptionClick: value => console.log('Option clicked:', value),
-    },
-};

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

@@ -1,7 +0,0 @@
-import { CSSObject } from '@emotion/react/dist/emotion-react.cjs';
-import { Theme } from '../Layout';
-export declare const rangeStyles: (backgroundSize: string, value: number, listLength: number, isCustomSlider: boolean, theme: Theme) => CSSObject;
-export declare const headingStyle: (listLength: number, theme: Theme) => CSSObject;
-export declare const dataListOption: (listLength: number, theme: Theme) => CSSObject;
-export declare const containerStyles: CSSObject;
-//# sourceMappingURL=IndicatorRangeInput.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IndicatorRangeInput.styles.d.ts","sourceRoot":"","sources":["../../src/Form/IndicatorRangeInput.styles.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAC,SAAS,EAAC,MAAM,uCAAuC,CAAC;AAEhE,OAAO,EAAC,KAAK,EAAC,MAAM,WAAW,CAAC;AAMhC,eAAO,MAAM,WAAW,mBACN,MAAM,SACf,MAAM,cACD,MAAM,kBACF,OAAO,SAChB,KAAK,KACX,SA8CF,CAAC;AAEF,eAAO,MAAM,YAAY,eAAgB,MAAM,SAAS,KAAK,KAAG,SAmB/D,CAAC;AAEF,eAAO,MAAM,cAAc,eAAgB,MAAM,SAAS,KAAK,KAAG,SA2CjE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,SAI7B,CAAC"}