@egov3/system-design 1.0.15 → 1.0.16

package/.github/workflows/publish.yml

@@ -27,6 +27,9 @@ jobs:
       - name: Install dependencies
         run: yarn install
 
+      - name: Build project
+        run: yarn build
+
       - name: Increment version
         run: yarn version --patch --no-git-tag-version
 
@@ -40,7 +43,7 @@ jobs:
         run: |
           git ls-remote https://Zhassulan-Baigozha:${{ secrets.PERSONAL_TOKEN }}@github.com/Zhassulan-Baigozha/egov3-design.git
         env:
-          PERSONAL_TOKEN: ${{ secrets.PERSONAL_TOKEN }} # Use GITHUB_TOKEN for repo access
+          PERSONAL_TOKEN: ${{ secrets.PERSONAL_TOKEN }}
 
       - name: Commit updated package.json
         run: |

package/__tests__/{baseComponents → components}/InputField.test.tsx

@@ -2,12 +2,12 @@ import React from "react";
 import { render, fireEvent } from "@testing-library/react";
 import "@testing-library/jest-dom";
 
-import { InputField } from "~baseComponents";
+import { Components } from "~components";
 
 describe("InputField", () => {
   it("(1) Should render without crashing", () => {
     const { getByPlaceholderText } = render(
-      <InputField
+      <Components.InputField
         id={"testRenderId"}
         labelText={""}
         ariaLabel={"test ariaLabel"}
@@ -19,7 +19,7 @@ describe("InputField", () => {
   it("(2) Should render with the correct placeholder", () => {
     const placeholder = "Enter text";
     const { getByPlaceholderText } = render(
-      <InputField
+      <Components.InputField
         id={"testPlaceholderId"}
         labelText={""}
         ariaLabel={"test ariaLabel"}
@@ -33,7 +33,7 @@ describe("InputField", () => {
     const onFocus = jest.fn();
     const onBlur = jest.fn();
     const { getByPlaceholderText } = render(
-      <InputField
+      <Components.InputField
         id={"testOnBlurId"}
         labelText={""}
         ariaLabel={"test ariaLabel"}
@@ -52,7 +52,7 @@ describe("InputField", () => {
   it("(4) Should render inputLeftIcon if provided", () => {
     const leftIcon = <span data-testid="left-icon">Icon</span>;
     const { getByTestId } = render(
-      <InputField
+      <Components.InputField
         id={"testLeftId"}
         labelText={""}
         ariaLabel={"test ariaLabel"}
@@ -66,7 +66,7 @@ describe("InputField", () => {
     const onChange = jest.fn();
     const value = "test value";
     const { getByPlaceholderText, getByTestId } = render(
-      <InputField
+      <Components.InputField
         id={"testId"}
         labelText={""}
         ariaLabel={"test ariaLabel"}
@@ -87,7 +87,7 @@ describe("InputField", () => {
 
   it("(6) Should apply focused class on focus", () => {
     const { getByPlaceholderText, container } = render(
-      <InputField
+      <Components.InputField
         id={"testFocusedId"}
         labelText={""}
         ariaLabel={"test ariaLabel"}

package/index.tsx

@@ -1,3 +1,3 @@
-import { InputField } from "src/baseComponents/InputField";
+import { Components } from "./src/components";
 
-export { InputField };
+export { Components };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/src/{baseComponents → components}/InputField/index.tsx

@@ -9,7 +9,7 @@ import { ClearIcon } from "~svg";
 
 export type TOtpType = "OTP" | "TEXT";
 
-interface IInputFieldProps {
+export interface IInputFieldProps {
   onFocus?: () => void;
   onBlur?: () => void;
   onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;

package/src/{baseComponents → components}/index.tsx

@@ -1,3 +1,3 @@
 import { InputField } from "./InputField";
 
-export { InputField };
+export const Components = { InputField };

package/src/stories/components/Button.stories.tsx

@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
 
-import { Button } from "~baseComponents";
+import { Components } from "~components";
 
 const meta = {
-  title: "baseComponents/Button",
-  component: Button,
+  title: "Components/Button",
+  component: Components.Button,
   parameters: {
     layout: "centered",
   },
@@ -14,7 +14,7 @@ const meta = {
   args: {
     onClick: fn(),
   },
-} satisfies Meta<typeof Button>;
+} satisfies Meta<typeof Components.Button>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

package/tsconfig.json

@@ -7,7 +7,7 @@
     "baseUrl": "./",
     "paths": {
       "~utils/*": ["./src/utils/*"],
-      "~baseComponents": ["./src/baseComponents/index"],
+      "~components": ["./src/components/index"],
       "~svg": ["./src/svg/index"]
     },
     "lib": ["dom", "dom.iterable", "esnext"],
@@ -25,6 +25,14 @@
     "incremental": true,
     "plugins": [{ "name": "next" }]
   },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src", "@types"],
+  "include": [
+    "src",
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.css",
+    ".next/types/**/*.ts",
+    "@types"
+  ],
   "exclude": ["node_modules", "__tests__", "src/stories", "dist"]
 }