magic-select - npm Package Compare versions

Comparing version 1.0.10 to 1.0.11

dist/index.js

@@ -30,3 +30,3 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
       textAlign: "center",
-      boxShadow: "0 10px 10px rgba(0,0,0,0.6)"
+      boxShadow: "2px 5px 8px -2px rgba(0,0,0,0.67)"
     },
@@ -33,0 +33,0 @@ onChange: handleSelectOption

dist/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\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 style={{ fontSize: \"0.67\", fontWeight: 500, color: \"#222\", textAlign: \"center\", marginBottom: \"10px\" }}>{label}</label>\n      <select style={{ borderRadius: \"4px\", border: \"1px solid #e0e0e0\", height: \"40px\", width: \"100%\", color: \"#000\", fontSize: \"0.87\", fontWeight: 400, textAlign: \"center\", boxShadow: \"0 10px 10px rgba(0,0,0,0.6)\" }} 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","style","fontSize","fontWeight","color","textAlign","marginBottom","borderRadius","border","height","width","boxShadow","onChange","map","option","key"],"mappings":";;;;SAmBwBA,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,KAAK,EAAE;MAAEC,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEC,KAAK,EAAE,MAAM;MAAEC,SAAS,EAAE,QAAQ;MAAEC,YAAY,EAAE;;KAAWX,KAAK,CAAS,EAC9HK;IAAQC,KAAK,EAAE;MAAEM,YAAY,EAAE,KAAK;MAAEC,MAAM,EAAE,mBAAmB;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE,MAAM;MAAEN,KAAK,EAAE,MAAM;MAAEF,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEE,SAAS,EAAE,QAAQ;MAAEM,SAAS,EAAE;KAA+B;IAAEC,QAAQ,EAAEhB;KAC5NH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEoB,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5Bd;MAAQe,GAAG,EAAED,MAAM,CAACf,KAAK;MAAEA,KAAK,EAAEe,MAAM,CAACf;OACtCe,MAAM,CAACf,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: <explanation>\nimport React from 'react'\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 style={{ fontSize: \"0.67\", fontWeight: 500, color: \"#222\", textAlign: \"center\", marginBottom: \"10px\" }}>{label}</label>\n      <select style={{ borderRadius: \"4px\", border: \"1px solid #e0e0e0\", height: \"40px\", width: \"100%\", color: \"#000\", fontSize: \"0.87\", fontWeight: 400, textAlign: \"center\", boxShadow: \"2px 5px 8px -2px rgba(0,0,0,0.67)\" }} 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","style","fontSize","fontWeight","color","textAlign","marginBottom","borderRadius","border","height","width","boxShadow","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,KAAK,EAAE;MAAEC,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEC,KAAK,EAAE,MAAM;MAAEC,SAAS,EAAE,QAAQ;MAAEC,YAAY,EAAE;;KAAWX,KAAK,CAAS,EAC9HK;IAAQC,KAAK,EAAE;MAAEM,YAAY,EAAE,KAAK;MAAEC,MAAM,EAAE,mBAAmB;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE,MAAM;MAAEN,KAAK,EAAE,MAAM;MAAEF,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEE,SAAS,EAAE,QAAQ;MAAEM,SAAS,EAAE;KAAqC;IAAEC,QAAQ,EAAEhB;KAClOH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEoB,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5Bd;MAAQe,GAAG,EAAED,MAAM,CAACf,KAAK;MAAEA,KAAK,EAAEe,MAAM,CAACf;OACtCe,MAAM,CAACf,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}

dist/index.modern.js

@@ -28,3 +28,3 @@ import React from 'react';
       textAlign: "center",
-      boxShadow: "0 10px 10px rgba(0,0,0,0.6)"
+      boxShadow: "2px 5px 8px -2px rgba(0,0,0,0.67)"
     },
@@ -31,0 +31,0 @@ onChange: handleSelectOption

dist/index.modern.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["import React from 'react'\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 style={{ fontSize: \"0.67\", fontWeight: 500, color: \"#222\", textAlign: \"center\", marginBottom: \"10px\" }}>{label}</label>\n      <select style={{ borderRadius: \"4px\", border: \"1px solid #e0e0e0\", height: \"40px\", width: \"100%\", color: \"#000\", fontSize: \"0.87\", fontWeight: 400, textAlign: \"center\", boxShadow: \"0 10px 10px rgba(0,0,0,0.6)\" }} 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","style","fontSize","fontWeight","color","textAlign","marginBottom","borderRadius","border","height","width","boxShadow","onChange","map","option","key"],"mappings":";;SAmBwBA,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,KAAK,EAAE;MAAEC,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEC,KAAK,EAAE,MAAM;MAAEC,SAAS,EAAE,QAAQ;MAAEC,YAAY,EAAE;;KAAWX,KAAK,CAAS,EAC9HK;IAAQC,KAAK,EAAE;MAAEM,YAAY,EAAE,KAAK;MAAEC,MAAM,EAAE,mBAAmB;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE,MAAM;MAAEN,KAAK,EAAE,MAAM;MAAEF,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEE,SAAS,EAAE,QAAQ;MAAEM,SAAS,EAAE;KAA+B;IAAEC,QAAQ,EAAEhB;KAC5NH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEoB,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5Bd;MAAQe,GAAG,EAAED,MAAM,CAACf,KAAK;MAAEA,KAAK,EAAEe,MAAM,CAACf;OACtCe,MAAM,CAACf,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}
+{"version":3,"file":"index.modern.js","sources":["../src/index.tsx"],"sourcesContent":["// biome-ignore lint/style/useImportType: <explanation>\nimport React from 'react'\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 style={{ fontSize: \"0.67\", fontWeight: 500, color: \"#222\", textAlign: \"center\", marginBottom: \"10px\" }}>{label}</label>\n      <select style={{ borderRadius: \"4px\", border: \"1px solid #e0e0e0\", height: \"40px\", width: \"100%\", color: \"#000\", fontSize: \"0.87\", fontWeight: 400, textAlign: \"center\", boxShadow: \"2px 5px 8px -2px rgba(0,0,0,0.67)\" }} 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","style","fontSize","fontWeight","color","textAlign","marginBottom","borderRadius","border","height","width","boxShadow","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,KAAK,EAAE;MAAEC,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEC,KAAK,EAAE,MAAM;MAAEC,SAAS,EAAE,QAAQ;MAAEC,YAAY,EAAE;;KAAWX,KAAK,CAAS,EAC9HK;IAAQC,KAAK,EAAE;MAAEM,YAAY,EAAE,KAAK;MAAEC,MAAM,EAAE,mBAAmB;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE,MAAM;MAAEN,KAAK,EAAE,MAAM;MAAEF,QAAQ,EAAE,MAAM;MAAEC,UAAU,EAAE,GAAG;MAAEE,SAAS,EAAE,QAAQ;MAAEM,SAAS,EAAE;KAAqC;IAAEC,QAAQ,EAAEhB;KAClOH,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAEoB,GAAG,CAAC,UAACC,MAAM;IAAA,OAC5Bd;MAAQe,GAAG,EAAED,MAAM,CAACf,KAAK;MAAEA,KAAK,EAAEe,MAAM,CAACf;OACtCe,MAAM,CAACf,KAAK,CACN;GACV,CAAC,CACK,CACL;AAEV;;;;"}

package.json

 {
 	"name": "magic-select",
-	"version": "1.0.10",
+	"version": "1.0.11",
 	"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

10902

1.28%

No dependency changes