ekm-ui 0.1.0 → 0.3.0

package/dist/stacked-list-item.mjs

@@ -11,7 +11,7 @@ import './chunk-X6GXSTW7.mjs';
 import './chunk-FJQEJBBY.mjs';
 import './chunk-EWNPNF2B.mjs';
 import './chunk-YQAMEBON.mjs';
-import './chunk-RDZZOANB.mjs';
+import './chunk-EQANFKDN.mjs';
 import './chunk-RMX72FR3.mjs';
 import './chunk-NI4IFVX3.mjs';
 import './chunk-25FJ277C.mjs';
@@ -24,7 +24,7 @@ import './chunk-OT256LE6.mjs';
 import './chunk-FRIXS4BL.mjs';
 import './chunk-YTTLKTRL.mjs';
 import './chunk-T2OVPC6F.mjs';
-import './chunk-3CISFAGD.mjs';
+import './chunk-2IZBG5JT.mjs';
 import './chunk-ZPLTGYYM.mjs';
 import './chunk-QRNTMHBL.mjs';
 import './chunk-ER4YVWM3.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "sideEffects": [
     "**/*.css"
   ],

package/src/drag-and-drop.tsx

@@ -152,11 +152,11 @@ export function DragAndDrop({ subtitle = 'PNG, WEBP, JPG, JPEG or GIF', filetype
       onDragOver={handleDragOver}
       onDrop={handleDrop}
       onDragLeave={handleDagExit}
-      className="flex items-center justify-center w-full"
+      className="flex items-center justify-center w-full h-full"
     >
       <label
         htmlFor="dropzone-file"
-        className={`flex flex-col items-center justify-center w-full h-64 border-2 border-dashed rounded-lg cursor-pointer ${DragStateClasses[dragState]}`}
+        className={`flex flex-col items-center justify-center w-full h-full border-2 border-dashed rounded-lg cursor-pointer ${DragStateClasses[dragState]}`}
       >
         {renderViewState()}
         {dragState === DragStates.NONE && <input id="dropzone-file" type="file" className="hidden" onChange={handleFileSelection} />}

package/src/select.tsx

@@ -33,10 +33,10 @@ Select.propTypes = {
     /** Optional label for the dropdown */
     label: PropTypes.string,
   /** Optional inital selected value must match the value of an element of an object in the options array. (defaults to first value in the list)*/
-    defaultValue: PropTypes.oneOfType([string, number]).isRequired,
+    defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
     /** Array of objects with value and display properties */
     options: PropTypes.arrayOf(PropTypes.shape({
-        value: PropTypes.oneOfType([string, number]).isRequired,
+        value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
         display: PropTypes.string.isRequired
     })).isRequired,
     /** Callback function when the dropdown value changes */

package/dist/chunk-RDZZOANB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/select.tsx"],"names":["import_prop_types","forwardRef","Fragment","jsx","jsxs","Select","props","ref","__spreadProps","__spreadValues","o","PropTypes"],"mappings":"gGAEA,IAAAA,EAAsB,OADtB,OAAS,cAAAC,MAAkB,QAIvB,mBAAAC,EAEI,OAAAC,EAFJ,QAAAC,MAAA,oBAFG,IAAMC,EAASJ,EAAW,SAAgBK,EAAOC,EAAK,CAC3D,OACEH,EAAAF,EAAA,CACG,UAAAI,EAAM,OACLH,EAAC,SAAM,QAAS,GAAGG,EAAM,YAAa,UAAU,+DAC7C,SAAAA,EAAM,MACT,EAEFH,EAAC,SAAAK,EAAAC,EAAA,CACC,GAAI,GAAGH,EAAM,YACb,IAAKC,EACL,UAAU,uQACND,GAJL,CAMG,UAAAA,EAAM,SAAW,CAAC,GAAG,IAAKI,GAExBP,EAAC,UAAsC,MAAOO,EAAE,MAAO,SAAUA,EAAE,SAChE,SAAAA,EAAE,SADQ,GAAGJ,EAAM,MAAMI,EAAE,OAE9B,CAEH,GACH,GACF,CAEJ,CAAC,EAEDL,EAAO,UAAY,CAEf,GAAI,EAAAM,QAAU,OAAO,WAErB,MAAO,EAAAA,QAAU,OAEjB,aAAc,EAAAA,QAAU,UAAU,CAAC,OAAQ,MAAM,CAAC,EAAE,WAEpD,QAAS,EAAAA,QAAU,QAAQ,EAAAA,QAAU,MAAM,CACvC,MAAO,EAAAA,QAAU,UAAU,CAAC,OAAQ,MAAM,CAAC,EAAE,WAC7C,QAAS,EAAAA,QAAU,OAAO,UAC9B,CAAC,CAAC,EAAE,WAEJ,SAAU,EAAAA,QAAU,KAAK,UAC7B","sourcesContent":["//@ts-nocheck\nimport { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nexport const Select = forwardRef(function Select(props, ref) {\n  return (\n    <>\n      {props.label && (\n        <label htmlFor={`${props.id}-select`} className=\"block mb-2 text-sm font-medium text-gray-900 dark:text-white\">\n          {props.label}\n        </label>\n      )}\n      <select\n        id={`${props.id}-select`}\n        ref={ref}\n        className=\"bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500\"\n        {...props}\n      >\n        {(props.options || []).map((o) => {\n          return (\n            <option key={`${props.id}-${o.value}`} value={o.value} disabled={o.disabled}>\n              {o.display}\n            </option>\n          )\n        })}\n      </select>\n    </>\n  )\n})\n\nSelect.propTypes = {\n/** Unique id for the dropdown */\n    id: PropTypes.string.isRequired,\n    /** Optional label for the dropdown */\n    label: PropTypes.string,\n  /** Optional inital selected value must match the value of an element of an object in the options array. (defaults to first value in the list)*/\n    defaultValue: PropTypes.oneOfType([string, number]).isRequired,\n    /** Array of objects with value and display properties */\n    options: PropTypes.arrayOf(PropTypes.shape({\n        value: PropTypes.oneOfType([string, number]).isRequired,\n        display: PropTypes.string.isRequired\n    })).isRequired,\n    /** Callback function when the dropdown value changes */\n    onChange: PropTypes.func.isRequired\n}\n"]}