@zealicsolutions/web-ui 0.3.0 → 0.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"
@@ -23,6 +23,7 @@
   "scripts": {
     "build": "npm run clean && rollup -c",
     "test": "jest",
+    "start": "npm run storybook",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "clean": "rimraf dist",
@@ -118,4 +119,4 @@
   "homepage": "https://bitbucket.org/Zealic_Solutions/zeal-ui-web#readme",
   "keywords": [],
   "description": ""
-}
+}

package/dist/cjs/src/atoms/Buttons/Button.d.ts

@@ -1,20 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
-import type { Callback } from 'typescript';
-export declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback;
-    variant?: 'primary' | 'secondary';
-    disabled?: boolean;
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-}>;
-export declare type ButtonProps = BaseButtonProps & {
-    fullWidth?: boolean;
-    text?: string;
-    link?: string;
-    elementId?: string;
-    loading?: boolean;
-    isRichText?: boolean;
-    containerStyle?: CSSProperties;
-};
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;

package/dist/cjs/src/atoms/Image/Image.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'styled-components';
-export declare type ImageProps = {
-    src: string;
-    alt?: string;
-    style?: CSSProperties;
-};
-export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
-export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;

package/dist/cjs/src/atoms/Image/Image.stories.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Image as ImageComponent } from './Image';
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
-};
-export default _default;
-export declare const Image: ComponentStory<typeof ImageComponent>;

package/dist/cjs/src/atoms/Select/types.d.ts

@@ -1,14 +0,0 @@
-export declare type SelectOption = {
-    id: string;
-    label: string;
-};
-export declare type SelectProps = {
-    value?: string;
-    optionsPresentation?: boolean;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    options?: SelectOption[];
-    isError?: boolean;
-    isEditMode?: boolean;
-};

package/dist/cjs/src/atoms/Video/Video.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
-import { CSSProperties } from 'styled-components';
-export declare type VideoProps = {
-    src: string;
-    style?: CSSProperties;
-    template?: FeedContentTemplateTypes;
-    autoplay?: boolean;
-    coverImage?: string;
-};
-export declare const Video: ({ style, src, template, autoplay, coverImage }: VideoProps) => JSX.Element;

package/dist/cjs/src/atoms/Video/Video.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
-import { Video as VideoComponent } from './Video';
-declare const _default: {
-    title: string;
-    component: ({ style, src, template, autoplay, coverImage }: import("./Video").VideoProps) => JSX.Element;
-};
-export default _default;
-export declare const Video: ComponentStory<typeof VideoComponent>;

package/dist/cjs/src/molecules/Tab/Tab.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { MenuItem } from '..';
-export declare type TabOption<T = string> = {
-    menuText: string;
-    menuKey: T;
-    onMenuClick?: (key: T) => void;
-    isSelected?: boolean;
-};
-declare type TabElement = HTMLDivElement | null;
-export declare type TabProps<T = string, K = string> = {
-    tabKey: T;
-    text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem<K>[];
-    onOptionClick?: (optionKey: K) => void;
-};
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
-export declare const Tab: <T, K>(props: TabProps<T, K> & {
-    ref?: React.ForwardedRef<TabElement> | undefined;
-}) => ReturnType<typeof ZealTab>;
-export {};

package/dist/esm/src/atoms/Buttons/Button.d.ts

@@ -1,20 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
-import type { Callback } from 'typescript';
-export declare type BaseButtonProps = PropsWithChildren<{
-    onClick?: Callback;
-    variant?: 'primary' | 'secondary';
-    disabled?: boolean;
-    fullWidth?: boolean;
-    size?: 'medium' | 'small';
-}>;
-export declare type ButtonProps = BaseButtonProps & {
-    fullWidth?: boolean;
-    text?: string;
-    link?: string;
-    elementId?: string;
-    loading?: boolean;
-    isRichText?: boolean;
-    containerStyle?: CSSProperties;
-};
-export declare const Button: ({ text: textProp, onClick, loading, disabled, variant, isRichText, fullWidth, elementId, link, containerStyle, children, size, }: ButtonProps) => JSX.Element | null;

package/dist/esm/src/atoms/Image/Image.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties } from 'styled-components';
-export declare type ImageProps = {
-    src: string;
-    alt?: string;
-    style?: CSSProperties;
-};
-export declare const Image: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;
-export declare const BackgroundImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, ImageProps, never>;

package/dist/esm/src/atoms/Image/Image.stories.d.ts

@@ -1,8 +0,0 @@
-import type { ComponentStory } from '@storybook/react';
-import { Image as ImageComponent } from './Image';
-declare const _default: {
-    title: string;
-    component: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, import("./Image").ImageProps, never>;
-};
-export default _default;
-export declare const Image: ComponentStory<typeof ImageComponent>;

package/dist/esm/src/atoms/Select/types.d.ts

@@ -1,14 +0,0 @@
-export declare type SelectOption = {
-    id: string;
-    label: string;
-};
-export declare type SelectProps = {
-    value?: string;
-    optionsPresentation?: boolean;
-    onChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    options?: SelectOption[];
-    isError?: boolean;
-    isEditMode?: boolean;
-};

package/dist/esm/src/atoms/Video/Video.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { FeedContentTemplateTypes } from 'organisms/FeedContent/types';
-import { CSSProperties } from 'styled-components';
-export declare type VideoProps = {
-    src: string;
-    style?: CSSProperties;
-    template?: FeedContentTemplateTypes;
-    autoplay?: boolean;
-    coverImage?: string;
-};
-export declare const Video: ({ style, src, template, autoplay, coverImage }: VideoProps) => JSX.Element;

package/dist/esm/src/atoms/Video/Video.stories.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { ComponentStory } from '@storybook/react';
-import { Video as VideoComponent } from './Video';
-declare const _default: {
-    title: string;
-    component: ({ style, src, template, autoplay, coverImage }: import("./Video").VideoProps) => JSX.Element;
-};
-export default _default;
-export declare const Video: ComponentStory<typeof VideoComponent>;

package/dist/esm/src/molecules/Tab/Tab.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { MenuItem } from '..';
-export declare type TabOption<T = string> = {
-    menuText: string;
-    menuKey: T;
-    onMenuClick?: (key: T) => void;
-    isSelected?: boolean;
-};
-declare type TabElement = HTMLDivElement | null;
-export declare type TabProps<T = string, K = string> = {
-    tabKey: T;
-    text: string;
-    disabled?: boolean;
-    vertical?: boolean;
-    isActive?: boolean;
-    onClick?: (key: T) => void;
-    options?: MenuItem<K>[];
-    onOptionClick?: (optionKey: K) => void;
-};
-declare const ZealTab: <T extends string, K extends string>({ options, onClick, text, tabKey, vertical, onOptionClick, ...tabProps }: TabProps<T, K>, ref: React.ForwardedRef<TabElement>) => JSX.Element;
-export declare const Tab: <T, K>(props: TabProps<T, K> & {
-    ref?: React.ForwardedRef<TabElement> | undefined;
-}) => ReturnType<typeof ZealTab>;
-export {};