@zealicsolutions/web-ui 0.2.143 → 0.3.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +27 -27
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/cjs/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/cjs/src/atoms/Circle/Circle.d.ts +0 -1
- package/dist/cjs/src/atoms/Input/Input.d.ts +1 -3
- package/dist/cjs/src/atoms/Input/Input.stories.d.ts +1 -1
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.d.ts +21 -40
- package/dist/cjs/src/atoms/RadioButtons/RadioButtons.stories.d.ts +8 -22
- package/dist/cjs/src/atoms/RadioButtons/RadioOption.d.ts +3 -6
- package/dist/cjs/src/atoms/RadioButtons/helpers.d.ts +3 -9
- package/dist/cjs/src/atoms/RadioButtons/styles.d.ts +7 -7
- package/dist/cjs/src/atoms/RichTextViewer/types.d.ts +0 -1
- package/dist/cjs/src/atoms/Select/Select.d.ts +14 -19
- package/dist/cjs/src/atoms/Select/Select.stories.d.ts +1 -14
- package/dist/cjs/src/containers/MoleculeItem.d.ts +0 -1
- package/dist/cjs/src/containers/mock-data.d.ts +0 -1
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +11 -38
- package/dist/cjs/src/containers/types/types.d.ts +4 -7
- package/dist/cjs/src/contexts/MlrRichTextViewerContext/types.d.ts +0 -3
- package/dist/cjs/src/contexts/index.d.ts +0 -3
- package/dist/cjs/src/fieldsConfiguration/types.d.ts +1 -1
- package/dist/cjs/src/helpers/validations.d.ts +0 -7
- package/dist/cjs/src/molecules/Button/Button.d.ts +2 -1
- package/dist/cjs/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/CheckboxField/CheckboxField.stories.d.ts +1 -18
- package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.d.ts +1 -5
- package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/cjs/src/molecules/Image/Image.d.ts +2 -3
- package/dist/cjs/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/InputField/InputField.stories.d.ts +1 -18
- package/dist/cjs/src/molecules/PdfDocument/PdfDocument.d.ts +1 -0
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.d.ts +16 -41
- package/dist/cjs/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +10 -51
- package/dist/cjs/src/molecules/SelectField/SelectField.stories.d.ts +2 -32
- package/dist/cjs/src/molecules/TabGroup/TabGroup.d.ts +4 -2
- package/dist/cjs/src/molecules/TabGroup/styles.d.ts +3 -3
- package/dist/cjs/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/index.d.ts +0 -1
- package/dist/cjs/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/cjs/src/typescript.d.ts +0 -6
- package/dist/esm/index.js +27 -27
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/atoms/Buttons/Buttons.stories.d.ts +4 -4
- package/dist/esm/src/atoms/Buttons/IconButton.d.ts +1 -1
- package/dist/esm/src/atoms/Circle/Circle.d.ts +0 -1
- package/dist/esm/src/atoms/Input/Input.d.ts +1 -3
- package/dist/esm/src/atoms/Input/Input.stories.d.ts +1 -1
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.d.ts +21 -40
- package/dist/esm/src/atoms/RadioButtons/RadioButtons.stories.d.ts +8 -22
- package/dist/esm/src/atoms/RadioButtons/RadioOption.d.ts +3 -6
- package/dist/esm/src/atoms/RadioButtons/helpers.d.ts +3 -9
- package/dist/esm/src/atoms/RadioButtons/styles.d.ts +7 -7
- package/dist/esm/src/atoms/RichTextViewer/types.d.ts +0 -1
- package/dist/esm/src/atoms/Select/Select.d.ts +14 -19
- package/dist/esm/src/atoms/Select/Select.stories.d.ts +1 -14
- package/dist/esm/src/containers/MoleculeItem.d.ts +0 -1
- package/dist/esm/src/containers/mock-data.d.ts +0 -1
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +11 -38
- package/dist/esm/src/containers/types/types.d.ts +4 -7
- package/dist/esm/src/contexts/MlrRichTextViewerContext/types.d.ts +0 -3
- package/dist/esm/src/contexts/index.d.ts +0 -3
- package/dist/esm/src/fieldsConfiguration/types.d.ts +1 -1
- package/dist/esm/src/helpers/validations.d.ts +0 -7
- package/dist/esm/src/molecules/Button/Button.d.ts +2 -1
- package/dist/esm/src/molecules/Button/Button.stories.d.ts +2 -2
- package/dist/esm/src/molecules/CheckboxField/CheckboxField.stories.d.ts +1 -18
- package/dist/esm/src/molecules/CheckboxField/CheckboxGroup.d.ts +1 -5
- package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/esm/src/molecules/Image/Image.d.ts +2 -3
- package/dist/esm/src/molecules/Image/Image.stories.d.ts +1 -1
- package/dist/esm/src/molecules/InputField/InputField.stories.d.ts +1 -18
- package/dist/esm/src/molecules/PdfDocument/PdfDocument.d.ts +1 -0
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.d.ts +16 -41
- package/dist/esm/src/molecules/RadioButtonField/RadioButtonField.stories.d.ts +10 -51
- package/dist/esm/src/molecules/SelectField/SelectField.stories.d.ts +2 -32
- package/dist/esm/src/molecules/TabGroup/TabGroup.d.ts +4 -2
- package/dist/esm/src/molecules/TabGroup/styles.d.ts +3 -3
- package/dist/esm/src/molecules/Video/Video.stories.d.ts +1 -1
- package/dist/esm/src/molecules/index.d.ts +0 -1
- package/dist/esm/src/organisms/Consent/Consent.stories.d.ts +2 -2
- package/dist/esm/src/typescript.d.ts +0 -6
- package/dist/index.d.ts +117 -245
- package/package.json +5 -9
- package/dist/cjs/src/atoms/Input/helpers.d.ts +0 -18
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
- package/dist/cjs/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
- package/dist/cjs/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -20
- package/dist/cjs/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +0 -9
- package/dist/esm/src/atoms/Input/helpers.d.ts +0 -18
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContext.d.ts +0 -11
- package/dist/esm/src/contexts/ButtonActionsContext/ButtonActionsContextProvider.d.ts +0 -11
- package/dist/esm/src/contexts/hooks/useButtonActionsContext.d.ts +0 -1
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.d.ts +0 -20
- package/dist/esm/src/molecules/ZealUIModal/ZealUIModal.stories.d.ts +0 -9
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@zealicsolutions/web-ui",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.3.1",
|
4
4
|
"repository": {
|
5
5
|
"type": "git",
|
6
6
|
"url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
|
@@ -57,10 +57,8 @@
|
|
57
57
|
"@types/jest": "^29.0.0",
|
58
58
|
"@types/react": "^18.0.18",
|
59
59
|
"@types/react-pdf": "^6.2.0",
|
60
|
-
"@types/react-text-mask": "^5.4.11",
|
61
60
|
"@types/styled-components": "^5.1.26",
|
62
61
|
"@types/styled-system": "^5.1.15",
|
63
|
-
"@types/text-mask-addons": "^3.8.1",
|
64
62
|
"@typescript-eslint/eslint-plugin": "^5.36.2",
|
65
63
|
"@typescript-eslint/parser": "^5.36.2",
|
66
64
|
"babel-loader": "^8.2.5",
|
@@ -87,8 +85,8 @@
|
|
87
85
|
"peerDependencies": {
|
88
86
|
"react": "^18.2.0",
|
89
87
|
"react-dom": "^18.2.0",
|
90
|
-
"
|
91
|
-
"
|
88
|
+
"styled-components": "^5.3.5",
|
89
|
+
"react-pdf": "6.2.2"
|
92
90
|
},
|
93
91
|
"dependencies": {
|
94
92
|
"@mui/material": "^5.10.4",
|
@@ -103,11 +101,9 @@
|
|
103
101
|
"react-google-maps": "^9.4.5",
|
104
102
|
"react-hook-form": "^7.34.2",
|
105
103
|
"react-pdf": "6.2.2",
|
106
|
-
"react-text-mask": "^5.5.0",
|
107
104
|
"slate": "^0.85.0",
|
108
105
|
"slate-react": "^0.83.2",
|
109
|
-
"styled-components": "^5.3.5"
|
110
|
-
"text-mask-addons": "^3.8.0"
|
106
|
+
"styled-components": "^5.3.5"
|
111
107
|
},
|
112
108
|
"resolutions": {
|
113
109
|
"@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
|
@@ -123,4 +119,4 @@
|
|
123
119
|
"homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
|
124
120
|
"keywords": [],
|
125
121
|
"description": ""
|
126
|
-
}
|
122
|
+
}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { MaskedInputProps } from 'react-text-mask';
|
2
|
-
import { HTMLInputTypeAttribute } from 'react';
|
3
|
-
import { ThemeColors } from 'theme';
|
4
|
-
import { InputProps } from 'atoms';
|
5
|
-
import { InputFieldTypes } from '../../fieldsConfiguration';
|
6
|
-
export declare type MaskConfig = Partial<{
|
7
|
-
maskPlaceholder: string;
|
8
|
-
dataModelFieldType: InputFieldTypes;
|
9
|
-
maskPattern: Array<string | RegExp>;
|
10
|
-
}>;
|
11
|
-
export declare const getSpecificInputProps: (type: InputFieldTypes) => {
|
12
|
-
type?: HTMLInputTypeAttribute | undefined;
|
13
|
-
inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
14
|
-
};
|
15
|
-
export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
|
16
|
-
export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
|
17
|
-
isFocused: boolean;
|
18
|
-
}) => ThemeColors;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
2
|
-
import { ContainerComponentProps } from 'containers';
|
3
|
-
export declare type ButtonActionsContextType = {
|
4
|
-
actionContent?: ContainerComponentProps;
|
5
|
-
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
6
|
-
isModalVisible: boolean;
|
7
|
-
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
8
|
-
isDrawerVisible: boolean;
|
9
|
-
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
10
|
-
};
|
11
|
-
export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
2
|
-
import { ContainerComponentProps } from 'containers';
|
3
|
-
export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
|
4
|
-
actionContent: ContainerComponentProps;
|
5
|
-
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
6
|
-
isModalVisible: boolean;
|
7
|
-
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
8
|
-
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
9
|
-
isDrawerVisible: boolean;
|
10
|
-
}>>;
|
11
|
-
export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
|
-
import React, { KeyboardEvent, PropsWithChildren } from 'react';
|
3
|
-
import { CSSProperties } from 'styled-components';
|
4
|
-
import type { Callback, OverrideStyles } from 'typescript';
|
5
|
-
export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
|
6
|
-
padding?: number | string;
|
7
|
-
wrapperStyles?: CSSProperties;
|
8
|
-
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
9
|
-
modalStyles?: CSSProperties;
|
10
|
-
onClose?: Callback;
|
11
|
-
};
|
12
|
-
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
13
|
-
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
14
|
-
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
15
|
-
activeOpacity?: number | undefined;
|
16
|
-
withoutOpacityEffect?: boolean | undefined;
|
17
|
-
disabled?: boolean | undefined;
|
18
|
-
} & {
|
19
|
-
children?: React.ReactNode;
|
20
|
-
}, never>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import { MaskedInputProps } from 'react-text-mask';
|
2
|
-
import { HTMLInputTypeAttribute } from 'react';
|
3
|
-
import { ThemeColors } from 'theme';
|
4
|
-
import { InputProps } from 'atoms';
|
5
|
-
import { InputFieldTypes } from '../../fieldsConfiguration';
|
6
|
-
export declare type MaskConfig = Partial<{
|
7
|
-
maskPlaceholder: string;
|
8
|
-
dataModelFieldType: InputFieldTypes;
|
9
|
-
maskPattern: Array<string | RegExp>;
|
10
|
-
}>;
|
11
|
-
export declare const getSpecificInputProps: (type: InputFieldTypes) => {
|
12
|
-
type?: HTMLInputTypeAttribute | undefined;
|
13
|
-
inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
14
|
-
};
|
15
|
-
export declare const getMaskInputProps: (type?: InputFieldTypes, config?: MaskConfig) => Pick<MaskedInputProps, 'pipe' | 'mask' | 'placeholder' | 'keepCharPositions'>;
|
16
|
-
export declare const getInputIconColor: ({ isEditMode, isFocused, isError, disabled, }: Pick<InputProps, "disabled" | "isError" | "isEditMode"> & {
|
17
|
-
isFocused: boolean;
|
18
|
-
}) => ThemeColors;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { Dispatch, SetStateAction } from 'react';
|
2
|
-
import { ContainerComponentProps } from 'containers';
|
3
|
-
export declare type ButtonActionsContextType = {
|
4
|
-
actionContent?: ContainerComponentProps;
|
5
|
-
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
6
|
-
isModalVisible: boolean;
|
7
|
-
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
8
|
-
isDrawerVisible: boolean;
|
9
|
-
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
10
|
-
};
|
11
|
-
export declare const ButtonActionsContext: import("react").Context<ButtonActionsContextType>;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
2
|
-
import { ContainerComponentProps } from 'containers';
|
3
|
-
export declare type ButtonActionsProviderProps = PropsWithChildren<Partial<{
|
4
|
-
actionContent: ContainerComponentProps;
|
5
|
-
setActionContent: Dispatch<SetStateAction<ContainerComponentProps>>;
|
6
|
-
isModalVisible: boolean;
|
7
|
-
setModalVisible: Dispatch<SetStateAction<boolean>>;
|
8
|
-
setDrawerVisible: Dispatch<SetStateAction<boolean>>;
|
9
|
-
isDrawerVisible: boolean;
|
10
|
-
}>>;
|
11
|
-
export declare const ButtonActionsProvider: ({ children }: ButtonActionsProviderProps) => JSX.Element;
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const useButtonActionsContext: () => import("contexts/ButtonActionsContext/ButtonActionsContext").ButtonActionsContextType;
|
@@ -1,20 +0,0 @@
|
|
1
|
-
import { ModalProps as MUIModalProps } from '@mui/material';
|
2
|
-
import React, { KeyboardEvent, PropsWithChildren } from 'react';
|
3
|
-
import { CSSProperties } from 'styled-components';
|
4
|
-
import type { Callback, OverrideStyles } from 'typescript';
|
5
|
-
export declare type ZealUIModalProps = PropsWithChildren<Pick<MUIModalProps, 'open'>> & {
|
6
|
-
padding?: number | string;
|
7
|
-
wrapperStyles?: CSSProperties;
|
8
|
-
onKeyDown?: <T extends HTMLElement>(event: KeyboardEvent<T>) => void;
|
9
|
-
modalStyles?: CSSProperties;
|
10
|
-
onClose?: Callback;
|
11
|
-
};
|
12
|
-
export declare const ZealUIModal: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: ZealUIModalProps) => JSX.Element;
|
13
|
-
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, OverrideStyles, never>;
|
14
|
-
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
15
|
-
activeOpacity?: number | undefined;
|
16
|
-
withoutOpacityEffect?: boolean | undefined;
|
17
|
-
disabled?: boolean | undefined;
|
18
|
-
} & {
|
19
|
-
children?: React.ReactNode;
|
20
|
-
}, never>;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { StoryFn } from '@storybook/react';
|
3
|
-
import { ZealUIModal as ZealUIModalComponent } from './ZealUIModal';
|
4
|
-
declare const _default: {
|
5
|
-
title: string;
|
6
|
-
component: ({ children, wrapperStyles, padding, onKeyDown, modalStyles, ...rest }: import("./ZealUIModal").ZealUIModalProps) => JSX.Element;
|
7
|
-
};
|
8
|
-
export default _default;
|
9
|
-
export declare const ZealUIModal: StoryFn<typeof ZealUIModalComponent>;
|