uikit-react-public 0.48.1 → 0.49.1

package/dist/components/ConfidentialDisplayField/ConfidentialDisplayField.d.ts

@@ -0,0 +1,10 @@
+import { DisplayFieldProps } from '../DisplayField';
+import { MaskFormat } from '../common/formatConfidentialValue';
+export declare const NAME = "ucl-uikit-confidential-display-field";
+export interface ConfidentialDisplayFieldProps extends DisplayFieldProps {
+    maskFormat: MaskFormat;
+    showable?: boolean;
+}
+export type Ref = HTMLOutputElement;
+declare const _default: import('react').NamedExoticComponent<ConfidentialDisplayFieldProps & import('react').RefAttributes<HTMLOutputElement>>;
+export default _default;

package/dist/components/ConfidentialDisplayField/ConfidentialDisplayField.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./ConfidentialDisplayField').ConfidentialDisplayFieldProps & import('react').RefAttributes<HTMLOutputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        value: string;
+        maskFormat: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Showable: Story;
+export declare const WithSeparators: Story;
+export declare const FunctionMask: Story;

package/dist/components/ConfidentialDisplayField/__tests__/ConfidentialDisplayField.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './ConfidentialDisplayField';
+export type { ConfidentialDisplayFieldProps } from './ConfidentialDisplayField';

package/dist/components/ConfidentialInput/ConfidentialInput.d.ts

@@ -1,7 +1,8 @@
 import { InputProps } from '../Input';
+import { MaskFormat } from '../common/formatConfidentialValue';
 export declare const NAME = "ucl-uikit-confidential-input";
 export interface ConfidentialInputProps extends Omit<InputProps, 'iconButton' | 'type'> {
-    maskFormat: string | ((value: string) => string);
+    maskFormat: MaskFormat;
     showable?: boolean;
     visibleWhenFocused?: boolean;
 }

package/dist/components/DisplayField/DisplayField.d.ts

@@ -0,0 +1,14 @@
+import { OutputHTMLAttributes } from 'react';
+import { MarginProps } from '../common/marginsStyle';
+import { DisplayValueFormat } from '../common/formatDisplayValue';
+export declare const NAME = "ucl-uikit-display-field";
+export interface DisplayFieldBaseProps extends Omit<OutputHTMLAttributes<HTMLOutputElement>, 'children' | 'value'> {
+    value: string | number;
+    numeric?: boolean;
+    format?: DisplayValueFormat;
+    testId?: string;
+}
+export type DisplayFieldProps = DisplayFieldBaseProps & MarginProps;
+export type Ref = HTMLOutputElement;
+declare const _default: import('react').NamedExoticComponent<DisplayFieldBaseProps & MarginProps & import('react').RefAttributes<HTMLOutputElement>>;
+export default _default;

package/dist/components/DisplayField/DisplayField.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').NamedExoticComponent<import('./DisplayField').DisplayFieldBaseProps & import('../common/marginsStyle').MarginProps & import('react').RefAttributes<HTMLOutputElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    args: {
+        value: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Text: Story;
+export declare const Number: Story;
+export declare const NumericString: Story;
+export declare const StringFormat: Story;
+export declare const FunctionFormat: Story;

package/dist/components/DisplayField/__tests__/DisplayField.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,2 @@
+export { default } from './DisplayField';
+export type { DisplayFieldProps } from './DisplayField';

package/dist/components/Input/Input.d.ts

@@ -2,6 +2,7 @@ import { InputHTMLAttributes, ReactElement } from 'react';
 import { MarginProps } from '../common/marginsStyle';
 import { IconProps } from '../Icon';
 import { IconButtonProps } from '../IconButton/IconButton';
+import { DisplayValueFormat } from '../common/formatDisplayValue';
 export declare const NAME = "ucl-uikit-input";
 export declare const INPUT_NAME = "ucl-uikit-input__input";
 export interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
@@ -9,6 +10,7 @@ export interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
     iconPosition?: 'left' | 'right';
     iconButton?: ReactElement<IconButtonProps>;
     inputClassName?: string;
+    format?: DisplayValueFormat;
     testId?: string;
 }
 export type InputProps = InputBaseProps & MarginProps;

package/dist/components/Input/Input.stories.d.ts

@@ -10,3 +10,4 @@ export declare const LeftIcon: Story;
 export declare const RightIcon: Story;
 export declare const Password: Story;
 export declare const Email: Story;
+export declare const Formatted: Story;

package/dist/components/common/formatConfidentialValue.d.ts

@@ -0,0 +1,3 @@
+export type MaskFormat = string | ((value: string) => string);
+declare const formatConfidentialValue: (value: string, maskFormat: MaskFormat) => string;
+export default formatConfidentialValue;

package/dist/components/common/formatDisplayValue.d.ts

@@ -0,0 +1,3 @@
+export type DisplayValueFormat = string | ((value: string) => string);
+declare const formatDisplayValue: (value: string, format?: DisplayValueFormat) => string;
+export default formatDisplayValue;

package/dist/components/index.d.ts

@@ -4,6 +4,10 @@ export { default as Input } from './Input';
 export type { InputProps } from './Input';
 export { default as ConfidentialInput } from './ConfidentialInput';
 export type { ConfidentialInputProps } from './ConfidentialInput';
+export { default as DisplayField } from './DisplayField';
+export type { DisplayFieldProps } from './DisplayField';
+export { default as ConfidentialDisplayField } from './ConfidentialDisplayField';
+export type { ConfidentialDisplayFieldProps } from './ConfidentialDisplayField';
 export { default as Link } from './Link';
 export type { LinkProps } from './Link';
 export { default as StandaloneLink } from './StandaloneLink';