@apexcura/ui-components 0.0.16-Beta14 → 0.0.16-Beta16

package/.env.defaults

@@ -0,0 +1,2 @@
+GOOGLE_CLIENT_ID=1234
+GOOGLE_AUTH_ORIGINS=1234

package/dist/index.js

@@ -100,22 +100,29 @@ var import_icons = require("@ant-design/icons");
 var import_antd2 = require("antd");
 var PasswordElement = (props) => {
   const [passwordVisible, setPasswordVisible] = (0, import_react2.useState)(false);
-  setPasswordVisible(true);
+  const handleVisibilityToggle = () => {
+    setPasswordVisible((prev) => !prev);
+  };
   const handleChange = (e) => {
     if (props.onChange) {
       props.onChange(e.target.value);
     }
   };
   const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeTwoTone, null) : /* @__PURE__ */ import_react2.default.createElement(import_icons.EyeInvisibleOutlined, null);
-  return /* @__PURE__ */ import_react2.default.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ import_react2.default.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react2.default.createElement(
+  return /* @__PURE__ */ import_react2.default.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ import_react2.default.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ import_react2.default.createElement(
     import_antd2.Input.Password,
     {
       placeholder: props.placeholder,
       className: props.className,
       type: props.type,
-      onChange: handleChange,
+      onChange: (e) => {
+        handleChange(e);
+      },
       iconRender: renderVisibilityIcon,
-      visibilityToggle: passwordVisible
+      visibilityToggle: {
+        visible: passwordVisible && passwordVisible,
+        onVisibleChange: handleVisibilityToggle
+      }
     }
   ));
 };

package/dist/index.mjs

@@ -31,22 +31,29 @@ import { EyeInvisibleOutlined, EyeTwoTone } from "@ant-design/icons";
 import { Input } from "antd";
 var PasswordElement = (props) => {
   const [passwordVisible, setPasswordVisible] = useState(false);
-  setPasswordVisible(true);
+  const handleVisibilityToggle = () => {
+    setPasswordVisible((prev) => !prev);
+  };
   const handleChange = (e) => {
     if (props.onChange) {
       props.onChange(e.target.value);
     }
   };
   const renderVisibilityIcon = (visible) => visible ? /* @__PURE__ */ React2.createElement(EyeTwoTone, null) : /* @__PURE__ */ React2.createElement(EyeInvisibleOutlined, null);
-  return /* @__PURE__ */ React2.createElement("div", { className: props.containerClassName }, props.label && /* @__PURE__ */ React2.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React2.createElement("div", { className: props.containerClassName }, /* @__PURE__ */ React2.createElement("label", { className: props.labelClassName }, props.label), /* @__PURE__ */ React2.createElement(
     Input.Password,
     {
       placeholder: props.placeholder,
       className: props.className,
       type: props.type,
-      onChange: handleChange,
+      onChange: (e) => {
+        handleChange(e);
+      },
       iconRender: renderVisibilityIcon,
-      visibilityToggle: passwordVisible
+      visibilityToggle: {
+        visible: passwordVisible && passwordVisible,
+        onVisibleChange: handleVisibilityToggle
+      }
     }
   ));
 };

package/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+    preset: 'ts-jest',
+    testEnvironment: 'jsdom',
+    testTimeout: 120000,
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
+    moduleNameMapper: {
+      '\\.(css|less)$': 'identity-obj-proxy', 
+    },
+    testMatch: ['**/__tests__/**/*.ts?(x)', '**/?(*.)+(spec|test).ts?(x)'],
+  };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apexcura/ui-components",
-  "version": "0.0.16-Beta14",
+  "version": "0.0.16-Beta16",
   "description": "Apex cura React components library",
   "keywords": [
     "apex cura",
@@ -23,15 +23,12 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "css": "./dist/index.css",
   "scripts": {
     "test": "jest",
-    "build": "tsup"
+    "build:css": "postcss src/styles/index.css -o dist/index.css",
+    "build:js": "tsup src/index.ts --out-dir dist",
+    "build": "npm run build:css && npm run build:js"
   },
-  "files": [
-    "dist/",
-    "dist/styles/"
-  ],
   "devDependencies": {
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.6",
@@ -42,11 +39,11 @@
     "@types/testing-library__react": "^10.2.0",
     "antd": "^5.16.5",
     "autoprefixer": "^10.4.19",
-    "css-loader": "^7.1.2",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "postcss-cli": "^11.0.0",
-    "style-loader": "^4.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "ts-jest": "^29.1.2",
     "tsup": "^8.1.0",
     "typescript": "^5.4.5"
@@ -64,10 +61,9 @@
     "highcharts": "^11.4.3",
     "highcharts-react-official": "^3.2.1",
     "moment": "^2.30.1",
-    "react": "^18.3.1",
+    "postcss": "^8.4.38",
     "react-chartjs-2": "^5.2.0",
-    "react-dom": "^18.3.1",
-    "react-hooks": "^1.0.1",
-    "react-icons": "^5.2.1"
+    "react-icons": "^5.2.1",
+    "tailwindcss": "^3.4.4"
   }
 }

package/postcss.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  }
+  

package/tailwind.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};