@jk-core/components 0.0.5 → 0.0.6

package/.eslintrc.json

@@ -0,0 +1,63 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "airbnb",
+    "airbnb/hooks",
+    "airbnb-typescript"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "project": ["./tsconfig.json"]
+  },
+  "plugins": [
+    "@typescript-eslint",
+    "react"
+  ],
+  "rules": {
+    "import/prefer-default-export":"off",
+    "no-var": "error",
+    "jsx-a11y/control-has-associated-label":"off",
+    "jsx-a11y/label-has-associated-control": [
+      2,
+      {
+        "labelAttributes": ["htmlFor"],
+        "depth": 3
+      }
+    ],    
+    "react/react-in-jsx-scope": "off",
+    "react/jsx-props-no-spreading": "off",
+    "react/require-default-props": "off",
+    "react/jsx-one-expression-per-line": "off",
+    "implicit-arrow-linebreak": "off",
+    "linebreak-style" : "off",
+    "import/no-extraneous-dependencies": ["error", {"devDependencies": true}],
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": [
+          {
+            "group": ["../../../*"],
+            "message": "Please use absolute path."
+          }
+        ]
+      }
+    ],
+    "sort-imports": [
+      "error",
+      {
+        "ignoreCase": true,
+        "ignoreDeclarationSort": true,
+        "ignoreMemberSort": false,
+        "memberSyntaxSortOrder": ["none", "all", "multiple", "single"]
+      }
+    ]
+  }
+}

package/.stylelintrc.json

@@ -0,0 +1,29 @@
+{
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-standard-scss"
+  ],
+  "plugins": ["stylelint-scss","stylelint-selector-bem-pattern"],
+  "recommendations": ["stylelint.vscode-stylelint"],
+  "rules": {
+    "property-no-vendor-prefix":null,
+    "import-notation": "string",
+    "selector-class-pattern": null,
+    "color-hex-length": null,
+    "no-descending-specificity": null,
+    "color-function-notation":null,
+    "alpha-value-notation":null,
+    "scss/percent-placeholder-pattern":null,
+    "custom-property-pattern":null,
+    "declaration-empty-line-before":null,
+    "scss/at-mixin-pattern":null,
+    "plugin/selector-bem-pattern": {
+      "componentName": "[A-Z]+",
+      "componentSelectors": {
+        "initial": "^\\.{componentName}(?:-[a-z]+)?$",
+        "combined": "^\\.combined-{componentName}-[a-z]+$"
+      },
+      "utilitySelectors": "^\\.util-[a-z]+$"
+    }
+  }
+}

package/package.json

@@ -1,10 +1,8 @@
 {
   "name": "@jk-core/components",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "type": "module",
-  "main": "./dist/index.umd.cjs",
-  "types": "./dist/index.d.ts",
-  "module": "./dist/index.js",
+  "main": "./dist/index.js",
   "license": "MIT",
   "description": "components for jk",
   "author": "KimKyungYun <kky38225221@gmail.com>",
@@ -21,14 +19,11 @@
   },
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.umd.cjs"
+      "require": "./dist/index.cjs"
     }
   },
-  "files": [
-    "dist",
-    "src"
-  ],
   "keywords": [
     "utils",
     "kyungyun",

package/src/styles/color.scss

@@ -87,4 +87,5 @@
   --Orange-90: #330e00;
   --Modal-Shadow: #0000005a;
   --Modal-Background: #6666663a;
+  --Calendar-Background: #ffffff;
 }

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+ "extends": "../../tsconfig.base.json",
+  "compilerOptions": {   
+    "composite": true,
+    "baseUrl": "./src",
+    "outDir": "dist",
+    "rootDir": "./src",
+    "jsx": "react-jsx",
+    "emitDeclarationOnly": true,
+    "types": ["node", "vite/client","vite-plugin-svgr/client"],
+  },
+  "include": ["./src", "./src/svg.d.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,58 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react-swc'
+import tsconfigPaths from 'vite-tsconfig-paths';
+import svgr from 'vite-plugin-svgr';
+import checker from 'vite-plugin-checker';
+import { resolve } from 'path'
+import dts from 'vite-plugin-dts'
+import sassDts from 'vite-plugin-sass-dts';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+   plugins: [
+    react(),
+    tsconfigPaths(),
+    dts(),
+    sassDts(),
+    svgr({ include: '**/*.svg' }),
+    checker({
+      typescript: true,
+      eslint: {
+        lintCommand: 'eslint "./src/**/*.{ts,tsx}"',
+      },
+      overlay: {
+        badgeStyle: 'width:fit-content;font-size:14px;',
+      },
+    }),
+  ],
+  css: {
+    modules: {
+      scopeBehaviour: 'local',
+      generateScopedName: '[name]__[local]___[hash:base64:5]'
+    },
+    preprocessorOptions: {
+      scss: {
+        api:'modern-compiler'
+      }
+    }
+  },
+  build: {
+    lib: {
+      entry: resolve(__dirname, './src/index.tsx'),
+      name:'index',
+      fileName: 'index'
+    },
+    sourcemap: true,
+    rollupOptions: {
+      external: ['react', 'sass'],
+      output: {
+        assetFileNames:'style.css',
+        globals: {
+          react: 'React',
+          sass: 'sass'
+        },
+      }
+    },
+    outDir: 'dist'
+  }
+})

