@pezeshk-book/modules 0.2.8 → 0.2.10

package/stories/data-table/simple-data-table.tsx

@@ -1,18 +0,0 @@
-import CustomDataTable from '../../data-table';
-import dummyData from './dummy-data';
-import { columns, header } from './data-table-columns';
-import { SimpleDataTableProps } from '../../data-table/simple/simple-data-table.props';
-
-/**
- * Primary UI component for user interaction
- */
-export const SimpleDataTable = (props: {variant: 'simple'} & SimpleDataTableProps) => {
-  return (
-    <CustomDataTable
-      {...props}
-      data={dummyData}
-      header={header}
-      column={columns}
-    />
-  );
-};

package/stories/pagination/pagination.stories.tsx

@@ -1,35 +0,0 @@
-import { useState } from 'react';
-import { Meta, StoryObj } from '@storybook/react';
-import { Pagination } from './pagination';
-
-const meta: Meta<typeof Pagination> = {
-  title: 'Pagination',
-  component: Pagination,
-  argTypes: {
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Pagination>;
-
-export const Default: Story = {
-  render: (args) => {
-    const [page, setPage] = useState<number>(1);
-
-    const nextPageHandler = () => {
-      setPage((prevState) => prevState + 1);
-    };
-
-    const previousPageHandler = () => {
-      setPage((prevState) => prevState - 1);
-    };
-
-    return <Pagination
-      currentPage={page}
-      nextPage={nextPageHandler}
-      previousPage={previousPageHandler}
-      {...args}
-    />;
-  },
-};
-

package/stories/pagination/pagination.tsx

@@ -1,11 +0,0 @@
-import CustomPagination from '../../pagination';
-import { PaginationProps } from '../../pagination/pagination.props';
-
-/**
- * Primary UI component for user interaction
- */
-export const Pagination = ({ ...props }: PaginationProps) => {
-  return (
-    <CustomPagination {...props}/>
-  );
-};

package/stories/slider/slider.stories.tsx

@@ -1,19 +0,0 @@
-import { Slider } from './slider';
-import { Meta, StoryObj } from '@storybook/react';
-
-const meta: Meta<typeof Slider> = {
-  title: 'Slider',
-  component: Slider,
-  argTypes: {
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof Slider>;
-
-export const Default: Story = {
-  render: (args) => {
-    return <Slider {...args} />;
-  },
-};
-

package/stories/slider/slider.tsx

@@ -1,45 +0,0 @@
-import CustomSlider from '../../slider';
-import { SliderProps } from '../../slider/slider.props';
-
-/**
- * Primary UI component for user interaction
- */
-export const Slider = ({ ...props }: SliderProps) => {
-  return (
-    <CustomSlider {...props}>
-      <div className={'h-40 bg-secondary justify-center items-center flex text-d-xl text-control-50'}>
-        1
-      </div>
-      <div className={'h-40 bg-black justify-center items-center flex text-d-xl text-control-50'}>
-        2
-      </div>
-      <div className={'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50'}>
-        3
-      </div>
-      <div className={'h-40 bg-info-900 justify-center items-center flex text-d-xl text-control-50'}>
-        4
-      </div>
-      <div className={'h-40 bg-tertiary justify-center items-center flex text-d-xl text-control-50'}>
-        5
-      </div>
-      <div className={'h-40 bg-danger-dark justify-center items-center flex text-d-xl text-control-50'}>
-        6
-      </div>
-      <div className={'h-40 bg-purple-900 justify-center items-center flex text-d-xl text-control-50'}>
-        7
-      </div>
-      <div className={'h-40 bg-success-900 justify-center items-center flex text-d-xl text-control-50'}>
-        8
-      </div>
-      <div className={'h-40 bg-success-200 justify-center items-center flex text-d-xl text-control-50'}>
-        9
-      </div>
-      <div className={'h-40 bg-black justify-center items-center flex text-d-xl text-control-50'}>
-        10
-      </div>
-      <div className={'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50'}>
-        11
-      </div>
-    </CustomSlider>
-  );
-};

package/stories/wrapper.tsx

@@ -1,11 +0,0 @@
-import { ReactNode } from 'react';
-import { Text } from '@pezeshk-book/ui-kit';
-
-export const Wrapper = ({ title, children, className, titleColor }: { title: string, children: ReactNode, className?: string, titleColor?: string }) => {
-  return (
-    <div className={`flex gap-2 items-center ${className}`}>
-      <Text direction={'ltr'} align={'left'} className={`${titleColor} min-w-[100px] whitespace-nowrap`}>{title}:</Text>
-      {children}
-    </div>
-  );
-};

package/styles.css

@@ -1,28 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-@tailwind variants;
-
-@font-face {
-  font-family: 'IRANSansMedium';
-  src: url('/fonts/IRANSans/IRANSansMedium.ttf') format('truetype');
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IRANSansRegular';
-  src: url('/fonts/IRANSans/IRANSansRegular.ttf') format('truetype');
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IRANSansBold';
-  src: url('/fonts/IRANSans/IRANSansBold.ttf') format('truetype');
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'IRANSansLight';
-  src: url('/fonts/IRANSans/IRANSansLight.ttf') format('truetype');
-  font-display: swap;
-}

package/utils/class-names.ts

@@ -1,5 +0,0 @@
-const classNames = (...classes: (false | null | undefined | string)[]) => {
-  return classes.filter(Boolean).join(' ');
-};
-
-export default classNames;

package/utils/persian-to-english-number.ts

@@ -1,4 +0,0 @@
-export const persianToEnglish = (str: string) => {
-  // @ts-ignore
-  return str.replace(/[۰-۹]/g, (d) => '۰۱۲۳۴۵۶۷۸۹'.indexOf(d));
-};