ekm-ui 0.0.21 → 0.0.23

package/dist/card-payment-block.mjs

@@ -1,12 +1,13 @@
-export { c as CardPaymentBlock } from './chunk-UXRV2ZAW.mjs';
+export { c as CardPaymentBlock } from './chunk-MOQM5IK4.mjs';
+import './chunk-ZHHTK7UM.mjs';
 import './chunk-QWPN2UNV.mjs';
 import './chunk-FAFXVD4P.mjs';
 import './chunk-256SAVHD.mjs';
 import './chunk-5TDJLUR3.mjs';
 import './chunk-3ZCDEN7B.mjs';
+import './chunk-44PUPRSQ.mjs';
 import './chunk-HAQTLD4G.mjs';
 import './chunk-PHG4J7QX.mjs';
-import './chunk-ZHHTK7UM.mjs';
 import './chunk-QTAUYFKM.mjs';
 import './chunk-BIU2AAPZ.mjs';
 import './chunk-OT256LE6.mjs';

package/dist/chunk-44PUPRSQ.mjs

@@ -0,0 +1,10 @@
+import { a } from './chunk-QTAUYFKM.mjs';
+import { e, b, a as a$1 } from './chunk-RUPJ2ZHA.mjs';
+import { useState, useEffect, useRef, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var r=e(a());function R(a,n,u){let l=useRef(0),s=useRef(null),o=useCallback(a,u);useEffect(()=>(l.current===0?l.current=1:s.current=setTimeout(()=>{o();},n),()=>{clearTimeout(s.current);}),[o,n]);}function T({categories:a=[],delay:n=1500,placeholder:u="Enter a keyword to search...",callback:l,disabled:s=!1,initialValue:o=""}){let[d,b$1]=useState({text:null,category:(a==null?void 0:a.length)>0?a[0]:null}),[k,h]=useState(o),w=e=>{h(e.target.value),b$1(b(a$1({},d),{text:e.target.value}));},v=(e,i)=>{e.preventDefault(),b$1(b(a$1({},d),{category:i}));},x=e=>{(e.charCode||e.keyCode)===13&&e.preventDefault();};R(()=>{l(d);},n,[d.text,d.category]),useEffect(()=>{h(o);},[o]);let C=()=>jsxs(Fragment,{children:[jsx("label",{htmlFor:"search-dropdown",className:"mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white",children:"Your Email"}),jsxs("button",{id:"dropdown-button","data-dropdown-toggle":"dropdown",className:"absolute top-0 right-0 p-2.5 flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-white border border-gray-300 dark:border-gray-700 dark:text-white rounded-r-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800",type:"button",children:[d.category.display,jsx("svg",{className:"w-2.5 h-2.5 ml-2.5","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 10 6",children:jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 1 4 4 4-4"})})]}),jsx("div",{id:"dropdown",className:"z-10 hidden bg-white divide-y divide-gray-100 rounded-r-lg shadow w-44 dark:bg-gray-700",children:jsx("ul",{className:"py-2 text-sm text-gray-700 dark:text-gray-200","aria-labelledby":"dropdown-button",children:(a||[]).map(e=>jsx("li",{children:jsx("a",{href:"#",className:"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",onClick:i=>v(i,e),children:e.display})},`gst-${e.display}`))})})]});return jsx("div",{className:"flex",children:jsxs("div",{className:"relative w-full",children:[jsx("input",{placeholder:u,value:k,"aria-label":"search","aria-describedby":"Search",onChange:w,onKeyDown:x,disabled:s,type:"search",id:"search-dropdown",className:"block p-2.5 w-full text-sm text-gray-900 rounded-lg bg-gray-50  border-r-gray-300  border-r-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500"}),(a==null?void 0:a.length)>0&&C()]})})}T.propTypes={categories:r.default.arrayOf(r.default.shape({display:r.default.string.isRequired,value:r.default.oneOfType([r.default.string,r.default.number]).isRequired})),delay:r.default.number,placeholder:r.default.string,callback:r.default.func.isRequired,disabled:r.default.bool,initialValue:r.default.string};
+
+export { T as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-44PUPRSQ.mjs.map

package/dist/chunk-44PUPRSQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/search/search.tsx"],"names":["import_prop_types","useState","useRef","useCallback","useEffect","Fragment","jsx","jsxs","useDebounceEffect","effect","delay","deps","instanceRef","handlerRef","callback","Search","categories","placeholder","disabled","initialValue","state","setState","currentSearchValue","setCurrentSearchValue","handleSearchChange","__spreadProps","__spreadValues","handleTypeChange","selection","handleKeyDown","renderDropdown","x","e","PropTypes"],"mappings":"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","sourcesContent":["//@ts-nocheck\nimport { useState, useRef, useCallback, useEffect } from 'react'\nimport PropTypes from 'prop-types'\n\nfunction useDebounceEffect(effect, delay, deps) {\n  const instanceRef = useRef(0)\n  const handlerRef = useRef(null)\n  const callback = useCallback(effect, deps)\n\n  useEffect(() => {\n    if (instanceRef.current === 0) {\n      instanceRef.current = 1\n    } else {\n      handlerRef.current = setTimeout(() => {\n        callback()\n      }, delay)\n    }\n    return () => {\n      clearTimeout(handlerRef.current)\n    }\n  }, [callback, delay])\n}\n\nexport function Search({\n  categories = [],\n  delay = 1500,\n  placeholder = 'Enter a keyword to search...',\n  callback,\n  disabled = false,\n  initialValue = '',\n}) {\n  // Create state based on config\n  const [state, setState] = useState({\n    text: null,\n    category: categories?.length > 0 ? categories[0] : null,\n  })\n  const [currentSearchValue, setCurrentSearchValue] = useState(initialValue)\n\n  const handleSearchChange = (e) => {\n    setCurrentSearchValue(e.target.value)\n    setState({ ...state, text: e.target.value })\n  }\n\n  const handleTypeChange = (e, selection) => {\n    e.preventDefault()\n    setState({ ...state, category: selection })\n  }\n\n  const handleKeyDown = (e) => {\n    if ((e.charCode || e.keyCode) === 13) {\n      e.preventDefault()\n    }\n  }\n\n  useDebounceEffect(\n    () => {\n      callback(state)\n    },\n    delay,\n    [state.text, state.category],\n  )\n  useEffect(() => {\n    setCurrentSearchValue(initialValue)\n  }, [initialValue])\n\n  const renderDropdown = () => (\n    <>\n      <label htmlFor=\"search-dropdown\" className=\"mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white\">\n        Your Email\n      </label>\n      <button\n        id=\"dropdown-button\"\n        data-dropdown-toggle=\"dropdown\"\n        className=\"absolute top-0 right-0 p-2.5 flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-white border border-gray-300 dark:border-gray-700 dark:text-white rounded-r-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-300 dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800\"\n        type=\"button\"\n      >\n        {state.category.display}\n        <svg className=\"w-2.5 h-2.5 ml-2.5\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 10 6\">\n          <path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m1 1 4 4 4-4\" />\n        </svg>\n      </button>\n      <div id=\"dropdown\" className=\"z-10 hidden bg-white divide-y divide-gray-100 rounded-r-lg shadow w-44 dark:bg-gray-700\">\n        <ul className=\"py-2 text-sm text-gray-700 dark:text-gray-200\" aria-labelledby=\"dropdown-button\">\n          {(categories || []).map((x) => {\n            return (\n              <li key={`gst-${x.display}`}>\n                <a\n                  href=\"#\"\n                  className=\"block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\"\n                  onClick={(e) => handleTypeChange(e, x)}\n                >\n                  {x.display}\n                </a>\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </>\n  )\n\n  return (\n    <div className=\"flex\">\n      <div className=\"relative w-full\">\n        <input\n          placeholder={placeholder}\n          value={currentSearchValue}\n          aria-label=\"search\"\n          aria-describedby=\"Search\"\n          onChange={handleSearchChange}\n          onKeyDown={handleKeyDown}\n          disabled={disabled}\n          type=\"search\"\n          id=\"search-dropdown\"\n          className=\"block p-2.5 w-full text-sm text-gray-900 rounded-lg bg-gray-50  border-r-gray-300  border-r-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500\"\n        />\n        {categories?.length > 0 && renderDropdown()}\n      </div>\n    </div>\n  )\n  /*   return (\n    <InputGroup className=\"mb-0 mb-md-3\">\n      <FormControl\n        type=\"text\"\n        placeholder={placeholder}\n        value={currentSearchValue}\n        aria-label=\"search\"\n        aria-describedby=\"Search\"\n        onChange={handleSearchChange}\n        onKeyDown={handleKeyDown}\n        disabled={disabled}\n      />\n      {categories?.length > 0 && (\n        <DropdownButton\n          as={InputGroup.Append}\n          variant=\"outline-secondary\"\n          title={state.category.display}\n          id=\"input-group-dropdown-2\"\n          disabled={disabled}\n        >\n          {(categories || []).map((x) => {\n            return (\n              <Dropdown.Item key={`gst-${x.display}`} href=\"#\" onClick={() => handleTypeChange(x)}>\n                {x.display}\n              </Dropdown.Item>\n            )\n          })}\n        </DropdownButton>\n      )}\n    </InputGroup>\n  ) */\n}\n\nSearch.propTypes = {\n  /** Optional List of categories that the search term can be applied to. If supplied\n   *  the categories appear on the far right of the search input in a drop down list, otherwise it is hidden.\n   */\n  categories: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The text shown to the user in the dropdown.\n       */\n      display: PropTypes.string.isRequired,\n      /**\n       * The value set when the item is selected.\n       */\n      value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n    }),\n  ),\n  /**\n   * The delay between requests made to the server when typing in milliseconds.\n   */\n  delay: PropTypes.number,\n  /**\n   * Optional placeholder for the search field.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Callback with the search object for use in the application the format is:\n   * { text: '', category: {display:\"\", value:\"\"} }. Note: category is null if no options are provided.\n   */\n  callback: PropTypes.func.isRequired,\n  /**\n   * If set to true, the text in the search box cannot be changed\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If set, will be the value in the search bar when it first loads.\n   * If not set, the search bar will just be empty.\n   */\n  initialValue: PropTypes.string,\n}\n"]}

package/dist/{chunk-UXRV2ZAW.mjs → chunk-MOQM5IK4.mjs}

@@ -13,4 +13,4 @@ function X({cardPayment:a$1,enablePayPal:i}){return jsxs(Card,{className:"border
 
 export { j as a, Z as b, X as c };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-UXRV2ZAW.mjs.map
+//# sourceMappingURL=chunk-MOQM5IK4.mjs.map