@nuskin/foundation-ui-components 1.33.0-1253-feature.3 → 2.0.0

package/src/common/utility/Show.tsx

@@ -1,13 +0,0 @@
-import { PropsWithChildren, ReactElement } from 'react';
-
-type ShowType = PropsWithChildren & {
-    when?: boolean;
-    elseContent?: ReactElement;
-};
-const Show = ({ when, children, elseContent }: ShowType): ReactElement => {
-    if (when) {
-        return <>{children}</>;
-    }
-    return <>{elseContent}</>;
-};
-export default Show;

package/src/common/utility/index.ts

@@ -1 +0,0 @@
-export { default as Show } from './Show';

package/src/common/validations/regex.ts

@@ -1,2 +0,0 @@
-export const emailPattern =
-    /^[\s]*[A-Za-z0-9!#$%&*+/=?^_`{|}~-]+(?:\.[A-Za-z0-9!#$%&*+/=?^_`{|}~-]+)*@(?:[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?\.)+[A-Za-z0-9](?:[A-Za-z0-9-]*[A-Za-z0-9])?[\s]*$/;

package/src/common/videos/NsVideo.spec.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-
-import NsVideo from './NsVideo';
-
-describe('IframeVideo', () => {
-    it('renders an Iframe with the correct props', () => {
-        const src = 'https://www.youtube.com/embed/12345';
-        const title = 'My Video';
-        const width = '560';
-        const height = '315';
-        const allowFullScreen = true;
-
-        const { getByTitle } = render(
-            <NsVideo src={src} title={title} width={width} height={height} allowFullScreen={allowFullScreen} />
-        );
-
-        const iframeElement = getByTitle(title);
-
-        expect(iframeElement).toBeInTheDocument();
-        expect(iframeElement).toHaveAttribute('src', src);
-        expect(iframeElement).toHaveAttribute('width', width);
-        expect(iframeElement).toHaveAttribute('height', height);
-        expect(iframeElement).toHaveAttribute('allowfullscreen');
-    });
-});

package/src/common/videos/NsVideo.stories.tsx

@@ -1,32 +0,0 @@
-/**
- * @author [Vijayaprathap Kumar] (vpkumar@nuskin.com)
- * NsVideo.stories.tsx
- * @description NsVideo component.
- */
-
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { NsVideo } from '.';
-import { withCenterDecorator } from '@/stories/decorators/withCenterDecorator';
-
-type ComponentType = typeof NsVideo;
-type Story = StoryObj<ComponentType>;
-type MetaStory = Meta<ComponentType>;
-
-export default {
-    title: 'Components/Data Display/NsVideo',
-    component: NsVideo,
-    decorators: [withCenterDecorator],
-    argTypes: {
-        allowFullScreen: { control: 'boolean' },
-    },
-    args: {
-        src: 'https://www.youtube.com/embed/UdpWdhi0pdI',
-        title: 'Nuskin Iframe',
-        width: '560',
-        height: '315',
-        allowFullScreen: true,
-    },
-} as MetaStory;
-
-export const Basic: Story = {};

package/src/common/videos/NsVideo.tsx

@@ -1,28 +0,0 @@
-/**
- * @author [Vijayaprathap Kumar] (vpkumar@nuskin.com)
- * NsVideo.tsx
- * @description NsVideo component with a Iframe video url props
- */
-
-import {
-    PropsWithChildren,
-    ReactElement,
-} from 'react';
-
-import { NsVideoProps } from './types.d';
-
-const NsVideo = (props: PropsWithChildren<NsVideoProps>): ReactElement => {
-    const { src, title, width, height, allowFullScreen } = props;
-    return (
-        <iframe
-            title={title}
-            src={src}
-            width={width}
-            height={height}
-            allowFullScreen={allowFullScreen}
-            style={{ border: '0' }}
-        />
-    );
-};
-
-export default NsVideo;

package/src/common/videos/index.ts

@@ -1,2 +0,0 @@
-export { default as NsVideo } from './NsVideo';
-export type { NsVideoProps } from './types.d';

package/src/common/videos/types.d.ts

@@ -1,9 +0,0 @@
-import { AdditionalProps } from '../common.types';
-
-export type NsVideoProps = {
-    src: string;
-    title?: string;
-    width?: string;
-    height?: string;
-    allowFullScreen?: boolean;
-} & AdditionalProps;