artemis-ui/dist/index.es.js

a component ui library for react applications

import e,{Children as t,cloneElement as a,useState as r,createContext as l,useContext as c}from"react";
/*! *****************************************************************************
Copyright (c) Microsoft Corporation.

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.
***************************************************************************** */function n(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(a[r[l]]=e[r[l]])}return a}const s=t=>{var{src:a,alt:r,shape:l,size:c,text:s,color:o}=t,i=n(t,["src","alt","shape","size","text","color"]);const d=`art-avatar art-avatar-${c} art-avatar-${l}`;return e.createElement("div",Object.assign({className:d,style:{background:o}},i),a?e.createElement("img",{className:"ant-avatar-img",src:a,alt:r}):s,!a&&!s&&"AR")};s.defaultProps={alt:"avatar"};const o=t=>{var{variant:a,icon:r,children:l,size:c}=t,s=n(t,["variant","icon","children","size"]);const o=`art-badge art-badge-${a} art-badge-${c}`;return e.createElement("div",Object.assign({className:o},s),r&&r,e.createElement("div",{className:"art-badge-content"},l))};o.defaultProps={variant:"primary",size:"md"};const i=t=>{var{children:a,variant:r,shape:l,size:c}=t,s=n(t,["children","variant","shape","size"]);const o=`art-btn art-btn-${r} art-btn-${l} art-btn-${c}`;return e.createElement("button",Object.assign({className:o},s),a)},d=r=>{var{type:l,children:c,shape:s}=r,o=n(r,["type","children","shape"]);const i=t.toArray(c).map((e=>a(e,{shape:s,type:l})));return e.createElement("div",Object.assign({className:"art-collapse-container"},o),i)};d.defaultProps={shape:"basic",type:"basic"};var m={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},p=e.createContext&&e.createContext(m),u=function(){return u=Object.assign||function(e){for(var t,a=1,r=arguments.length;a<r;a++)for(var l in t=arguments[a])Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l]);return e},u.apply(this,arguments)},h=function(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(r=Object.getOwnPropertySymbols(e);l<r.length;l++)t.indexOf(r[l])<0&&Object.prototype.propertyIsEnumerable.call(e,r[l])&&(a[r[l]]=e[r[l]])}return a};function v(t){return t&&t.map((function(t,a){return e.createElement(t.tag,u({key:a},t.attr),v(t.child))}))}function b(t){return function(a){return e.createElement(g,u({attr:u({},t.attr)},a),v(t.child))}}function g(t){var a=function(a){var r,l=t.attr,c=t.size,n=t.title,s=h(t,["attr","size","title"]),o=c||a.size||"1em";return a.className&&(r=a.className),t.className&&(r=(r?r+" ":"")+t.className),e.createElement("svg",u({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},a.attr,l,s,{className:r,style:u(u({color:t.color||a.color},a.style),t.style),height:o,width:o,xmlns:"http://www.w3.org/2000/svg"}),n&&e.createElement("title",null,n),t.children)};return void 0!==p?e.createElement(p.Consumer,null,(function(e){return a(e)})):a(m)}function E(e){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"}}]})(e)}function f(e){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"}}]})(e)}function N(e){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"}}]})(e)}function y(e){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"}}]})(e)}function w(e){return b({tag:"svg",attr:{t:"1551322312294",style:"",viewBox:"0 0 1024 1024",version:"1.1"},child:[{tag:"defs",attr:{},child:[]},{tag:"path",attr:{d:"M474 152m8 0l60 0q8 0 8 8l0 704q0 8-8 8l-60 0q-8 0-8-8l0-704q0-8 8-8Z"}},{tag:"path",attr:{d:"M168 474m8 0l672 0q8 0 8 8l0 60q0 8-8 8l-672 0q-8 0-8-8l0-60q0-8 8-8Z"}}]})(e)}function x(e){return b({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3zM664.8 561.6l36.1 210.3L512 672.7 323.1 772l36.1-210.3-152.8-149L417.6 382 512 190.7 606.4 382l211.2 30.7-152.8 148.9z"}}]})(e)}const O=({title:t,children:a,shape:l,type:c})=>{const[n,s]=r(!1),o=n?"art-collapse-content active":"art-collapse-content",i=n?"art-collapse-icon active":"art-collapse-icon",d=`art-collapse-${c} art-collapse-${l}`;return e.createElement("div",{className:d},e.createElement("div",{className:"art-collapse-title",onClick:()=>{s(!n)}},e.createElement("div",{style:{flex:1}},t),e.createElement(f,{className:i})),e.createElement("div",{className:o},a))},k=({header:t,isVisible:a,children:r,onClose:l,placement:c,width:n,height:s})=>{const o=a?"art-drawer-container active":"art-drawer-container",i=a?`art-drawer-${c} active `:`art-drawer-${c}`;let d={width:n};return"top"!==c&&"bottom"!==c||!s||(d={height:s}),e.createElement("div",{className:o,onClick:e=>{const{target:t}=e;t.classList.contains("art-drawer-container")&&l()}},e.createElement("div",{className:i,style:d},t&&e.createElement("div",{className:"art-drawer-header"},t),e.createElement("div",{className:"art-drawer-content"},r)))};k.defaultProps={width:"400px",placement:"right",height:"300px"};const $=t=>{var{children:a}=t,r=n(t,["children"]);return e.createElement("div",Object.assign({className:"art-dropdown-item"},r),a)},j=t=>{var{label:a,children:l,shape:c,trigger:s}=t,o=n(t,["label","children","shape","trigger"]);const[i,d]=r(!1),m="rounded"===c?`art-dropdown-container ${c}`:"art-dropdown-container",p=i?"art-dropdown active":"art-dropdown";let u={};return u="click"===s?{onClick:()=>d(!i)}:{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},e.createElement("div",Object.assign({className:m},o,u),e.createElement("p",{className:"art-dropdown-label"},a),e.createElement("div",{className:p},l))},C=t=>{var{label:a,children:l,trigger:c}=t,s=n(t,["label","children","trigger"]);const[o,i]=r(!1),d=o?"art-sub-dropdown active":"art-sub-dropdown";let m={};return m="click"===c?{onClick:()=>i(!o)}:{onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1)},e.createElement("div",Object.assign({className:"art-sub-dropdown-container"},s,m),e.createElement("p",{className:"art-dropdown-label"},a),e.createElement("div",{className:d},l))};j.defaultProps={trigger:"click",shape:"default",label:"click me"},C.defaultProps={trigger:"hover",label:"click me"};const P=t=>{var{label:a,type:r,shape:l,error:c,success:s,disabled:o,leftIcon:i,rightIcon:d}=t,m=n(t,["label","type","shape","error","success","disabled","leftIcon","rightIcon"]);let p="art-input-wrapper";c&&!s&&(p="art-input-wrapper art-input-error"),s&&!c&&(p="art-input-wrapper art-input-success"),o&&(p="art-input-wrapper art-input-disabled");let u=`art-input art-input-${l}`;return e.createElement("div",{className:p},a&&e.createElement("label",null,a),e.createElement("div",{className:u},i&&i,e.createElement("input",Object.assign({},m,{type:r})),d&&d),c&&!o&&!s&&e.createElement("span",{className:"art-error-text"},c),s&&!o&&!c&&e.createElement("span",{className:"art-success-text"},s))},L=t=>{var{error:a,success:r,disabled:l,label:c,height:s,width:o,shape:i}=t,d=n(t,["error","success","disabled","label","height","width","shape"]);let m=`art-textarea-container art-textarea-${i}`;return r&&!a&&(m=`art-textarea-container art-textarea-success art-textarea-${i}`),a&&!r&&(m=`art-textarea-container art-textarea-error art-textarea-${i}`),l&&(m=`art-textarea-container art-textarea-disabled art-textarea-${i}`),e.createElement("div",{className:m},c&&e.createElement("label",null,c),e.createElement("textarea",Object.assign({className:"art-textarea"},d,{style:{height:s,width:o}})),a&&!l&&!r&&e.createElement("span",{className:"art-error-text"},a),r&&!l&&!a&&e.createElement("span",{className:"art-success-text"},r))};L.defaultProps={label:"Description",height:"10rem",shape:"basic"};const z=t=>{var{children:a,error:r,success:l,disabled:c}=t,s=n(t,["children","error","success","disabled"]);let o="art-select-container";return r&&!l&&(o="art-select-container art-select-error"),l&&!r&&(o="art-select-container art-select-success"),c&&(o="art-select-container art-select-disabled"),e.createElement("div",{className:o},e.createElement("div",{className:"art-select"},e.createElement("select",Object.assign({},s),a)),r&&!c&&!l&&e.createElement("span",{className:"art-error-text"},r),l&&!c&&!r&&e.createElement("span",{className:"art-success-text"},l))},q=t=>{var{children:a}=t,r=n(t,["children"]);return e.createElement("option",Object.assign({className:"art-select-item"},r),a)},M=t=>{var{visible:a,width:r,shape:l,onClose:c,children:s,title:o,footer:i,placement:d}=t,m=n(t,["visible","width","shape","onClose","children","title","footer","placement"]);const p={width:r},u=a?`art-modal-container active ${d}`:`art-modal-container ${d}`,h=a?`art-modal active art-modal-${l} `:`art-modal art-modal-${l} `;return e.createElement("div",Object.assign({className:u},m,{onClick:e=>{const{target:t}=e;t.classList.contains("art-modal-container")&&c()}}),e.createElement("div",{className:h,style:p},e.createElement("div",{className:"art-modal-header"},o,e.createElement(N,{className:"art-modal-close",onClick:c})),e.createElement("div",{className:"art-modal-content"},s),i&&e.createElement("div",{className:"art-modal-footer"},i)))};M.defaultProps={width:"32rem",title:"Basic Modal",shape:"basic",placement:"topCenter"};const I=({count:t,shape:a,max:r,onIncrease:l,onDecrease:c,allowNegative:n,disabled:s})=>{const o=s?`art-quantity-picker art-quantity-${a} art-quantity-disabled`:`art-quantity-picker art-quantity-${a}`;return e.createElement("div",{className:o},e.createElement("button",{className:"art-quantity-action",onClick:()=>{t<r&&l()}},e.createElement(w,null)),e.createElement("div",{className:"art-quantity-count"},t),e.createElement("button",{className:"art-quantity-action",onClick:()=>{t<=0&&!n||c()}},e.createElement(y,null)))};I.defaultProps={allowNegative:!1,disabled:!1};const B=({color:t,value:a,max:r})=>{const l=new Array(r).fill(1,0,a).fill(0,a,r);return e.createElement("div",{className:"art-rate",style:{color:t}},l.map(((t,a)=>1===t?e.createElement(E,{key:a}):e.createElement(x,{key:a}))))};B.defaultProps={max:5};const T=l({selectedTabIndex:"art-tab-0"}),A=()=>c(T),S=t=>{var{shape:a}=t,l=n(t,["shape"]);const[c,s]=r("art-tab-0"),o=`art-tab-group-${a}`;return e.createElement(T.Provider,{value:{selectedTabIndex:c,setSelectedTabIndex:s}},e.createElement("div",Object.assign({className:o},l)))};S.defaultProps={shape:"basic"};const H=({children:r})=>{const l=t.toArray(r).map(((e,t)=>a(e,{id:`art-tab-${t}`})));return e.createElement("ul",{className:"art-tab-header"},l)},D=t=>{var{id:a,children:r}=t,l=n(t,["id","children"]);const{selectedTabIndex:c,setSelectedTabIndex:s}=A(),o=c===a?"art-tab-trigger active":"art-tab-trigger";return e.createElement("li",Object.assign({className:o,onClick:()=>{s(a)}},l),r)},R=t=>{var{children:a,id:r}=t,l=n(t,["children","id"]);const{selectedTabIndex:c}=A(),s=c===r?"art-tab-panel active":"art-tab-panel";return e.createElement("div",Object.assign({className:s},l),a)},Z=({children:r})=>{const l=t.toArray(r).map(((e,t)=>a(e,{id:`art-tab-${t}`})));return e.createElement("div",null,l)},V=t=>{var{children:a,placement:l,message:c,color:s}=t,o=n(t,["children","placement","message","color"]);const[i,d]=r(!1),m=i?`art-tooltip-message art-tooltip-message-${l} active`:"art-tooltip-message",p={onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)};let u;switch(l){case"top":u={borderTopColor:s};break;case"bottom":u={borderBottomColor:s};break;case"left":u={borderLeftColor:s};break;case"right":u={borderRightColor:s};break;default:u={}}return e.createElement("div",Object.assign({className:"art-tooltip"},o,p),a,e.createElement("div",{className:m,style:{backgroundColor:s}},c,e.createElement("span",{className:"art-tooptip-arrow",style:u})))};V.defaultProps={placement:"top"};export{s as Avatar,o as Badge,i as Button,d as Collapse,O as CollapseItem,k as Drawer,j as DropDown,$ as DropDownItem,P as Input,M as Modal,q as Option,I as QuantityPicker,B as Rate,z as Select,C as SubDropDown,D as Tab,S as TabGroup,R as TabPanel,Z as TabPanels,H as Tabs,L as TextArea,V as Tooltip};