magic-select - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

dist/index.css

 /* add css module styles here (optional) */
 
-._3sXmF{
+._3vlH0{
   font-size: 0.67;
@@ -11,3 +11,3 @@ font-weight: 500;
 } 
-._3Ifyx {
+._2fRtl {
   border-radius: 4px;
@@ -14,0 +14,0 @@ border: 1px solid #e0e0e0;

dist/index.d.ts

 import React from 'react';
+import './selectComponent.css';
 export declare type OptionType = {
@@ -3,0 +4,0 @@ value: string;

dist/index.js

@@ -5,4 +5,2 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var styles = {"label":"_3sXmF","selectContainer":"_3Ifyx"};
-
 function SelectComponent(_ref) {
@@ -16,5 +14,5 @@ var optionsToDisplay = _ref.optionsToDisplay,
   return React.createElement("div", null, React.createElement("label", {
-    className: styles.label
+    className: "label"
   }, label), React.createElement("select", {
-    className: styles.selectContainer,
+    className: "selectContainer",
     onChange: handleSelectOption
@@ -21,0 +19,0 @@ }, optionsToDisplay === null || optionsToDisplay === void 0 ? void 0 : optionsToDisplay.map(function (option) {

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\nexport type OptionType = {\n  value: string;\n}\n\ntype SelectProps = {\n  optionsToDisplay: OptionType[];\n  triggerCurrentOption: (value: string) => void;\n  label: string;\n}\n\n/**\n * \n * @param optionsToDisplay \n * @param triggerCurrentOption\n * @param label\n * @returns \n */\nexport default function SelectComponent({ optionsToDisplay, triggerCurrentOption, label }: SelectProps) {\n\n  const handleSelectOption = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    triggerCurrentOption(e.target.value)\n  }\n\n  return (\n    <div>\n      <label className={styles.label}>{label}</label>\n      <select className={styles.selectContainer} onChange={handleSelectOption}>\n        {optionsToDisplay?.map((option) => (\n          <option key={option.value} value={option.value} >\n            {option.value}\n          </option>\n        ))}\n      </select>\n    </div>\n  )\n}\n\n"],"names":["SelectComponent","_ref","optionsToDisplay","triggerCurrentOption","label","handleSelectOption","e","target","value","React","className","styles","selectContainer","onChange","map","option","key"],"mappings":";;;;;;SAoBwBA,eAAeA,CAAAC,IAAA;MAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAErF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,CAAuC;IACjEH,oBAAoB,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;GACrC;EAED,OACEC,iCACEA;IAAOC,SAAS,EAAEC,MAAM,CAACP;KAAQA,KAAK,CAAS,EAC/CK;IAAQC,SAAS,EAAEC,MAAM,CAACC,eAAe;IAAEC,QAAQ,EAAER;KAClDH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEY,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5BN;MAAQO,GAAG,EAAED,MAAM,CAACP,KAAK;MAAEA,KAAK,EAAEO,MAAM,CAACP;OACtCO,MAAM,CAACP,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\nimport './selectComponent.css'\n\n\nexport type OptionType = {\n  value: string;\n}\n\ntype SelectProps = {\n  optionsToDisplay: OptionType[];\n  triggerCurrentOption: (value: string) => void;\n  label: string;\n}\n\n/**\n * \n * @param optionsToDisplay \n * @param triggerCurrentOption\n * @param label\n * @returns \n */\nexport default function SelectComponent({ optionsToDisplay, triggerCurrentOption, label }: SelectProps) {\n\n  const handleSelectOption = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    triggerCurrentOption(e.target.value)\n  }\n\n  return (\n    <div>\n      <label className=\"label\">{label}</label>\n      <select className=\"selectContainer\" onChange={handleSelectOption}>\n        {optionsToDisplay?.map((option) => (\n          <option key={option.value} value={option.value} >\n            {option.value}\n          </option>\n        ))}\n      </select>\n    </div>\n  )\n}\n\n"],"names":["SelectComponent","_ref","optionsToDisplay","triggerCurrentOption","label","handleSelectOption","e","target","value","React","className","onChange","map","option","key"],"mappings":";;;;SAqBwBA,eAAeA,CAAAC,IAAA;MAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAErF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,CAAuC;IACjEH,oBAAoB,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;GACrC;EAED,OACEC,iCACEA;IAAOC,SAAS,EAAC;KAASN,KAAK,CAAS,EACxCK;IAAQC,SAAS,EAAC,iBAAiB;IAACC,QAAQ,EAAEN;KAC3CH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEU,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5BJ;MAAQK,GAAG,EAAED,MAAM,CAACL,KAAK;MAAEA,KAAK,EAAEK,MAAM,CAACL;OACtCK,MAAM,CAACL,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}

dist/index.modern.js

 import React from 'react';
 
-var styles = {"label":"_3sXmF","selectContainer":"_3Ifyx"};
-
 function SelectComponent(_ref) {
@@ -13,5 +11,5 @@ var optionsToDisplay = _ref.optionsToDisplay,
   return React.createElement("div", null, React.createElement("label", {
-    className: styles.label
+    className: "label"
   }, label), React.createElement("select", {
-    className: styles.selectContainer,
+    className: "selectContainer",
     onChange: handleSelectOption
@@ -18,0 +16,0 @@ }, optionsToDisplay === null || optionsToDisplay === void 0 ? void 0 : optionsToDisplay.map(function (option) {

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\nexport type OptionType = {\n  value: string;\n}\n\ntype SelectProps = {\n  optionsToDisplay: OptionType[];\n  triggerCurrentOption: (value: string) => void;\n  label: string;\n}\n\n/**\n * \n * @param optionsToDisplay \n * @param triggerCurrentOption\n * @param label\n * @returns \n */\nexport default function SelectComponent({ optionsToDisplay, triggerCurrentOption, label }: SelectProps) {\n\n  const handleSelectOption = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    triggerCurrentOption(e.target.value)\n  }\n\n  return (\n    <div>\n      <label className={styles.label}>{label}</label>\n      <select className={styles.selectContainer} onChange={handleSelectOption}>\n        {optionsToDisplay?.map((option) => (\n          <option key={option.value} value={option.value} >\n            {option.value}\n          </option>\n        ))}\n      </select>\n    </div>\n  )\n}\n\n"],"names":["SelectComponent","_ref","optionsToDisplay","triggerCurrentOption","label","handleSelectOption","e","target","value","React","className","styles","selectContainer","onChange","map","option","key"],"mappings":";;;;SAoBwBA,eAAeA,CAAAC,IAAA;MAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAErF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,CAAuC;IACjEH,oBAAoB,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;GACrC;EAED,OACEC,iCACEA;IAAOC,SAAS,EAAEC,MAAM,CAACP;KAAQA,KAAK,CAAS,EAC/CK;IAAQC,SAAS,EAAEC,MAAM,CAACC,eAAe;IAAEC,QAAQ,EAAER;KAClDH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEY,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5BN;MAAQO,GAAG,EAAED,MAAM,CAACP,KAAK;MAAEA,KAAK,EAAEO,MAAM,CAACP;OACtCO,MAAM,CAACP,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\nimport './selectComponent.css'\n\n\nexport type OptionType = {\n  value: string;\n}\n\ntype SelectProps = {\n  optionsToDisplay: OptionType[];\n  triggerCurrentOption: (value: string) => void;\n  label: string;\n}\n\n/**\n * \n * @param optionsToDisplay \n * @param triggerCurrentOption\n * @param label\n * @returns \n */\nexport default function SelectComponent({ optionsToDisplay, triggerCurrentOption, label }: SelectProps) {\n\n  const handleSelectOption = (e: React.ChangeEvent<HTMLSelectElement>) => {\n    triggerCurrentOption(e.target.value)\n  }\n\n  return (\n    <div>\n      <label className=\"label\">{label}</label>\n      <select className=\"selectContainer\" onChange={handleSelectOption}>\n        {optionsToDisplay?.map((option) => (\n          <option key={option.value} value={option.value} >\n            {option.value}\n          </option>\n        ))}\n      </select>\n    </div>\n  )\n}\n\n"],"names":["SelectComponent","_ref","optionsToDisplay","triggerCurrentOption","label","handleSelectOption","e","target","value","React","className","onChange","map","option","key"],"mappings":";;SAqBwBA,eAAeA,CAAAC,IAAA;MAAGC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAAEC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;EAErF,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,CAAuC;IACjEH,oBAAoB,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC;GACrC;EAED,OACEC,iCACEA;IAAOC,SAAS,EAAC;KAASN,KAAK,CAAS,EACxCK;IAAQC,SAAS,EAAC,iBAAiB;IAACC,QAAQ,EAAEN;KAC3CH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEU,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5BJ;MAAQK,GAAG,EAAED,MAAM,CAACL,KAAK;MAAEA,KAAK,EAAEK,MAAM,CAACL;OACtCK,MAAM,CAACL,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}

package.json

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

No alert changes

Worsened metrics

Total package byte prevSize

8804

-2.79%

Lines of code

85

-1.16%

No dependency changes