react-restyle-components 0.1.45 → 0.1.46

package/lib/esm/core-components/molecules/css-multiline-input/css-properties.js

@@ -1,162 +1,162 @@
 /* eslint-disable no-sparse-arrays */
 export const properties = [
-  {
-    alignContent: [
-      "flex-start",
-      "flex-end",
-      "center",
-      "stretch",
-      "space-between",
-      "space-around",
-    ],
-  },
-  { alignItems: ["flex-start", "flex-end", "center", "stretch", "baseline"] },
-  {
-    alignSelf: [
-      "auto",
-      "flex-start",
-      "flex-end",
-      "center",
-      "baseline",
-      "stretch",
-    ],
-  },
-  { flex: ["number", "string"] },
-  { flexDirection: ["row", "row-reverse", "column", "column-reverse"] },
-  { flexWrap: ["nowrap", "wrap", "wrap-reverse"] },
-  { flexFlow: ["number"] },
-  { flexGrow: ["number"] },
-  { flexShrink: ["number"] },
-  { flexBasis: ["number", "string"] },
-  {
-    justifyContent: [
-      ,
-      "flex-start",
-      "flex-end",
-      "center",
-      "space-around",
-      "space-between",
-      "space-evenly",
-    ],
-  },
-  { gap: ["number", "string"] },
-  { rowGap: ["number"] },
-  { columnGap: ["number"] },
-  // Layout
-  { aspectRatio: ["number", "string"] },
-  { bottom: ["number", "string"] },
-  { display: ["flex", "none"] },
-  { left: ["number", "string"] },
-  { position: ["absolute", "relative"] },
-  { right: ["number", "string"] },
-  { top: ["number", "string"] },
-  { overflow: ["hidden"] },
-  { zIndex: ["number", "string"] },
-  // Dimension
-  { height: ["number", "string"] },
-  { maxHeight: ["number", "string"] },
-  { maxWidth: ["number", "string"] },
-  { minHeight: ["number", "string"] },
-  { minWidth: ["number", "string"] },
-  { width: ["number", "string"] },
-  // Color
-  { backgroundColor: ["string"] },
-  { color: ["string"] },
-  { opacity: ["number"] },
-  // Text
-  { fontSize: ["number", "string"] },
-  { fontFamily: ["string"] },
-  { fontStyle: ["string", "normal"] },
-  {
-    fontWeight: [
-      ,
-      "number",
-      "thin",
-      "hairline",
-      "ultralight",
-      "extralight",
-      "light",
-      "normal",
-      "medium",
-      "semibold",
-      "demibold",
-      "bold",
-      "ultrabold",
-      "extrabold",
-      "heavy",
-      "black",
-    ],
-  },
-  { letterSpacing: ["number", "string"] },
-  { lineHeight: ["number", "string"] },
-  { maxLines: ["number"] },
-  { textAlign: ["left", "right", "center", "justify"] },
-  {
-    textDecoration: [
-      ,
-      "line-through",
-      "underline",
-      "none",
-      "line-through underline",
-      "underline line-through",
-    ],
-  },
-  { textDecorationColor: ["string"] },
-  { textDecorationStyle: ["dashed", "dotted", "solid", "string"] },
-  { textIndent: ["any"] },
-  { textOverflow: ["ellipsis"] },
-  { textTransform: ["capitalize", "lowercase", "uppercase"] },
-  { verticalAlign: ["sub", "super"] },
-  // Sizing/positioning
-  { objectFit: ["string"] },
-  { objectPosition: ["number", "string"] },
-  { objectPositionX: ["number", "string"] },
-  { objectPositionY: ["number", "string"] },
-  // Margin/padding
-  { margin: ["number", "string"] },
-  { marginHorizontal: ["number", "string"] },
-  { marginVertical: ["number", "string"] },
-  { marginTop: ["number", "string"] },
-  { marginRight: ["number", "string"] },
-  { marginBottom: ["number", "string"] },
-  { marginLeft: ["number", "string"] },
-  { padding: ["number", "string"] },
-  { paddingHorizontal: ["number", "string"] },
-  { paddingVertical: ["number", "string"] },
-  { paddingTop: ["number", "string"] },
-  { paddingRight: ["number", "string"] },
-  { paddingBottom: ["number", "string"] },
-  { paddingLeft: ["number", "string"] },
-  // Transformations
-  { transform: ["string"] },
-  { transformOrigin: ["number", "string"] },
-  { transformOriginX: ["number", "string"] },
-  { transformOriginY: ["number", "string"] },
-  // Borders
-  { border: ["number", "string"] },
-  { borderWidth: ["number", "string"] },
-  { borderColor: ["string"] },
-  { borderStyle: ["dashed", "dotted", "solid"] },
-  { borderTop: ["number", "string"] },
-  { borderTopColor: ["string"] },
-  { borderTopStyle: ["dashed", "dotted", "solid"] },
-  { borderTopWidth: ["number", "string"] },
-  { borderRight: ["number", "string"] },
-  { borderRightColor: ["string"] },
-  { borderRightStyle: ["dashed", "dotted", "solid"] },
-  { borderRightWidth: ["number", "string"] },
-  { borderBottom: ["number", "string"] },
-  { borderBottomColor: ["string"] },
-  { borderBottomStyle: ["dashed", "dotted", "solid"] },
-  { borderBottomWidth: ["number", "string"] },
-  { borderLeft: ["number", "string"] },
-  { borderLeftColor: ["string"] },
-  { borderLeftStyle: ["dashed", "dotted", "solid"] },
-  { borderLeftWidth: ["number", "string"] },
-  { borderTopLeftRadius: ["number", "string"] },
-  { borderTopRightRadius: ["number", "string"] },
-  { borderBottomRightRadius: ["number", "string"] },
-  { borderBottomLeftRadius: ["number", "string"] },
-  { borderRadius: ["number", "string"] },
+    {
+        alignContent: [
+            'flex-start',
+            'flex-end',
+            'center',
+            'stretch',
+            'space-between',
+            'space-around',
+        ],
+    },
+    { alignItems: ['flex-start', 'flex-end', 'center', 'stretch', 'baseline'] },
+    {
+        alignSelf: [
+            'auto',
+            'flex-start',
+            'flex-end',
+            'center',
+            'baseline',
+            'stretch',
+        ],
+    },
+    { flex: ['number', 'string'] },
+    { flexDirection: ['row', 'row-reverse', 'column', 'column-reverse'] },
+    { flexWrap: ['nowrap', 'wrap', 'wrap-reverse'] },
+    { flexFlow: ['number'] },
+    { flexGrow: ['number'] },
+    { flexShrink: ['number'] },
+    { flexBasis: ['number', 'string'] },
+    {
+        justifyContent: [
+            ,
+            'flex-start',
+            'flex-end',
+            'center',
+            'space-around',
+            'space-between',
+            'space-evenly',
+        ],
+    },
+    { gap: ['number', 'string'] },
+    { rowGap: ['number'] },
+    { columnGap: ['number'] },
+    // Layout
+    { aspectRatio: ['number', 'string'] },
+    { bottom: ['number', 'string'] },
+    { display: ['flex', 'none'] },
+    { left: ['number', 'string'] },
+    { position: ['absolute', 'relative'] },
+    { right: ['number', 'string'] },
+    { top: ['number', 'string'] },
+    { overflow: ['hidden'] },
+    { zIndex: ['number', 'string'] },
+    // Dimension
+    { height: ['number', 'string'] },
+    { maxHeight: ['number', 'string'] },
+    { maxWidth: ['number', 'string'] },
+    { minHeight: ['number', 'string'] },
+    { minWidth: ['number', 'string'] },
+    { width: ['number', 'string'] },
+    // Color
+    { backgroundColor: ['string'] },
+    { color: ['string'] },
+    { opacity: ['number'] },
+    // Text
+    { fontSize: ['number', 'string'] },
+    { fontFamily: ['string'] },
+    { fontStyle: ['string', 'normal'] },
+    {
+        fontWeight: [
+            ,
+            'number',
+            'thin',
+            'hairline',
+            'ultralight',
+            'extralight',
+            'light',
+            'normal',
+            'medium',
+            'semibold',
+            'demibold',
+            'bold',
+            'ultrabold',
+            'extrabold',
+            'heavy',
+            'black',
+        ],
+    },
+    { letterSpacing: ['number', 'string'] },
+    { lineHeight: ['number', 'string'] },
+    { maxLines: ['number'] },
+    { textAlign: ['left', 'right', 'center', 'justify'] },
+    {
+        textDecoration: [
+            ,
+            'line-through',
+            'underline',
+            'none',
+            'line-through underline',
+            'underline line-through',
+        ],
+    },
+    { textDecorationColor: ['string'] },
+    { textDecorationStyle: ['dashed', 'dotted', 'solid', 'string'] },
+    { textIndent: ['any'] },
+    { textOverflow: ['ellipsis'] },
+    { textTransform: ['capitalize', 'lowercase', 'uppercase'] },
+    { verticalAlign: ['sub', 'super'] },
+    // Sizing/positioning
+    { objectFit: ['string'] },
+    { objectPosition: ['number', 'string'] },
+    { objectPositionX: ['number', 'string'] },
+    { objectPositionY: ['number', 'string'] },
+    // Margin/padding
+    { margin: ['number', 'string'] },
+    { marginHorizontal: ['number', 'string'] },
+    { marginVertical: ['number', 'string'] },
+    { marginTop: ['number', 'string'] },
+    { marginRight: ['number', 'string'] },
+    { marginBottom: ['number', 'string'] },
+    { marginLeft: ['number', 'string'] },
+    { padding: ['number', 'string'] },
+    { paddingHorizontal: ['number', 'string'] },
+    { paddingVertical: ['number', 'string'] },
+    { paddingTop: ['number', 'string'] },
+    { paddingRight: ['number', 'string'] },
+    { paddingBottom: ['number', 'string'] },
+    { paddingLeft: ['number', 'string'] },
+    // Transformations
+    { transform: ['string'] },
+    { transformOrigin: ['number', 'string'] },
+    { transformOriginX: ['number', 'string'] },
+    { transformOriginY: ['number', 'string'] },
+    // Borders
+    { border: ['number', 'string'] },
+    { borderWidth: ['number', 'string'] },
+    { borderColor: ['string'] },
+    { borderStyle: ['dashed', 'dotted', 'solid'] },
+    { borderTop: ['number', 'string'] },
+    { borderTopColor: ['string'] },
+    { borderTopStyle: ['dashed', 'dotted', 'solid'] },
+    { borderTopWidth: ['number', 'string'] },
+    { borderRight: ['number', 'string'] },
+    { borderRightColor: ['string'] },
+    { borderRightStyle: ['dashed', 'dotted', 'solid'] },
+    { borderRightWidth: ['number', 'string'] },
+    { borderBottom: ['number', 'string'] },
+    { borderBottomColor: ['string'] },
+    { borderBottomStyle: ['dashed', 'dotted', 'solid'] },
+    { borderBottomWidth: ['number', 'string'] },
+    { borderLeft: ['number', 'string'] },
+    { borderLeftColor: ['string'] },
+    { borderLeftStyle: ['dashed', 'dotted', 'solid'] },
+    { borderLeftWidth: ['number', 'string'] },
+    { borderTopLeftRadius: ['number', 'string'] },
+    { borderTopRightRadius: ['number', 'string'] },
+    { borderBottomRightRadius: ['number', 'string'] },
+    { borderBottomLeftRadius: ['number', 'string'] },
+    { borderRadius: ['number', 'string'] },
 ];
