forstok-ui-lib 5.0.2 → 5.1.0
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/index.d.ts +30 -4
- package/dist/index.js +105 -84
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +96 -75
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
- package/src/assets/images/image-placeholder.jpg +0 -0
- package/src/assets/javascripts/function.ts +28 -0
- package/src/components/image/index.tsx +17 -0
- package/src/components/image/styles.ts +39 -0
- package/src/components/index.ts +1 -0
- package/src/components/input/index.tsx +46 -25
- package/src/components/input/ref.tsx +59 -0
- package/src/components/input/styles.ts +26 -4
- package/src/components/select/index.tsx +331 -0
- package/src/components/select/styles.ts +5 -0
- package/src/components/select/typed.ts +16 -0
- package/src/typeds/shares.typed.ts +20 -0
- package/tsconfig.json +1 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ChangeEvent, DragEvent, InputHTMLAttributes, PropsWithChildren, ButtonHTMLAttributes, RefObject } from 'react';
|
|
3
|
+
import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ChangeEvent, DragEvent, InputHTMLAttributes, PropsWithChildren, ButtonHTMLAttributes, RefObject, ImgHTMLAttributes } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
import * as styled_components_dist_types from 'styled-components/dist/types';
|
|
6
6
|
|
|
@@ -76,7 +76,7 @@ type TFileImage = TFile & {
|
|
|
76
76
|
type TState<T> = Dispatch<SetStateAction<T>>;
|
|
77
77
|
|
|
78
78
|
type TInput$1 = InputHTMLAttributes<HTMLInputElement> & {
|
|
79
|
-
mode?: string;
|
|
79
|
+
$mode?: string;
|
|
80
80
|
$isError?: boolean;
|
|
81
81
|
$iconLeft?: boolean;
|
|
82
82
|
$iconRight?: boolean;
|
|
@@ -90,8 +90,9 @@ type TInput$1 = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
90
90
|
evChangeCustom?: (key: string, value: any) => void;
|
|
91
91
|
evEnter?: TEnterEvent;
|
|
92
92
|
evKeyUp?: TKeyboadEvent;
|
|
93
|
+
$aliasLabel?: string;
|
|
93
94
|
};
|
|
94
|
-
declare const InputComponent: ({ mode, $isError, $iconLeft, $iconRight, reset, setReset, isForceUpdate, setForceUpdate, evChange, evBlur, isField, evChangeCustom, evEnter, evKeyUp, ...props }: TInput$1) => react_jsx_runtime.JSX.Element;
|
|
95
|
+
declare const InputComponent: ({ $mode, $aliasLabel, $isError, $iconLeft, $iconRight, reset, setReset, isForceUpdate, setForceUpdate, evChange, evBlur, isField, evChangeCustom, evEnter, evKeyUp, ...props }: TInput$1) => react_jsx_runtime.JSX.Element;
|
|
95
96
|
|
|
96
97
|
type TInput = InputHTMLAttributes<HTMLInputElement> & {
|
|
97
98
|
evChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
@@ -225,6 +226,11 @@ declare function ReactPortalComponent({ children, wrapperId }: {
|
|
|
225
226
|
wrapperId?: string;
|
|
226
227
|
}): react_jsx_runtime.JSX.Element;
|
|
227
228
|
|
|
229
|
+
type TImage = ImgHTMLAttributes<HTMLImageElement> & {
|
|
230
|
+
$mode?: string;
|
|
231
|
+
};
|
|
232
|
+
declare const ImageComponent: ({ $mode, ...props }: TImage) => react_jsx_runtime.JSX.Element;
|
|
233
|
+
|
|
228
234
|
declare const FormContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components.FastOmit<styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>, never>, {
|
|
229
235
|
name?: string;
|
|
230
236
|
}>> & string;
|
|
@@ -289,5 +295,25 @@ type THierarchy = {
|
|
|
289
295
|
evCloseDropdown?: TCloseDropdownFunction;
|
|
290
296
|
evCreateMessageQuestion?: TMessageQuestionFunction;
|
|
291
297
|
};
|
|
298
|
+
type TChannel = {
|
|
299
|
+
channelName?: string;
|
|
300
|
+
channelInitials?: string;
|
|
301
|
+
channelColor?: string;
|
|
302
|
+
channelImage?: string;
|
|
303
|
+
channelId?: number;
|
|
304
|
+
name?: string | null;
|
|
305
|
+
initials?: string | null;
|
|
306
|
+
color?: string | null;
|
|
307
|
+
icon?: string | null;
|
|
308
|
+
id?: number | null;
|
|
309
|
+
totalStores?: number;
|
|
310
|
+
Stores?: {
|
|
311
|
+
id?: number;
|
|
312
|
+
storeName?: string;
|
|
313
|
+
storeImage?: string;
|
|
314
|
+
storeImageName?: string;
|
|
315
|
+
}[];
|
|
316
|
+
availableAPI?: boolean | null;
|
|
317
|
+
};
|
|
292
318
|
|
|
293
|
-
export { ButtonComponent, CheckboxComponent, DropDownComponent as DropdownComponent, FoContainer, FormContainer, HeaderContainer, IconComponent, InfoGroup, InputComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MessageComponent, MessageQuestionComponent, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, SingleFormContainer, type TChangeEvent, type TCloseDropdownFunction, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMouseEvent, type TObject, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TState, type TUser, TabsContainer, TabsContent, TextComponent, Title, type WithRequired, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };
|
|
319
|
+
export { ButtonComponent, CheckboxComponent, DropDownComponent as DropdownComponent, FoContainer, FormContainer, HeaderContainer, IconComponent, ImageComponent, InfoGroup, InputComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MessageComponent, MessageQuestionComponent, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, SingleFormContainer, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMouseEvent, type TObject, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TState, type TUser, TabsContainer, TabsContent, TextComponent, Title, type WithRequired, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };
|