@plurix/ecom-components 1.11.6 → 1.13.0-club.0

package/README.md

@@ -1,76 +1,76 @@
-# @plurix/ecom-components
-
-## Dependencies
-
-Use `yarn` to install all dependencies and prepare `husky` (used to run scripts in git steps).
-
-## Folder Structure
-
-- `lib`: files that will be compiled and published in the `@plurix/ecom-components` package
-- `src`: local development
-
-## How to Create a New Component in the Package
-
-- Create a new folder in `lib/packages`, with your component name. Example: `MyComponent`;
-- Create a `.tsx` file inside this new folder and export a component from there. Example:
-
-```tsx
-// lib/packages/MyComponent/MyComponent.tsx
-
-export const MyComponent = () => {
-  return <h1>My Component</h1>
-}
-```
-
-- Export the new component in `lib/main.ts`. Example:
-
-```tsx
-// lib/main.ts
-
-export { MyComponent } from './packages/MyComponent/MyComponent'
-```
-
-- Create a new file called `<component-name>Example.tsx` in `src/examples` and import your component. Example:
-
-```tsx
-// src/examples/MyComponentExample.tsx
-
-import { MyComponent } from '../../lib/main'
-
-export const MyComponentExample = () => {
-  return (
-    <div className="my-component-example-container">
-      <MyComponent />
-    </div>
-  )
-}
-```
-
-- Export the new example component in `src/index.ts`. Example:
-
-```tsx
-// src/examples/index.ts
-
-export { MyComponentExample } from './MyComponentExample'
-```
-
-- Run `yarn dev`;
-- Open the localhost link in the terminal;
-- Choose your component in the sidebar. Now, you can develop your component and test it with `fast refresh`.
-
-OBS: If you need to use `css` in your components, create them as `<component-name>.global.css` and import them in your Lib Component. Then, you are able to use that in `VTEX IO` and `VTEX Faststore`.
-
-![Imgur](https://imgur.com/NMMASrC.jpg)
-
-## Publishing
-
-- After finishing your component changes, upgrade the package version in `package.json` and create an entry in `CHANGELOG.md`.
-- Commit and push your changes to the remote repository. It will run the husky scripts: commitlint, prettier, lint, tests, and build.
-- After all scripts pass successfully, run `npm publish` in your terminal.
-- Copy the published version from your terminal and install it in another repository.
-- You can import the new component by using:
-
-```tsx
-import { MyComponent } from '@plurix/ecom-components'
-import '@plurix/ecom-components/dist/styles/my-component.global.css' // If you are using css
-```
+# @plurix/ecom-components
+
+## Dependencies
+
+Use `yarn` to install all dependencies and prepare `husky` (used to run scripts in git steps).
+
+## Folder Structure
+
+- `lib`: files that will be compiled and published in the `@plurix/ecom-components` package
+- `src`: local development
+
+## How to Create a New Component in the Package
+
+- Create a new folder in `lib/packages`, with your component name. Example: `MyComponent`;
+- Create a `.tsx` file inside this new folder and export a component from there. Example:
+
+```tsx
+// lib/packages/MyComponent/MyComponent.tsx
+
+export const MyComponent = () => {
+  return <h1>My Component</h1>
+}
+```
+
+- Export the new component in `lib/main.ts`. Example:
+
+```tsx
+// lib/main.ts
+
+export { MyComponent } from './packages/MyComponent/MyComponent'
+```
+
+- Create a new file called `<component-name>Example.tsx` in `src/examples` and import your component. Example:
+
+```tsx
+// src/examples/MyComponentExample.tsx
+
+import { MyComponent } from '../../lib/main'
+
+export const MyComponentExample = () => {
+  return (
+    <div className="my-component-example-container">
+      <MyComponent />
+    </div>
+  )
+}
+```
+
+- Export the new example component in `src/index.ts`. Example:
+
+```tsx
+// src/examples/index.ts
+
+export { MyComponentExample } from './MyComponentExample'
+```
+
+- Run `yarn dev`;
+- Open the localhost link in the terminal;
+- Choose your component in the sidebar. Now, you can develop your component and test it with `fast refresh`.
+
+OBS: If you need to use `css` in your components, create them as `<component-name>.global.css` and import them in your Lib Component. Then, you are able to use that in `VTEX IO` and `VTEX Faststore`.
+
+![Imgur](https://imgur.com/NMMASrC.jpg)
+
+## Publishing
+
+- After finishing your component changes, upgrade the package version in `package.json` and create an entry in `CHANGELOG.md`.
+- Commit and push your changes to the remote repository. It will run the husky scripts: commitlint, prettier, lint, tests, and build.
+- After all scripts pass successfully, run `npm publish` in your terminal.
+- Copy the published version from your terminal and install it in another repository.
+- You can import the new component by using:
+
+```tsx
+import { MyComponent } from '@plurix/ecom-components'
+import '@plurix/ecom-components/dist/styles/my-component.global.css' // If you are using css
+```

package/package.json

@@ -1,70 +1,71 @@
-{
-  "name": "@plurix/ecom-components",
-  "author": "Plurix",
-  "private": false,
-  "version": "1.11.6",
-  "type": "module",
-  "main": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/plurix-ecommerce/ecom-components"
-  },
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig-build.json && vite build",
-    "format": "prettier --write .",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "prepare": "husky install",
-    "preview": "vite preview",
-    "test": "jest"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.24.5",
-    "@babel/preset-react": "^7.24.1",
-    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.4.2",
-    "@jest/globals": "^29.7.0",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7",
-    "@types/jest": "^29.5.12",
-    "@types/node": "^20.11.30",
-    "@types/react": "^18.2.71",
-    "@types/react-dom": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.6",
-    "glob": "^10.3.10",
-    "husky": "^9.0.11",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
-    "jest-svg-transformer": "^1.0.0",
-    "prettier": "^2.2.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup-plugin-delete": "^2.0.0",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.4.3",
-    "vite": "^4.5.3",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-lib-inject-css": "^2.0.1"
-  },
-  "dependencies": {
-    "@acctglobal/skeleton": "^1.0.0",
-    "axios": "^1.7.4"
-  }
-}
+{
+  "name": "@plurix/ecom-components",
+  "author": "Plurix",
+  "private": false,
+  "version": "1.13.0-club.0",
+  "type": "module",
+  "main": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/plurix-ecommerce/ecom-components.git"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "format": "prettier --write .",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "prepare": "husky install",
+    "preview": "vite preview",
+    "test": "jest"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@commitlint/cli": "^17.4.2",
+    "@commitlint/config-conventional": "^17.4.2",
+    "@jest/globals": "^29.7.0",
+    "@testing-library/jest-dom": "^6.4.5",
+    "@testing-library/react": "^15.0.7",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.11.30",
+    "@types/react": "^18.2.71",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "glob": "^10.3.10",
+    "husky": "^9.0.11",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-svg-transformer": "^1.0.0",
+    "prettier": "^2.2.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-delete": "^2.0.0",
+    "ts-jest": "^29.1.2",
+    "typescript": "^5.4.3",
+    "vite": "^4.5.3",
+    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-lib-inject-css": "^2.0.1"
+  },
+  "dependencies": {
+    "@acctglobal/skeleton": "^1.0.0",
+    "@faststore/ui": "^3.41.5",
+    "axios": "^1.7.4"
+  }
+}

