magic-select - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/index.d.ts

@@ -1,6 +0,10 @@
-import React from 'react';
-interface Props {
-    text: string;
-}
-export declare const ExampleComponent: ({ text }: Props) => React.JSX.Element;
+export declare type OptionType = {
+    label: string;
+    value: string;
+};
+declare type Props = {
+    optionsToDisplay: OptionType[];
+    triggerCurrentOption: (value: string) => void;
+};
+export declare const SelectComponent: ({ optionsToDisplay, triggerCurrentOption }: Props) => void;
 export {};

dist/index.js

@@ -1,15 +0,8 @@
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+require('react');
 
-var React = _interopDefault(require('react'));
-
-var styles = {"test":"_3ybTi"};
-
-var ExampleComponent = function ExampleComponent(_ref) {
-  var text = _ref.text;
-  return React.createElement("div", {
-    className: styles.test
-  }, "Example Component: ", text);
+var SelectComponent = function SelectComponent(_ref) {
+  return;
 };
 
-exports.ExampleComponent = ExampleComponent;
+exports.SelectComponent = SelectComponent;
 //# sourceMappingURL=index.js.map

dist/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles.module.css'\n\ninterface Props {\n  text: string\n}\n\nexport const ExampleComponent = ({ text }: Props) => {\n  return <div className={styles.test}>Example Component: {text}</div>\n}\n"],"names":["ExampleComponent","_ref","text","React","className","styles","test"],"mappings":";;;;;;IAOaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;MAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACrC,OAAOC;IAAKC,SAAS,EAAEC,MAAM,CAACC;4BAA0BJ,IAAI,CAAO;AACrE,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles.module.css'\n\nexport type OptionType = {\n  label: string\n  value: string\n}\n\ntype Props = {\n  optionsToDisplay: OptionType[]\n  triggerCurrentOption: (value: string) => void\n}\n\nexport const SelectComponent = ({ optionsToDisplay, triggerCurrentOption }: Props) => {\n  return\n  (<select className={styles.test}>\n    {optionsToDisplay?.map((option) => (\n      <option key={option.value} value={option.value} onClick={() => triggerCurrentOption(option.value)}>\n        {option.label}\n      </option>\n    ))}\n  </select>)\n}\n"],"names":["SelectComponent","_ref"],"mappings":";;IAaaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA;EAC1B;AAQF;;;;"}

dist/index.modern.js

@@ -1,13 +0,8 @@
-import React from 'react';
+import 'react';
 
-var styles = {"test":"_3ybTi"};
-
-var ExampleComponent = function ExampleComponent(_ref) {
-  var text = _ref.text;
-  return React.createElement("div", {
-    className: styles.test
-  }, "Example Component: ", text);
+var SelectComponent = function SelectComponent(_ref) {
+  return;
 };
 
-export { ExampleComponent };
+export { SelectComponent };
 //# sourceMappingURL=index.modern.js.map

dist/index.modern.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles.module.css'\n\ninterface Props {\n  text: string\n}\n\nexport const ExampleComponent = ({ text }: Props) => {\n  return <div className={styles.test}>Example Component: {text}</div>\n}\n"],"names":["ExampleComponent","_ref","text","React","className","styles","test"],"mappings":";;;;IAOaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA;MAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACrC,OAAOC;IAAKC,SAAS,EAAEC,MAAM,CAACC;4BAA0BJ,IAAI,CAAO;AACrE,CAAC;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\nimport styles from './styles.module.css'\n\nexport type OptionType = {\n  label: string\n  value: string\n}\n\ntype Props = {\n  optionsToDisplay: OptionType[]\n  triggerCurrentOption: (value: string) => void\n}\n\nexport const SelectComponent = ({ optionsToDisplay, triggerCurrentOption }: Props) => {\n  return\n  (<select className={styles.test}>\n    {optionsToDisplay?.map((option) => (\n      <option key={option.value} value={option.value} onClick={() => triggerCurrentOption(option.value)}>\n        {option.label}\n      </option>\n    ))}\n  </select>)\n}\n"],"names":["SelectComponent","_ref"],"mappings":";;IAaaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA;EAC1B;AAQF;;;;"}

package.json

 {
 	"name": "magic-select",
-	"version": "1.0.2",
+	"version": "1.0.3",
 	"description": "Its not a simple select. Its your magic select component",
@@ -5,0 +5,0 @@ "author": "DGouron",

No alert changes

Improved metrics

Total package byte prevSize

4898

2.36%

Worsened metrics

Lines of code

31

-13.89%

No dependency changes