-//# sourceMappingURL=css-properties.js.map
+//# sourceMappingURL=css-properties.js.map

package/lib/esm/core-utils/index.js

@@ -1,2 +1,2 @@
-export * from "./unit-test.utils";
-//# sourceMappingURL=index.js.map
+export * from './unit-test.utils';
+//# sourceMappingURL=index.js.map

package/lib/esm/core-utils/unit-test.utils.js

@@ -1,10 +1,10 @@
-import React from "react";
-import { render as renderComponent } from "@testing-library/react";
+import React from 'react';
+import { render as renderComponent } from '@testing-library/react';
 const Providers = ({ children }) => {
-  return React.createElement("div", null, children);
+    return React.createElement("div", null, children);
 };
 const render = (Component) => {
-  return renderComponent(Component, { wrapper: Providers });
+    return renderComponent(Component, { wrapper: Providers });
 };
 export { render, Providers };
-//# sourceMappingURL=unit-test.utils.js.map
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/esm/index.js

@@ -1,2 +1,2 @@
-export * from "./core-components";
-//# sourceMappingURL=index.js.map
+export * from './core-components';
+//# sourceMappingURL=index.js.map

package/lib/esm/library/assets/svg/index.js

@@ -1,21 +1,12 @@
-import UnCheckbox from "../../../library/assets/svg/unCheckbox.svg";
-import CheckedBox from "../../../library/assets/svg/checkedBox.svg";
-import DatePickerSvg from "../../../library/assets/svg/datePicker.svg";
-import CheckedRadio from "../../../library/assets/svg/checkedRadio.svg";
-import UncheckRadio from "../../../library/assets/svg/uncheckRadio.svg";
-import TimerSVG from "../../../library/assets/svg/timer.svg";
-import UpArrow from "../../../library/assets/svg/UpArrow.svg";
-import DownArrow from "../../../library/assets/svg/DownArrow.svg";
-export {
-  UnCheckbox,
-  CheckedBox,
-  DatePickerSvg,
-  CheckedRadio,
-  UncheckRadio,
-  TimerSVG,
-  UpArrow,
-  DownArrow,
-};
+import UnCheckbox from '../../../library/assets/svg/unCheckbox.svg';
+import CheckedBox from '../../../library/assets/svg/checkedBox.svg';
+import DatePickerSvg from '../../../library/assets/svg/datePicker.svg';
+import CheckedRadio from '../../../library/assets/svg/checkedRadio.svg';
+import UncheckRadio from '../../../library/assets/svg/uncheckRadio.svg';
+import TimerSVG from '../../../library/assets/svg/timer.svg';
+import UpArrow from '../../../library/assets/svg/UpArrow.svg';
+import DownArrow from '../../../library/assets/svg/DownArrow.svg';
+export { UnCheckbox, CheckedBox, DatePickerSvg, CheckedRadio, UncheckRadio, TimerSVG, UpArrow, DownArrow, };
 // import {ReactComponent as UnCheckbox} from '../../../library/assets/svg/unCheckbox.svg';
 // import {ReactComponent as CheckedBox} from '../../../library/assets/svg/checkedBox.svg';
 // import {ReactComponent as DatePickerSvg} from '../../../library/assets/svg/datePicker.svg';