package/dist/assets/svgs/ArrowIcon.d.ts

@@ -1,9 +0,0 @@
-interface ArrowIconProps {
-    width?: number;
-    height?: number;
-    color?: string;
-    rotate?: Rotate;
-}
-type Rotate = 'Up' | 'Right' | 'Down' | 'Left';
-export declare const ArrowIcon: ({ width, height, color, rotate }: ArrowIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/assets/svgs/ArrowIcon.js

@@ -1,38 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-const i = {
-  Up: 90,
-  Right: 180,
-  Down: 270,
-  Left: 0
-}, a = ({
-  width: r = 16,
-  height: t = 16,
-  color: e = "var(--color-grayScale)",
-  rotate: n = "Right"
-}) => /* @__PURE__ */ o(
-  "svg",
-  {
-    style: {
-      transform: `rotate(${i[n]}deg)`
-    },
-    width: r,
-    height: t,
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "data-testid": "arrow-icon",
-    children: /* @__PURE__ */ o(
-      "path",
-      {
-        d: "M9 4L5 8L9 12",
-        stroke: e,
-        strokeWidth: "1.5",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    )
-  }
-);
-export {
-  a as ArrowIcon
-};

package/dist/assets/svgs/CartEmptyCoupon.d.ts

@@ -1 +0,0 @@
-export declare const CartEmptyCoupon: () => import("react/jsx-runtime").JSX.Element;