package/dist/Calendar/components/DayTile/index.d.ts

@@ -1,11 +0,0 @@
-interface Props {
-    selectedDate?: Date;
-    weeksInMonth: {
-        thisMonth: boolean;
-        date: Date;
-    }[][];
-    tileContent?: () => React.ReactNode;
-    handleDayClick: (day: Date) => void;
-}
-export default function DayTile({ selectedDate, weeksInMonth, tileContent, handleDayClick, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Calendar/components/MonthTile/index.d.ts

@@ -1,9 +0,0 @@
-import { CalendarView } from '../../type';
-interface Props {
-    selectedDate?: Date;
-    viewDate: Date;
-    handleMonthClick: (month: number) => void;
-    tileContent?: (date: Date, view: CalendarView) => React.ReactNode;
-}
-export default function MonthTile({ selectedDate, viewDate, handleMonthClick, tileContent, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Calendar/components/YearTile/index.d.ts

@@ -1,8 +0,0 @@
-import { CalendarView } from '../../type';
-interface Props {
-    selectedDate?: Date;
-    onClick: (year: number) => void;
-    tileContent?: (date: Date, view: CalendarView) => React.ReactNode;
-}
-export default function YearTile({ selectedDate, onClick, tileContent, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Calendar/hooks/useCalendarNav.d.ts

@@ -1,14 +0,0 @@
-import { CalendarView } from '../type';
-interface Props {
-    method: CalendarView;
-    selectMode: CalendarView;
-    date: Date;
-    setDate: (date: Date) => void;
-    min: Date;
-    max: Date;
-}
-declare const useCalendarNav: ({ method, selectMode, date, setDate, min, max, }: Props) => {
-    disabled: (direction: "prev" | "next") => boolean;
-    onArrowClick: (direction: "prev" | "next") => void;
-};
-export default useCalendarNav;

package/dist/Calendar/hooks/useDateSelect.d.ts

@@ -1,14 +0,0 @@
-import { CalendarView } from '../type';
-interface UseDateSelectProps {
-    viewDate: Date;
-    setViewDate: (date: Date) => void;
-    method: CalendarView;
-    setSelectMode: (mode: CalendarView) => void;
-    onChange: (date: Date) => void;
-}
-declare const useDateSelect: ({ viewDate, setViewDate, onChange, setSelectMode, method, }: UseDateSelectProps) => {
-    onDayClick: (day: Date) => void;
-    onMonthClick: (month: number) => void;
-    onYearClick: (year: number) => void;
-};
-export default useDateSelect;

package/dist/Calendar/index.d.ts

@@ -1,12 +0,0 @@
-import { CalendarView } from './type';
-interface CalendarProps {
-    date?: Date;
-    view?: CalendarView;
-    tileContent?: (date: Date | undefined, view: CalendarView) => React.ReactNode;
-    onChange?: (date: Date) => void;
-    min?: Date;
-    max?: Date;
-    onClose?: () => void;
-}
-export default function Calendar({ date: selectedDate, view, tileContent, onChange, onClose, min, max, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/Calendar/type.d.ts

@@ -1,5 +0,0 @@
-export type CalendarView = 'day' | 'month' | 'year';
-export interface CalendarRange {
-    start: Date | null;
-    end: Date | null;
-}

package/dist/Calendar/utils/getWeeksInMonth.d.ts

@@ -1,5 +0,0 @@
-declare const getWeeksInMonth: (viewDate: Date) => {
-    thisMonth: boolean;
-    date: Date;
-}[][];
-export default getWeeksInMonth;

package/dist/Calendar/utils/isInRange.d.ts

@@ -1,3 +0,0 @@
-import { CalendarRange } from '../type';
-declare const isInRange: (day: Date, range: CalendarRange) => boolean;
-export default isInRange;

package/dist/Calendar/utils/isSameDay.d.ts

@@ -1,3 +0,0 @@
-import { CalendarView } from '../type';
-declare const isSameDay: (date1: Date | null, date2: Date | null, view?: CalendarView) => boolean;
-export default isSameDay;

package/dist/index.d.ts

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