@leav/ui 0.3.6-032b1da → 0.3.6-0a46784

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSColorPickerWrapper.js

@@ -3,74 +3,105 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { KitColorPicker } from 'aristid-ds';
-import { useEffect, useRef, useState } from 'react';
+import { useState } from 'react';
 import styled from 'styled-components';
-import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { useLang } from '../../../../../../hooks';
-import { localizedTranslation } from '@leav/utils';
-import { useValueDetailsButton } from '../../../shared/ValueDetailsBtn/useValueDetailsButton';
+import { ColorFactory } from 'antd/lib/color-picker/color';
+import { EMPTY_INITIAL_VALUE_UNDEFINED } from '../../../antdUtils';
 const KitColorPickerStyled = styled(KitColorPicker) `
-    .ant-color-picker-trigger-text {
-        color: ${({ $shouldHighlightColor }) => $shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'var(--general-utilities-text-primary)'};
+    width: 100%;
 
+    .ant-color-picker-trigger-text {
         svg {
             color: var(--general-utilities-text-primary);
         }
     }
 `;
-export const DSColorPickerWrapper = ({ value, state, attribute, fieldValue, onChange, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
-    const { t } = useSharedTranslation();
-    const { lang: availableLang } = useLang();
+const getColorFormatFromValue = (value) => {
+    if (!value) {
+        return 'hex';
+    }
+    const stringValue = value.toString().toLowerCase();
+    if (stringValue.startsWith('#')) {
+        return 'hex';
+    }
+    else if (stringValue.startsWith('rgb')) {
+        return 'rgb';
+    }
+    else if (stringValue.startsWith('hsb')) {
+        return 'hsb';
+    }
+    return 'hex';
+};
+const getValueToSubmit = (value, format) => {
+    if (typeof value === 'string') {
+        value = new ColorFactory(value);
+    }
+    switch (format) {
+        case 'hex':
+            return value.toHexString();
+        case 'rgb':
+            return value.toRgbString();
+        case 'hsb':
+            return value.toHsbString();
+    }
+};
+export const DSColorPickerWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, label, readonly, handleSubmit, calculatedFlags, inheritedFlags, setActiveValue }) => {
+    if (!onChange) {
+        throw Error('DSColorPickerWrapper should be used inside a antd Form.Item');
+    }
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && value === EMPTY_INITIAL_VALUE_UNDEFINED;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
     const [hasChanged, setHasChanged] = useState(false);
-    const [currentColor, setCurrentColor] = useState();
-    const [currentHex, setCurrentHex] = useState(value ?? '');
-    const colorPickerRef = useRef(null);
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
-    useEffect(() => {
-        if (fieldValue.isEditing) {
-            colorPickerRef.current.focus();
-        }
-    }, [fieldValue.isEditing]);
-    const _handleOnOpenChange = (open) => {
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
+    const [key, setKey] = useState(0);
+    const [format, setFormat] = useState(getColorFormatFromValue(value));
+    const _handleOnOpenChange = async (open) => {
         if (!open) {
             if (!hasChanged) {
-                handleBlur();
+                setIsFocused(false);
+                if (isNewValueOfMultivalues) {
+                    removeLastValueOfMultivalues();
+                }
                 return;
             }
-            handleSubmit(currentColor.toHex(), state.attribute.id);
-            onChange(currentColor, currentHex);
+            await handleSubmit(getValueToSubmit(value, format), attribute.id);
+            setIsFocused(false);
+            setHasChanged(false);
+        }
+        else {
+            setIsFocused(true);
+            setActiveValue();
         }
     };
     const _handleOnChange = (color, hex) => {
         setHasChanged(true);
-        setCurrentHex(hex);
-        setCurrentColor(color);
         onChange(color, hex);
     };
-    const _handleOnClear = () => {
+    const _handleOnClear = async () => {
         setHasChanged(false);
-        if (state.isInheritedValue) {
-            onChange(undefined, state.inheritedValue.raw_value);
+        if (inheritedFlags.isInheritedValue) {
+            setKey(prevKey => prevKey + 1);
+            const inheritedColor = new ColorFactory(inheritedFlags.inheritedValue.raw_payload);
+            onChange(inheritedColor, inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(undefined, state.calculatedValue.raw_value);
+        else if (calculatedFlags.isCalculatedValue) {
+            setKey(prevKey => prevKey + 1);
+            const calculatedColor = new ColorFactory(calculatedFlags.calculatedValue.raw_payload);
+            onChange(calculatedColor, calculatedFlags.calculatedValue.raw_payload);
         }
-        onChange(null, '');
-        handleSubmit('', state.attribute.id);
-    };
-    const _getHelper = () => {
-        if (state.isInheritedOverrideValue) {
-            return t('record_edition.inherited_input_helper', { inheritedValue: state.inheritedValue.raw_value });
-        }
-        else if (state.isCalculatedOverrideValue) {
-            return t('record_edition.calculated_input_helper', { calculatedValue: state.calculatedValue.raw_value });
+        else {
+            onChange(undefined, undefined);
         }
-        return;
+        await handleSubmit(null, attribute.id);
+        setIsFocused(false);
+    };
+    const _handleFormatChange = (newFormat) => {
+        setHasChanged(true);
+        setFormat(newFormat);
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    return (_jsx(KitColorPickerStyled, { ref: colorPickerRef, value: currentHex, "aria-label": label, label: label, helper: _getHelper(), required: state.formElement.settings.required, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, disabled: state.isReadOnly, disabledAlpha: true, showText: true, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, onOpenChange: _handleOnOpenChange, onChange: _handleOnChange, onClear: _handleOnClear, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue) }));
+    return (_jsx(KitColorPickerStyled
+    // This is a hack to force the color picker to re-render when needed (e.g. reset to inherited value)
+    // https://react.dev/learn/preserving-and-resetting-state#option-2-resetting-state-with-a-key
+    , { id: attribute.id, autoFocus: isFocused, open: attribute.multiple_values ? isFocused : undefined, "data-testid": attribute.id, value: value, format: format, showText: isFocused || !presentationValue ? true : () => `${presentationValue}`, "aria-label": label, disabled: readonly, allowClear: value && !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, onOpenChange: _handleOnOpenChange, onChange: _handleOnChange, onClear: _handleOnClear, onFormatChange: _handleFormatChange }, key));
 };
 //# sourceMappingURL=DSColorPickerWrapper.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSColorPickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSColorPickerWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSColorPickerWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DSColorPickerWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSColorPickerWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.d.ts

@@ -1,15 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import { IProvidedByAntFormItem, StandardValueTypes } from '../../../_types';
-import { DatePickerProps } from 'antd/lib/date-picker';
-import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSDatePickerWrapperProps extends IProvidedByAntFormItem<DatePickerProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: StandardValueTypes, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSDatePickerWrapper: FunctionComponent<IDSDatePickerWrapperProps>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { IKitDatePicker } from 'aristid-ds/dist/Kit/DataEntry/DatePicker/types';
+export declare const DSDatePickerWrapper: FunctionComponent<IStandFieldValueContentProps<IKitDatePicker>>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.js

@@ -3,70 +3,66 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { KitDatePicker } from 'aristid-ds';
-import { useEffect, useRef } from 'react';
+import { useRef, useState } from 'react';
 import { Form } from 'antd';
 import dayjs from 'dayjs';
 import styled from 'styled-components';
+import { setDateToUTCNoon } from '../../../../../../_utils';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-import { useLang } from '../../../../../../hooks';
-import { localizedTranslation } from '@leav/utils';
+import { EMPTY_INITIAL_VALUE_STRING } from '../../../antdUtils';
 const KitDatePickerStyled = styled(KitDatePicker) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
+    width: 100%;
 `;
-export const DSDatePickerWrapper = ({ value, onChange, handleBlur, state, attribute, fieldValue, handleSubmit, shouldShowValueDetailsButton = false }) => {
-    const { t } = useSharedTranslation();
-    const { lang: availableLangs } = useLang();
+export const DSDatePickerWrapper = ({ value, presentationValue, isLastValueOfMultivalues, removeLastValueOfMultivalues, onChange, attribute, handleSubmit, readonly, calculatedFlags, inheritedFlags, setActiveValue }) => {
+    if (!onChange) {
+        throw Error('DSDatePickerWrapper should be used inside a antd Form.Item');
+    }
+    const isNewValueOfMultivalues = isLastValueOfMultivalues && typeof value === 'string' && value === EMPTY_INITIAL_VALUE_STRING;
+    const focusedDefaultValue = attribute.multiple_values ? isNewValueOfMultivalues : false;
     const { errors } = Form.Item.useStatus();
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
-    const inputRef = useRef(null);
-    useEffect(() => {
-        if (fieldValue.isEditing && inputRef.current) {
-            inputRef.current.nativeElement.click(); // To automatically open the date picker
-        }
-    }, [fieldValue.isEditing]);
-    const _resetToInheritedOrCalculatedValue = () => {
-        if (state.isInheritedValue) {
-            onChange(dayjs.unix(Number(state.inheritedValue.raw_value)), state.inheritedValue.raw_value);
+    const { t } = useSharedTranslation();
+    const hasChangedRef = useRef(false);
+    const [isFocused, setIsFocused] = useState(focusedDefaultValue);
+    const isErrors = errors.length > 0;
+    const _resetToInheritedOrCalculatedValue = async () => {
+        hasChangedRef.current = false;
+        if (inheritedFlags.isInheritedValue) {
+            onChange(dayjs.unix(Number(inheritedFlags.inheritedValue.raw_payload)), inheritedFlags.inheritedValue.raw_payload);
         }
-        else if (state.isCalculatedValue) {
-            onChange(dayjs.unix(Number(state.calculatedValue.raw_value)), state.calculatedValue.raw_value);
+        else if (calculatedFlags.isCalculatedValue) {
+            onChange(dayjs.unix(Number(calculatedFlags.calculatedValue.raw_payload)), calculatedFlags.calculatedValue.raw_payload);
         }
-        handleSubmit('', state.attribute.id);
+        await handleSubmit(null, attribute.id);
     };
-    const _handleDateChange = (datePickerDate, ...antOnChangeParams) => {
-        if ((state.isInheritedValue || state.isCalculatedValue) && datePickerDate === null) {
+    const _handleDateChange = async (datePickerDate, ...antOnChangeParams) => {
+        hasChangedRef.current = true;
+        if ((inheritedFlags.isInheritedValue || calculatedFlags.isCalculatedValue) && datePickerDate === null) {
             _resetToInheritedOrCalculatedValue();
             return;
         }
-        onChange(datePickerDate, ...antOnChangeParams);
-        // TODO : validate form with await form.validateFields(state.attribute.id)
-        if (state.formElement.settings.required && datePickerDate === null) {
-            return;
+        if (!!datePickerDate) {
+            datePickerDate = setDateToUTCNoon(datePickerDate);
         }
-        let dateToSave = null;
+        onChange(datePickerDate, ...antOnChangeParams);
+        // TODO : validate form with await form.validateFields(attribute.id)
+        let dateToSave = '';
         if (!!datePickerDate) {
             dateToSave = String(datePickerDate.unix());
         }
-        handleSubmit(dateToSave, state.attribute.id);
+        await handleSubmit(dateToSave, attribute.id);
     };
-    const _getHelper = () => {
-        if (state.isInheritedOverrideValue) {
-            return t('record_edition.inherited_input_helper', {
-                inheritedValue: state.inheritedValue.value
-            });
+    const _handleOpenChange = (open) => {
+        if (!open) {
+            setIsFocused(false);
+            if (!hasChangedRef.current && isNewValueOfMultivalues) {
+                removeLastValueOfMultivalues();
+            }
         }
-        else if (state.isCalculatedOverrideValue) {
-            return t('record_edition.calculated_input_helper', {
-                calculatedValue: state.calculatedValue.value
-            });
-        }
-        return;
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLangs);
-    return (_jsx(KitDatePickerStyled, { ref: inputRef, value: value, onChange: _handleDateChange, label: label, required: state.formElement.settings.required, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, status: errors.length > 0 ? 'error' : undefined, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, helper: _getHelper(), onBlur: handleBlur, "$shouldHighlightColor": state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue }));
+    const _handleOnFocus = () => {
+        setIsFocused(true);
+        setActiveValue();
+    };
+    return (_jsx(KitDatePickerStyled, { id: attribute.id, autoFocus: isFocused, open: attribute.multiple_values ? isFocused : undefined, value: value, format: isFocused || isErrors || !presentationValue ? undefined : () => presentationValue, disabled: readonly, allowClear: !inheritedFlags.isInheritedNotOverrideValue && !calculatedFlags.isCalculatedNotOverrideValue, helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, onChange: _handleDateChange, onFocus: _handleOnFocus, onOpenChange: _handleOpenChange, placeholder: t('record_edition.placeholder.enter_a_date') }));
 };
 //# sourceMappingURL=DSDatePickerWrapper.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSDatePickerWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DSDatePickerWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSDatePickerWrapper.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.d.ts

@@ -1,15 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import { InputProps } from 'antd';
-import { IProvidedByAntFormItem } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
-import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSInputEncryptedWrapper extends IProvidedByAntFormItem<InputProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: string, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSInputEncryptedWrapper: FunctionComponent<IDSInputEncryptedWrapper>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { IKitPassword } from 'aristid-ds/dist/Kit/DataEntry/Input/types';
+export declare const DSInputEncryptedWrapper: FunctionComponent<IStandFieldValueContentProps<IKitPassword>>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.js

@@ -1,91 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
-// This file is released under LGPL V3
-// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { KitInput } from 'aristid-ds';
-import { useEffect, useRef, useState } from 'react';
 import { Form } from 'antd';
-import styled from 'styled-components';
+import { KitInput } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
-import { useValueDetailsButton } from '../../../../../../components/RecordEdition/EditRecordContent/shared/ValueDetailsBtn/useValueDetailsButton';
-import { useLang } from '../../../../../../hooks';
-import { localizedTranslation } from '@leav/utils';
-const KitInputPasswordStyled = styled(KitInput.Password) `
-    color: ${({ $shouldHighlightColor }) => ($shouldHighlightColor ? 'var(--general-colors-primary-400)' : 'initial')};
-
-    .kit-input-wrapper-helper {
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        overflow: hidden;
+export const DSInputEncryptedWrapper = ({ value, onChange, attribute, handleSubmit, readonly, setActiveValue }) => {
+    if (!onChange) {
+        throw Error('DSInputEncryptedWrapper should be used inside a antd Form.Item');
     }
-`;
-export const DSInputEncryptedWrapper = ({ value, onChange, state, attribute, fieldValue, handleSubmit, handleBlur, shouldShowValueDetailsButton = false }) => {
-    const { t } = useSharedTranslation();
     const { errors } = Form.Item.useStatus();
-    const { onValueDetailsButtonClick } = useValueDetailsButton({
-        value: fieldValue?.value,
-        attribute
-    });
-    const [hasChanged, setHasChanged] = useState(false);
-    const { lang: availableLang } = useLang();
-    const inputRef = useRef(null);
-    useEffect(() => {
-        if (fieldValue.isEditing && inputRef.current) {
-            inputRef.current.focus();
-        }
-    }, [fieldValue.isEditing]);
-    const _resetToInheritedOrCalculatedValue = () => {
-        setHasChanged(false);
-        if (state.isInheritedValue) {
-            onChange(state.inheritedValue.raw_value);
-        }
-        else if (state.isCalculatedValue) {
-            onChange(state.calculatedValue.raw_value);
-        }
-        handleSubmit('', state.attribute.id);
+    const { t } = useSharedTranslation();
+    const isErrors = errors.length > 0;
+    const _handleOnFocus = () => {
+        setActiveValue();
     };
     const _handleOnBlur = (event) => {
-        if (!hasChanged) {
-            handleBlur();
-            return;
-        }
         const valueToSubmit = event.target.value;
-        if (valueToSubmit === '' && (state.isInheritedValue || state.isCalculatedValue)) {
-            _resetToInheritedOrCalculatedValue();
-            return;
-        }
-        if (!state.isInheritedValue && !state.isCalculatedValue) {
-            handleSubmit(valueToSubmit, state.attribute.id);
-        }
+        handleSubmit(valueToSubmit, attribute.id);
         onChange(event);
     };
-    const _handleOnChange = (event) => {
-        setHasChanged(true);
+    const _handleOnChange = async (event) => {
         const inputValue = event.target.value;
-        if ((state.isInheritedValue || state.isCalculatedValue) && inputValue === '' && event.type === 'click') {
-            _resetToInheritedOrCalculatedValue();
-            return;
-        }
         onChange(event);
-    };
-    const _getHelper = () => {
-        if (state.isInheritedOverrideValue) {
-            return t('record_edition.inherited_input_helper', {
-                inheritedValue: state.inheritedValue.raw_value
-            });
-        }
-        else if (state.isCalculatedOverrideValue) {
-            return t('record_edition.calculated_input_helper', {
-                calculatedValue: state.calculatedValue.raw_value
-            });
+        if (inputValue === '' && event.type === 'click') {
+            await handleSubmit(null, attribute.id);
         }
-        return;
     };
-    const label = localizedTranslation(state.formElement.settings.label, availableLang);
-    return (_jsx(KitInputPasswordStyled
-    // @ts-expect-error - ref is not a valid prop for Input.Password but works at runtime
-    , { 
-        // @ts-expect-error - ref is not a valid prop for Input.Password but works at runtime
-        ref: inputRef, autoComplete: "new-password", "data-testid": "kit-input-password", label: label, required: state.formElement.settings.required, status: errors.length > 0 ? 'error' : undefined, onInfoClick: shouldShowValueDetailsButton ? onValueDetailsButtonClick : null, helper: _getHelper(), value: value, disabled: state.isReadOnly, allowClear: !state.isInheritedNotOverrideValue && !state.isCalculatedNotOverrideValue, onBlur: _handleOnBlur, onChange: _handleOnChange, "$shouldHighlightColor": !hasChanged && (state.isInheritedNotOverrideValue || state.isCalculatedNotOverrideValue) }));
+    return (_jsx(KitInput.Password, { id: attribute.id, autoComplete: "new-password", "data-testid": "kit-input-password", helper: isErrors ? String(errors[0]) : undefined, status: isErrors ? 'error' : undefined, value: value, placeholder: t('record_edition.placeholder.enter_a_password'), disabled: readonly, allowClear: true, onChange: _handleOnChange, onFocus: _handleOnFocus, onBlur: _handleOnBlur }));
 };
 //# sourceMappingURL=DSInputEncryptedWrapper.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSInputEncryptedWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DSInputEncryptedWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputEncryptedWrapper.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAG1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,uBAAuB,GAAkE,CAAC,EACnG,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,cAAc,EACjB,EAAE,EAAE;IACD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACZ,MAAM,KAAK,CAAC,gEAAgE,CAAC,CAAC;IAClF,CAAC;IAED,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;IACvC,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAEnC,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,cAAc,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAmC,EAAE,EAAE;QAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACzC,YAAY,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAE1C,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,KAAK,EAAE,KAAoC,EAAE,EAAE;QACnE,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QACtC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,IAAI,UAAU,KAAK,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;YAC9C,MAAM,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAC3C,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,CAAC,QAAQ,IACd,EAAE,EAAE,SAAS,CAAC,EAAE,EAChB,YAAY,EAAC,cAAc,iBACf,oBAAoB,EAChC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChD,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACtC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,CAAC,CAAC,6CAA6C,CAAC,EAC7D,QAAQ,EAAE,QAAQ,EAClB,UAAU,QACV,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,GACvB,CACL,CAAC;AACN,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardFieldValue/DSInputNumberWrapper.d.ts

@@ -1,15 +1,4 @@
 import { FunctionComponent } from 'react';
-import { IStandardFieldReducerState, IStandardFieldValue } from '../../../reducers/standardFieldReducer/standardFieldReducer';
-import { InputNumberProps } from 'antd';
-import { IProvidedByAntFormItem } from '../../../../../../components/RecordEdition/EditRecordContent/_types';
-import { RecordFormAttributeFragment } from '../../../../../../_gqlTypes';
-interface IDSInputWrapperProps extends IProvidedByAntFormItem<InputNumberProps> {
-    state: IStandardFieldReducerState;
-    attribute: RecordFormAttributeFragment;
-    fieldValue: IStandardFieldValue;
-    handleSubmit: (value: string, id?: string) => void;
-    handleBlur: () => void;
-    shouldShowValueDetailsButton?: boolean;
-}
-export declare const DSInputNumberWrapper: FunctionComponent<IDSInputWrapperProps>;
-export {};
+import { IStandFieldValueContentProps } from './_types';
+import { KitInputNumberProps } from 'aristid-ds/dist/Kit/DataEntry/InputNumber/types';
+export declare const DSInputNumberWrapper: FunctionComponent<IStandFieldValueContentProps<KitInputNumberProps>>;