@@ -34,4 +25,4 @@ export {
 //   UpArrow,
 //   DownArrow,
 // };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/lib/esm/reportWebVitals.js

@@ -1,3 +1,3 @@
 // import {ReportHandler} from 'web-vitals';
 export {};
-//# sourceMappingURL=reportWebVitals.js.map
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/esm/setupTests.js

@@ -2,5 +2,5 @@
 // allows you to do things like:
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
-import "@testing-library/jest-dom";
-//# sourceMappingURL=setupTests.js.map
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/lib/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "react-restyle-components",
+  "version": "0.1.41",
+  "private": false,
+  "description": "Easy use restyle components",
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "author": {
+    "email": "onlyappasaheb4@gmail.com",
+    "name": "Lakade Appasaheb",
+    "url": "http://github.com/appasaheb4"
+  },
+  "license": "MIT",
+  "scripts": {
+    "start": "serve -s ./build",
+    "dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
+    "serve-webapp": "craco build && craco start",
+    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json && copyfiles -u 1 src/library/assets/**/* lib/cjs && cp package.json lib/package.json",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "precommit": "lint-staged --allow-empty",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "rm -rf docs-build && storybook build -o docs-build",
+    "deploy-storybook": "gh-pages -d docs-build",
+    "prettier": "prettier --write '**/*.{js,jsx}'",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@loadable/component": "^5.16.4",
+    "@mui/material": "^5.15.19",
+    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/react": "^13.1.1",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.4.1",
+    "@types/react": "^18.0.5",
+    "@types/react-dom": "^18.0.1",
+    "dayjs": "^1.11.1",
+    "react-datepicker": "^4.7.0",
+    "react-icons": "^5.2.1",
+    "reactstrap": "^9.0.2",
+    "tailwindcss": "^3.0.24",
+    "typescript": "^4.6.3"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "*",
+    "@testing-library/react": "*",
+    "@testing-library/user-event": "*",
+    "@types/jest": "*",
+    "@types/react": "*",
+    "@types/react-dom": "*",
+    "dayjs": "*",
+    "react": "*",
+    "react-datepicker": "*",
+    "react-dom": "*",
+    "react-scripts": "*",
+    "reactstrap": "*",
+    "tailwindcss": "*",
+    "typescript": "*",
+    "web-vitals": "*"
+  },
+  "files": ["*.md", "dist", "lib"],
+  "sideEffects": ["**/*.css"],
+  "eslintConfig": {
+    "extends": ["react-app", "react-app/jest", "plugin:storybook/recommended"],
+    "overrides": [
+      {
+        "files": ["**/*.stories.*"],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [">0.2%", "not dead", "not op_mini all"],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.1",
+    "@craco/craco": "^6.4.3",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "@storybook/addon-essentials": "^8.0.6",
+    "@storybook/addon-interactions": "^8.0.6",
+    "@storybook/addon-links": "^8.0.6",
+    "@storybook/addon-onboarding": "^8.0.6",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.2",
+    "@storybook/blocks": "^8.0.6",
+    "@storybook/react": "^8.0.6",
+    "@storybook/react-webpack5": "^8.0.6",
+    "@storybook/test": "^8.0.6",
+    "@svgr/webpack": "^8.1.0",
+    "autoprefixer": "^10.4.19",
+    "craco-alias": "^3.0.1",
+    "style-loader": "^4.0.0",
+    "css-loader": "^7.1.2",
+    "eslint-plugin-storybook": "^0.8.0",
+    "gh-pages": "^3.2.3",
+    "husky": "^7.0.4",
+    "copyfiles": "^2.4.1",
+    "lint-staged": "^12.4.0",
+    "postcss-loader": "^8.1.1",
+    "storybook": "^8.0.6",
+    "webpack": "^5.72.0"
+  },
+  "keywords": ["react", "components", "restyle-components", "tech-abl"],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/appasaheb4/react-restyle-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/appasaheb4/react-restyle-components/issues"
+  },
+  "homepage": "https://github.com/appasaheb4/react-restyle-components#readme",
+  "lint-staged": {
+    "*.{js,jsx,json,css,scss,md}": ["prettier --write", "git add"]
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "private": false,
   "description": "Easy use restyle components",
   "main": "lib/cjs/index.js",
@@ -15,7 +15,7 @@
     "start": "serve -s ./build",
     "dev": "chmod +x setup.sh && sh ./setup.sh && craco start",
     "serve-webapp": "craco build && craco start",
-    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json",
+    "build": "rm -rf lib && chmod +x npm-publish.sh && sh ./npm-publish.sh && tsc -p tsconfig.json  & tsc -p tsconfig-cjs.json && copyfiles -u 1 src/library/assets/**/* lib/cjs && cp package.json lib/package.json",
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "precommit": "lint-staged --allow-empty",
@@ -117,6 +117,7 @@
     "eslint-plugin-storybook": "^0.8.0",
     "gh-pages": "^3.2.3",
     "husky": "^7.0.4",
+    "copyfiles": "^2.4.1",
     "lint-staged": "^12.4.0",
     "postcss-loader": "^8.1.1",
     "storybook": "^8.0.6",