@zealicsolutions/web-ui 0.2.143 → 0.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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>;
|