react-artasys-ui 0.1.35 → 0.1.36

package/dist/Checkbox/Checkbox.d.ts

@@ -3,7 +3,7 @@ import { UIComponent } from '../ui-types';
 export interface CheckboxProps<T extends string | number | boolean> extends Omit<UIComponent<ElementProps<HTMLInputElement>>, 'value'> {
     type?: 'checkbox' | 'radio';
     value?: T;
-    onChecked?: (status: boolean, value?: T) => void;
+    onChecked?: (status: boolean, value: T) => void;
 }
 declare const Checkbox: <T extends string | number | boolean>(props: CheckboxProps<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement;
 export default Checkbox;

package/dist/Select/Select.d.ts

@@ -13,6 +13,7 @@ export type TOptionElement = FunctionComponentElement<IOption> | FunctionCompone
 export interface ISelect extends Omit<ElementProps, 'children'> {
     children?: TOptionElement | FunctionComponentElement<IOptgroup> | FunctionComponentElement<IOptgroup>[];
     onChangeSelect?: (value: string) => void;
+    value?: string;
 }
 declare const Select: import('react').ForwardRefExoticComponent<ISelect & import('react').RefAttributes<HTMLInputElement>>;
 export default Select;

package/dist/index.cjs.js

@@ -7,4 +7,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
 		${o&&X[`${o}-btn`]}
 		${s&&!i?X[`icon-${s}`]:``}
 		${t||``}
-	`.replace(/\s+/g,` `).trim(),d=[`ui-button-container`];return d.push(X.container),n&&d.push(n),(0,l.jsxs)(`div`,{className:d.join(` `),style:r,children:[(0,l.jsx)(`button`,{...c,className:u,children:!i&&e}),i&&(0,l.jsx)(`div`,{className:`ui-button-spinner `+X[`wait-indicator`]+(i?` `+X.active:``),children:(0,l.jsx)($e,{color:a})})]})},lt={container:`style-module__container__Qt7Ix`,image:`style-module__image__1qdut`,new:`style-module__new__fOnXf`,close:`style-module__close__9k-p1`,wait:`style-module__wait__qnGnj`},ut=({onChange:e,onClick:t,onId:n,onRemove:r,...i})=>{let{base64:a,src:o}=i,[s,u]=(0,c.useState)(!0),d=(0,c.useRef)(!1),p=(0,c.useRef)(),m=e=>{p.current=e,typeof n==`function`&&n(e)};return(0,c.useEffect)(()=>{typeof e!=`function`||o||e({...i,setWait:u,setId:m,id:p.current})},[]),(0,l.jsxs)(`span`,{className:lt.image,onClick:()=>{typeof t==`function`&&t({...i,setWait:u,setId:m,id:p.current})},children:[(0,l.jsx)(`span`,{className:lt.close,onClick:e=>{if(!e.target)return;let t=e.target;d.current&&(d.current=!1,t.blur(),typeof r==`function`&&r()),d.current=!0},onBlur:()=>{d.current=!1},tabIndex:1}),(0,l.jsx)(`img`,{src:o??a?.toString(),onLoad:()=>{u(!1)}}),s&&(0,l.jsx)(`span`,{className:lt.wait,children:(0,l.jsx)(f,{})})]})},dt=({imagesArray:e,onChange:t,onChangeArray:n,onClick:r})=>{let[i,a]=(0,c.useState)([]),o=e=>{a(t=>[...t,{...e}])},s=e=>t=>{a(n=>n.map(n=>(e===n&&(n.id=t),n)))},u=e=>()=>a(t=>t.filter(t=>t!==e));return(0,c.useEffect)(()=>{typeof n==`function`&&n(i)},[i]),(0,c.useEffect)(()=>{e&&a(e)},[e]),(0,l.jsxs)(`div`,{className:lt.container,children:[i.map((e,n)=>(0,l.jsx)(ut,{...e,onChange:t,onClick:r,onRemove:u(e),onId:s(e)},e.name+n)),(0,l.jsx)(st,{onChange:o,accept:[`image/png`],className:lt.new,multiple:!0})]})},ft={container:`style-module__container__tUkU0`,text:`style-module__text__5dksK`,indicator:`style-module__indicator__BdmZs`},pt=(0,c.forwardRef)(({type:e=`checkbox`,hiddenContainer:t=!0,placeholder:n,onChecked:r,onChange:i,...a},o)=>{let s=e=>{typeof i==`function`&&i(e),typeof r==`function`&&r(e.target.checked,a.value)};return(0,l.jsx)(Y,{...a,hiddenContainer:t,children:t=>(0,l.jsxs)(`div`,{className:`ui-checkbox-container `+ft.container,children:[(0,l.jsx)(`input`,{...t,className:`ui-checkbox`+(t.className?` `+t.className:``),type:e,onChange:s,ref:o}),(0,l.jsx)(`span`,{className:`ui-checkbox-indicator `+ft.indicator}),(0,l.jsx)(`span`,{className:`ui-checkbox-text `+ft.text,children:n})]})})}),mt={container:`style-module__container__nvLZo`,down:`style-module__down__0mCw1`,up:`style-module__up__4e9Cz`,left:`style-module__left__tsvvk`,right:`style-module__right__-YgfC`},ht=({className:e,direction:t=`down`,...n})=>{let r=[`ui-component-arrow`];return r.push(mt.container),t&&r.push(mt[t]),e&&r.push(e),(0,l.jsx)(`div`,{...n,className:r.join(` `)})},Z={"container-element":`style-module__container-element__bbCnL`,container:`style-module__container__P3B9C`,select:`style-module__select__BYzzT`,arrow:`style-module__arrow__pfRrX`,opened:`style-module__opened__1ytU8`,"select-list":`style-module__select-list__c--KX`,left:`style-module__left__pbJ6F`,right:`style-module__right__WUUwr`,hidden:`style-module__hidden__u48qc`,optgpoup:`style-module__optgpoup__VDA2I`,label:`style-module__label__GP062`,option:`style-module__option__byy-y`,title:`style-module__title__x7nug`,active:`style-module__active__ORdtQ`,disabled:`style-module__disabled__xA0bc`},gt=`ui-`,Q=(e,t,n)=>{let r=gt+(n?n+`-`:``);return Array.isArray(e)?e.map(()=>Q(e,t,r)).join(` `):`${t[e]} ${r}${e}`},_t=(0,c.createContext)({selected:``,emptyValue:{current:{}},setSelect:e=>{},setSelected:e=>{},setTitle:e=>{}}),vt=(0,c.forwardRef)(({children:e,onChangeSelect:t,value:n,formvalue:r,...i},a)=>{let o=(0,c.useRef)(null),s=(0,c.useRef)(null),u=(0,c.useRef)(!1),[d,f]=(0,c.useState)(!1),[p,m]=(0,c.useState)(``),[h,g]=(0,c.useState)(),_=()=>{i.disabled||f(!0)},v=()=>{f(!1)},y=()=>{d?v():_()},b=e=>{(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(s.current,e);let t=new Event(`input`,{bubbles:!0});s.current.dispatchEvent(t)},x=e=>{typeof t==`function`&&t(e),n===void 0&&m(e),v()},S=e=>{i.disabled||(typeof i.onInput==`function`&&i.onInput(e),typeof i.onChange==`function`&&i.onChange(e),m(e.target.value))};(0,c.useEffect)(()=>{p&&b(p)},[p]),(0,c.useEffect)(()=>{m(String(n??r))},[n,r]),(0,c.useEffect)(()=>{let e=o.current,t=e.classList;d?(t.remove(Z.hidden),requestAnimationFrame(()=>{t.add(Z.opened),e?.focus()})):(t.contains(Z.opened)&&(e.ontransitionend=()=>{t.add(Z.hidden),e.ontransitionend=null}),t.remove(Z.opened))},[d]),(0,c.useImperativeHandle)(a,()=>s.current,[]);let C=(0,c.useMemo)(()=>{let e=[Q(`container`,Z,`select`)];return e.push(Z.hidden),e},[]);return(0,l.jsx)(Y,{...i,classNameContainer:Q(`container-element`,Z,`select`),withBorder:!0,children:t=>(0,l.jsxs)(_t.Provider,{value:{selected:p,emptyValue:u,setSelect:x,setSelected:m,setTitle:g},children:[(0,l.jsx)(`input`,{...t,type:`hidden`,value:p,onInput:S,ref:s}),(0,l.jsxs)(`div`,{className:C.join(` `),ref:o,tabIndex:1,onBlur:v,children:[(0,l.jsxs)(`div`,{className:Z.select,onClick:y,children:[(0,l.jsx)(`span`,{className:Q(`title`,Z,`select`),children:h}),(0,l.jsx)(ht,{className:Q(`arrow`,Z,`select`)})]}),(0,l.jsx)(`ul`,{className:Q(`select-list`,Z,`select`),children:e})]})]})})}),yt=({children:e,value:t,disabled:n,hidden:r,onClick:i,...a})=>{let o=(0,c.useContext)(_t),s=e=>{t===void 0||n||(o.setSelect(t),typeof i==`function`&&i(e))};if((0,c.useEffect)(()=>{e&&(t===o.selected||!o.emptyValue.current)&&(o.setTitle(e),!o.emptyValue.current&&t&&o.setSelected(t),o.emptyValue.current=!0)},[o.selected,o.emptyValue.current]),r)return null;let u=(0,c.useMemo)(()=>{let e=[Q(`ui-select-option`,Z,`select`)];return e.push(Z.option),o.selected===t&&e.push(Z.active,`active`),n&&e.push(Z.disabled,`disabled`),e},[o.selected,n]);return(0,l.jsx)(`li`,{...a,onClick:s,className:u.join(` `),children:e})},bt=({children:e,label:t})=>(0,l.jsx)(`li`,{children:(0,l.jsxs)(`ul`,{className:Z.optgpoup,children:[t&&(0,l.jsx)(`li`,{className:Z.label,children:t}),e]})}),xt={...(0,c.forwardRef)(({...e},t)=>(0,l.jsx)(vt,{...e,ref:t})),Option:yt,Optgroup:bt},$={container:`style-module__container__3-2SP`,hide:`style-module__hide__4ywHX`,down:`style-module__down__STzsX`,"dropdown-list":`style-module__dropdown-list__O27el`,up:`style-module__up__PYaUD`,left:`style-module__left__9XBs6`,right:`style-module__right__Tvd1-`,opened:`style-module__opened__GjGrB`,arrow:`style-module__arrow__SCvqs`,item:`style-module__item__v8SnZ`},St=({items:e,isOpen:t,enableRerenderItems:n,disabled:r})=>{let i=(0,c.useRef)(null),a=(0,c.useMemo)(()=>n?t?e:null:e,[n,e,t]);return(0,c.useEffect)(()=>{i.current&&(window.innerWidth,i.current.getBoundingClientRect().left)},[t]),r?null:(0,l.jsx)(`ul`,{className:`${$[`dropdown-list`]} ui-dropdown-list`,children:a,ref:i})},Ct=(0,c.createContext)({close:()=>{}}),wt=({children:e,className:t,items:n,arrow:r=!0,direction:i=`down`,position:a=`right`,split:o=!1,disabled:s,hover:u=!1,enableRerenderItems:d=!0,onShow:f,onHide:p,...m})=>{let h=(0,c.useRef)(null),g=(0,c.useRef)(null),[_,v]=(0,c.useState)(!1),y=()=>{v(!1)},b=()=>{v(!0)},x=()=>{v(e=>s?!1:!e)},S=()=>{x()},C=()=>{g.current||(!o||u)&&x()},w=e=>{e.currentTarget.contains(e.relatedTarget)||y()},T=()=>{!u||_||g.current||(g.current=setTimeout(b,50))},E=()=>{g.current&&=(clearTimeout(g.current),null)};(0,c.useEffect)(()=>{let e=h.current,t=e?.classList;_?(t?.add($.opened),e?.focus(),typeof f==`function`&&f()):(t?.remove($.opened),typeof p==`function`&&p())},[_]);let D=(0,c.useMemo)(()=>{let e=[`ui-dropdown`];return e.push($.container),t&&e.push(t),i&&e.push($[i]),a&&e.push($[a]),e.join(` `)},[t,i,a]);return(0,l.jsx)(Ct.Provider,{value:{close:y},children:(0,l.jsxs)(`div`,{...m,className:D,ref:h,onMouseEnter:T,onMouseLeave:E,tabIndex:1,onBlur:w,children:[a===`left`&&!s&&(0,l.jsx)(ht,{className:$.arrow,onClick:S}),(0,l.jsx)(`div`,{onClick:C,className:`ui-dropdown-block`+(_?` `+$.hide:``),children:e}),a===`right`&&!s&&r&&(0,l.jsx)(ht,{className:$.arrow,onClick:S}),(0,l.jsx)(St,{isOpen:_,disabled:s,enableRerenderItems:d,items:n})]})})},Tt=({children:e,onClick:t,autoClose:n=!0,active:r,className:i,...a})=>{let o=(0,c.useContext)(Ct),s=e=>{typeof t==`function`&&t(e),n&&o.close()},u=[`ui-dropdown-item`];return u.push($.item),r&&u.push($.active,`active`),i&&u.push(i),(0,l.jsx)(`li`,{...a,onClick:s,className:u.join(` `),children:typeof e==`function`?e(o):e})},Et={...(0,c.forwardRef)(({...e},t)=>(0,l.jsx)(wt,{...e})),Item:Tt},Dt=(0,c.createContext)({}),Ot=({children:e})=>(0,l.jsx)(Dt.Provider,{value:{},children:e});exports.Button=ct,exports.Checkbox=pt,exports.Dropdown=Et,exports.DropdownItem=Tt,exports.Element=Y,exports.FormElement=Y,exports.File=st,exports.FileInput=ot,exports.Form=et,exports.Input=nt,exports.Loading=$e,exports.Progress=m,exports.Provider=Ot,exports.Select=xt,exports.SelectOptgroup=bt,exports.SelectOption=yt,exports.Spinner=f,exports.TextArea=it,exports.UploadImages=dt,exports.useForm=Qe;
+	`.replace(/\s+/g,` `).trim(),d=[`ui-button-container`];return d.push(X.container),n&&d.push(n),(0,l.jsxs)(`div`,{className:d.join(` `),style:r,children:[(0,l.jsx)(`button`,{...c,className:u,children:!i&&e}),i&&(0,l.jsx)(`div`,{className:`ui-button-spinner `+X[`wait-indicator`]+(i?` `+X.active:``),children:(0,l.jsx)($e,{color:a})})]})},lt={container:`style-module__container__Qt7Ix`,image:`style-module__image__1qdut`,new:`style-module__new__fOnXf`,close:`style-module__close__9k-p1`,wait:`style-module__wait__qnGnj`},ut=({onChange:e,onClick:t,onId:n,onRemove:r,...i})=>{let{base64:a,src:o}=i,[s,u]=(0,c.useState)(!0),d=(0,c.useRef)(!1),p=(0,c.useRef)(),m=e=>{p.current=e,typeof n==`function`&&n(e)};return(0,c.useEffect)(()=>{typeof e!=`function`||o||e({...i,setWait:u,setId:m,id:p.current})},[]),(0,l.jsxs)(`span`,{className:lt.image,onClick:()=>{typeof t==`function`&&t({...i,setWait:u,setId:m,id:p.current})},children:[(0,l.jsx)(`span`,{className:lt.close,onClick:e=>{if(!e.target)return;let t=e.target;d.current&&(d.current=!1,t.blur(),typeof r==`function`&&r()),d.current=!0},onBlur:()=>{d.current=!1},tabIndex:1}),(0,l.jsx)(`img`,{src:o??a?.toString(),onLoad:()=>{u(!1)}}),s&&(0,l.jsx)(`span`,{className:lt.wait,children:(0,l.jsx)(f,{})})]})},dt=({imagesArray:e,onChange:t,onChangeArray:n,onClick:r})=>{let[i,a]=(0,c.useState)([]),o=e=>{a(t=>[...t,{...e}])},s=e=>t=>{a(n=>n.map(n=>(e===n&&(n.id=t),n)))},u=e=>()=>a(t=>t.filter(t=>t!==e));return(0,c.useEffect)(()=>{typeof n==`function`&&n(i)},[i]),(0,c.useEffect)(()=>{e&&a(e)},[e]),(0,l.jsxs)(`div`,{className:lt.container,children:[i.map((e,n)=>(0,l.jsx)(ut,{...e,onChange:t,onClick:r,onRemove:u(e),onId:s(e)},e.name+n)),(0,l.jsx)(st,{onChange:o,accept:[`image/png`],className:lt.new,multiple:!0})]})},ft={container:`style-module__container__tUkU0`,text:`style-module__text__5dksK`,indicator:`style-module__indicator__BdmZs`},pt=(0,c.forwardRef)(({type:e=`checkbox`,hiddenContainer:t=!0,placeholder:n,onChecked:r,onChange:i,...a},o)=>{let s=e=>{typeof i==`function`&&i(e),typeof r==`function`&&r(e.target.checked,a.value)};return(0,l.jsx)(Y,{...a,hiddenContainer:t,children:t=>(0,l.jsxs)(`div`,{className:`ui-checkbox-container `+ft.container,children:[(0,l.jsx)(`input`,{...t,className:`ui-checkbox`+(t.className?` `+t.className:``),type:e,onChange:s,ref:o}),(0,l.jsx)(`span`,{className:`ui-checkbox-indicator `+ft.indicator}),(0,l.jsx)(`span`,{className:`ui-checkbox-text `+ft.text,children:n})]})})}),mt={container:`style-module__container__nvLZo`,down:`style-module__down__0mCw1`,up:`style-module__up__4e9Cz`,left:`style-module__left__tsvvk`,right:`style-module__right__-YgfC`},ht=({className:e,direction:t=`down`,...n})=>{let r=[`ui-component-arrow`];return r.push(mt.container),t&&r.push(mt[t]),e&&r.push(e),(0,l.jsx)(`div`,{...n,className:r.join(` `)})},Z={"container-element":`style-module__container-element__bbCnL`,container:`style-module__container__P3B9C`,select:`style-module__select__BYzzT`,arrow:`style-module__arrow__pfRrX`,opened:`style-module__opened__1ytU8`,"select-list":`style-module__select-list__c--KX`,left:`style-module__left__pbJ6F`,right:`style-module__right__WUUwr`,hidden:`style-module__hidden__u48qc`,optgpoup:`style-module__optgpoup__VDA2I`,label:`style-module__label__GP062`,option:`style-module__option__byy-y`,title:`style-module__title__x7nug`,active:`style-module__active__ORdtQ`,disabled:`style-module__disabled__xA0bc`},gt=`ui-`,Q=(e,t,n)=>{let r=gt+(n?n+`-`:``);return Array.isArray(e)?e.map(()=>Q(e,t,r)).join(` `):`${t[e]} ${r}${e}`},_t=(0,c.createContext)({selected:``,emptyValue:{current:{}},setSelect:e=>{},setSelected:e=>{},setTitle:e=>{}}),vt=(0,c.forwardRef)(({children:e,onChangeSelect:t,value:n,formvalue:r,...i},a)=>{let o=(0,c.useRef)(null),s=(0,c.useRef)(null),u=(0,c.useRef)(!1),[d,f]=(0,c.useState)(!1),[p,m]=(0,c.useState)(``),[h,g]=(0,c.useState)(),_=()=>{i.disabled||f(!0)},v=()=>{f(!1)},y=()=>{d?v():_()},b=e=>{(Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set)?.call(s.current,e);let t=new Event(`input`,{bubbles:!0});s.current.dispatchEvent(t)},x=e=>{typeof t==`function`&&t(e),n===void 0&&m(e),v()},S=e=>{i.disabled||(typeof i.onInput==`function`&&i.onInput(e),typeof i.onChange==`function`&&i.onChange(e),m(e.target.value))};(0,c.useEffect)(()=>{p&&b(p)},[p]),(0,c.useEffect)(()=>{m(String(n??r))},[n,r]),(0,c.useEffect)(()=>{let e=o.current,t=e.classList;d?(t.remove(Z.hidden),requestAnimationFrame(()=>{t.add(Z.opened),e?.focus()})):(t.contains(Z.opened)&&(e.ontransitionend=()=>{t.add(Z.hidden),e.ontransitionend=null}),t.remove(Z.opened))},[d]),(0,c.useImperativeHandle)(a,()=>s.current,[]);let C=(0,c.useMemo)(()=>{let e=[Q(`container`,Z,`select`)];return e.push(Z.hidden),e.join(` `)},[]);return(0,l.jsx)(Y,{...i,classNameContainer:Q(`container-element`,Z,`select`),withBorder:!0,children:t=>(0,l.jsxs)(_t.Provider,{value:{selected:p,emptyValue:u,setSelect:x,setSelected:m,setTitle:g},children:[(0,l.jsx)(`input`,{...t,type:`hidden`,value:p,onInput:S,ref:s}),(0,l.jsxs)(`div`,{className:C,ref:o,tabIndex:1,onBlur:v,children:[(0,l.jsxs)(`div`,{className:Z.select,onClick:y,children:[(0,l.jsx)(`span`,{className:Q(`title`,Z,`select`),children:h}),(0,l.jsx)(ht,{className:Q(`arrow`,Z,`select`)})]}),(0,l.jsx)(`ul`,{className:Q(`select-list`,Z,`select`),children:e})]})]})})}),yt=({children:e,value:t,disabled:n,hidden:r,onClick:i,...a})=>{let o=(0,c.useContext)(_t),s=e=>{t===void 0||n||(o.setSelect(t),typeof i==`function`&&i(e))};if((0,c.useEffect)(()=>{e&&(t===o.selected||!o.emptyValue.current)&&(o.setTitle(e),!o.emptyValue.current&&t&&o.setSelected(t),o.emptyValue.current=!0)},[o.selected,o.emptyValue.current]),r)return null;let u=(0,c.useMemo)(()=>{let e=[Q(`ui-select-option`,Z,`select`)];return e.push(Z.option),o.selected===t&&e.push(Z.active,`active`),n&&e.push(Z.disabled,`disabled`),e},[o.selected,n]);return(0,l.jsx)(`li`,{...a,onClick:s,className:u.join(` `),children:e})},bt=({children:e,label:t})=>(0,l.jsx)(`li`,{children:(0,l.jsxs)(`ul`,{className:Z.optgpoup,children:[t&&(0,l.jsx)(`li`,{className:Z.label,children:t}),e]})}),xt={...(0,c.forwardRef)(({...e},t)=>(0,l.jsx)(vt,{...e,ref:t})),Option:yt,Optgroup:bt},$={container:`style-module__container__3-2SP`,hide:`style-module__hide__4ywHX`,down:`style-module__down__STzsX`,"dropdown-list":`style-module__dropdown-list__O27el`,up:`style-module__up__PYaUD`,left:`style-module__left__9XBs6`,right:`style-module__right__Tvd1-`,opened:`style-module__opened__GjGrB`,arrow:`style-module__arrow__SCvqs`,item:`style-module__item__v8SnZ`},St=({items:e,isOpen:t,enableRerenderItems:n,disabled:r})=>{let i=(0,c.useRef)(null),a=(0,c.useMemo)(()=>n?t?e:null:e,[n,e,t]);return(0,c.useEffect)(()=>{i.current&&(window.innerWidth,i.current.getBoundingClientRect().left)},[t]),r?null:(0,l.jsx)(`ul`,{className:`${$[`dropdown-list`]} ui-dropdown-list`,children:a,ref:i})},Ct=(0,c.createContext)({close:()=>{}}),wt=({children:e,className:t,items:n,arrow:r=!0,direction:i=`down`,position:a=`right`,split:o=!1,disabled:s,hover:u=!1,enableRerenderItems:d=!0,onShow:f,onHide:p,...m})=>{let h=(0,c.useRef)(null),g=(0,c.useRef)(null),[_,v]=(0,c.useState)(!1),y=()=>{v(!1)},b=()=>{v(!0)},x=()=>{v(e=>s?!1:!e)},S=()=>{x()},C=()=>{g.current||(!o||u)&&x()},w=e=>{e.currentTarget.contains(e.relatedTarget)||y()},T=()=>{!u||_||g.current||(g.current=setTimeout(b,50))},E=()=>{g.current&&=(clearTimeout(g.current),null)};(0,c.useEffect)(()=>{let e=h.current,t=e?.classList;_?(t?.add($.opened),e?.focus(),typeof f==`function`&&f()):(t?.remove($.opened),typeof p==`function`&&p())},[_]);let D=(0,c.useMemo)(()=>{let e=[`ui-dropdown`];return e.push($.container),t&&e.push(t),i&&e.push($[i]),a&&e.push($[a]),e.join(` `)},[t,i,a]);return(0,l.jsx)(Ct.Provider,{value:{close:y},children:(0,l.jsxs)(`div`,{...m,className:D,ref:h,onMouseEnter:T,onMouseLeave:E,tabIndex:1,onBlur:w,children:[a===`left`&&!s&&(0,l.jsx)(ht,{className:$.arrow,onClick:S}),(0,l.jsx)(`div`,{onClick:C,className:`ui-dropdown-block`+(_?` `+$.hide:``),children:e}),a===`right`&&!s&&r&&(0,l.jsx)(ht,{className:$.arrow,onClick:S}),(0,l.jsx)(St,{isOpen:_,disabled:s,enableRerenderItems:d,items:n})]})})},Tt=({children:e,onClick:t,autoClose:n=!0,active:r,className:i,...a})=>{let o=(0,c.useContext)(Ct),s=e=>{typeof t==`function`&&t(e),n&&o.close()},u=[`ui-dropdown-item`];return u.push($.item),r&&u.push($.active,`active`),i&&u.push(i),(0,l.jsx)(`li`,{...a,onClick:s,className:u.join(` `),children:typeof e==`function`?e(o):e})},Et={...(0,c.forwardRef)(({...e},t)=>(0,l.jsx)(wt,{...e})),Item:Tt},Dt=(0,c.createContext)({}),Ot=({children:e})=>(0,l.jsx)(Dt.Provider,{value:{},children:e});exports.Button=ct,exports.Checkbox=pt,exports.Dropdown=Et,exports.DropdownItem=Tt,exports.Element=Y,exports.FormElement=Y,exports.File=st,exports.FileInput=ot,exports.Form=et,exports.Input=nt,exports.Loading=$e,exports.Progress=m,exports.Provider=Ot,exports.Select=xt,exports.SelectOptgroup=bt,exports.SelectOption=yt,exports.Spinner=f,exports.TextArea=it,exports.UploadImages=dt,exports.useForm=Qe;

package/dist/index.es.js

@@ -1539,7 +1539,7 @@ var nt = () => {
 	}, [g]), s(a, () => m.current, []);
 	let D = c(() => {
 		let e = [Q("container", Z, "select")];
-		return e.push(Z.hidden), e;
+		return e.push(Z.hidden), e.join(" ");
 	}, []);
 	return /* @__PURE__ */ f(Y, {
 		...i,
@@ -1560,7 +1560,7 @@ var nt = () => {
 				onInput: E,
 				ref: m
 			}), /* @__PURE__ */ p("div", {
-				className: D.join(" "),
+				className: D,
 				ref: d,
 				tabIndex: 1,
 				onBlur: C,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-artasys-ui",
-  "version": "0.1.35",
+  "version": "0.1.36",
   "description": "",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",