artemis-ui/dist/index.js

a component ui library for react applications

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);
/*! *****************************************************************************
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 r(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 l=e=>{var{src:t,alt:l,shape:c,size:n,text:s,color:o}=e,i=r(e,["src","alt","shape","size","text","color"]);const d=`art-avatar art-avatar-${n} art-avatar-${c}`;return a.default.createElement("div",Object.assign({className:d,style:{background:o}},i),t?a.default.createElement("img",{className:"ant-avatar-img",src:t,alt:l}):s,!t&&!s&&"AR")};l.defaultProps={alt:"avatar"};const c=e=>{var{variant:t,icon:l,children:c,size:n}=e,s=r(e,["variant","icon","children","size"]);const o=`art-badge art-badge-${t} art-badge-${n}`;return a.default.createElement("div",Object.assign({className:o},s),l&&l,a.default.createElement("div",{className:"art-badge-content"},c))};c.defaultProps={variant:"primary",size:"md"};const n=t=>{var{type:l,children:c,shape:n}=t,s=r(t,["type","children","shape"]);const o=e.Children.toArray(c).map((t=>e.cloneElement(t,{shape:n,type:l})));return a.default.createElement("div",Object.assign({className:"art-collapse-container"},s),o)};n.defaultProps={shape:"basic",type:"basic"};var s={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},o=a.default.createContext&&a.default.createContext(s),i=function(){return i=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},i.apply(this,arguments)},d=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 u(e){return e&&e.map((function(e,t){return a.default.createElement(e.tag,i({key:t},e.attr),u(e.child))}))}function p(e){return function(t){return a.default.createElement(m,i({attr:i({},e.attr)},t),u(e.child))}}function m(e){var t=function(t){var r,l=e.attr,c=e.size,n=e.title,s=d(e,["attr","size","title"]),o=c||t.size||"1em";return t.className&&(r=t.className),e.className&&(r=(r?r+" ":"")+e.className),a.default.createElement("svg",i({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,l,s,{className:r,style:i(i({color:e.color||t.color},t.style),e.style),height:o,width:o,xmlns:"http://www.w3.org/2000/svg"}),n&&a.default.createElement("title",null,n),e.children)};return void 0!==o?a.default.createElement(o.Consumer,null,(function(e){return t(e)})):t(s)}function f(e){return p({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 h(e){return p({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 v(e){return p({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 b(e){return p({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 g(e){return p({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 E(e){return p({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 x=({header:e,isVisible:t,children:r,onClose:l,placement:c,width:n,height:s})=>{const o=t?"art-drawer-container active":"art-drawer-container",i=t?`art-drawer-${c} active `:`art-drawer-${c}`;let d={width:n};return"top"!==c&&"bottom"!==c||!s||(d={height:s}),a.default.createElement("div",{className:o,onClick:e=>{const{target:t}=e;t.classList.contains("art-drawer-container")&&l()}},a.default.createElement("div",{className:i,style:d},e&&a.default.createElement("div",{className:"art-drawer-header"},e),a.default.createElement("div",{className:"art-drawer-content"},r)))};x.defaultProps={width:"400px",placement:"right",height:"300px"};const y=t=>{var{label:l,children:c,shape:n,trigger:s}=t,o=r(t,["label","children","shape","trigger"]);const[i,d]=e.useState(!1),u="rounded"===n?`art-dropdown-container ${n}`:"art-dropdown-container",p=i?"art-dropdown active":"art-dropdown";let m={};return m="click"===s?{onClick:()=>d(!i)}:{onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)},a.default.createElement("div",Object.assign({className:u},o,m),a.default.createElement("p",{className:"art-dropdown-label"},l),a.default.createElement("div",{className:p},c))},N=t=>{var{label:l,children:c,trigger:n}=t,s=r(t,["label","children","trigger"]);const[o,i]=e.useState(!1),d=o?"art-sub-dropdown active":"art-sub-dropdown";let u={};return u="click"===n?{onClick:()=>i(!o)}:{onMouseEnter:()=>i(!0),onMouseLeave:()=>i(!1)},a.default.createElement("div",Object.assign({className:"art-sub-dropdown-container"},s,u),a.default.createElement("p",{className:"art-dropdown-label"},l),a.default.createElement("div",{className:d},c))};y.defaultProps={trigger:"click",shape:"default",label:"click me"},N.defaultProps={trigger:"hover",label:"click me"};const w=e=>{var{error:t,success:l,disabled:c,label:n,height:s,width:o,shape:i}=e,d=r(e,["error","success","disabled","label","height","width","shape"]);let u=`art-textarea-container art-textarea-${i}`;return l&&!t&&(u=`art-textarea-container art-textarea-success art-textarea-${i}`),t&&!l&&(u=`art-textarea-container art-textarea-error art-textarea-${i}`),c&&(u=`art-textarea-container art-textarea-disabled art-textarea-${i}`),a.default.createElement("div",{className:u},n&&a.default.createElement("label",null,n),a.default.createElement("textarea",Object.assign({className:"art-textarea"},d,{style:{height:s,width:o}})),t&&!c&&!l&&a.default.createElement("span",{className:"art-error-text"},t),l&&!c&&!t&&a.default.createElement("span",{className:"art-success-text"},l))};w.defaultProps={label:"Description",height:"10rem",shape:"basic"};const O=e=>{var{visible:t,width:l,shape:c,onClose:n,children:s,title:o,footer:i,placement:d}=e,u=r(e,["visible","width","shape","onClose","children","title","footer","placement"]);const p={width:l},m=t?`art-modal-container active ${d}`:`art-modal-container ${d}`,f=t?`art-modal active art-modal-${c} `:`art-modal art-modal-${c} `;return a.default.createElement("div",Object.assign({className:m},u,{onClick:e=>{const{target:t}=e;t.classList.contains("art-modal-container")&&n()}}),a.default.createElement("div",{className:f,style:p},a.default.createElement("div",{className:"art-modal-header"},o,a.default.createElement(v,{className:"art-modal-close",onClick:n})),a.default.createElement("div",{className:"art-modal-content"},s),i&&a.default.createElement("div",{className:"art-modal-footer"},i)))};O.defaultProps={width:"32rem",title:"Basic Modal",shape:"basic",placement:"topCenter"};const C=({count:e,shape:t,max:r,onIncrease:l,onDecrease:c,allowNegative:n,disabled:s})=>{const o=s?`art-quantity-picker art-quantity-${t} art-quantity-disabled`:`art-quantity-picker art-quantity-${t}`;return a.default.createElement("div",{className:o},a.default.createElement("button",{className:"art-quantity-action",onClick:()=>{e<r&&l()}},a.default.createElement(g,null)),a.default.createElement("div",{className:"art-quantity-count"},e),a.default.createElement("button",{className:"art-quantity-action",onClick:()=>{e<=0&&!n||c()}},a.default.createElement(b,null)))};C.defaultProps={allowNegative:!1,disabled:!1};const j=({color:e,value:t,max:r})=>{const l=new Array(r).fill(1,0,t).fill(0,t,r);return a.default.createElement("div",{className:"art-rate",style:{color:e}},l.map(((e,t)=>1===e?a.default.createElement(f,{key:t}):a.default.createElement(E,{key:t}))))};j.defaultProps={max:5};const k=e.createContext({selectedTabIndex:"art-tab-0"}),$=()=>e.useContext(k),P=t=>{var{shape:l}=t,c=r(t,["shape"]);const[n,s]=e.useState("art-tab-0"),o=`art-tab-group-${l}`;return a.default.createElement(k.Provider,{value:{selectedTabIndex:n,setSelectedTabIndex:s}},a.default.createElement("div",Object.assign({className:o},c)))};P.defaultProps={shape:"basic"};const L=t=>{var{children:l,placement:c,message:n,color:s}=t,o=r(t,["children","placement","message","color"]);const[i,d]=e.useState(!1),u=i?`art-tooltip-message art-tooltip-message-${c} active`:"art-tooltip-message",p={onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1)};let m;switch(c){case"top":m={borderTopColor:s};break;case"bottom":m={borderBottomColor:s};break;case"left":m={borderLeftColor:s};break;case"right":m={borderRightColor:s};break;default:m={}}return a.default.createElement("div",Object.assign({className:"art-tooltip"},o,p),l,a.default.createElement("div",{className:u,style:{backgroundColor:s}},n,a.default.createElement("span",{className:"art-tooptip-arrow",style:m})))};L.defaultProps={placement:"top"},exports.Avatar=l,exports.Badge=c,exports.Button=e=>{var{children:t,variant:l,shape:c,size:n}=e,s=r(e,["children","variant","shape","size"]);const o=`art-btn art-btn-${l} art-btn-${c} art-btn-${n}`;return a.default.createElement("button",Object.assign({className:o},s),t)},exports.Collapse=n,exports.CollapseItem=({title:t,children:r,shape:l,type:c})=>{const[n,s]=e.useState(!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 a.default.createElement("div",{className:d},a.default.createElement("div",{className:"art-collapse-title",onClick:()=>{s(!n)}},a.default.createElement("div",{style:{flex:1}},t),a.default.createElement(h,{className:i})),a.default.createElement("div",{className:o},r))},exports.Drawer=x,exports.DropDown=y,exports.DropDownItem=e=>{var{children:t}=e,l=r(e,["children"]);return a.default.createElement("div",Object.assign({className:"art-dropdown-item"},l),t)},exports.Input=e=>{var{label:t,type:l,shape:c,error:n,success:s,disabled:o,leftIcon:i,rightIcon:d}=e,u=r(e,["label","type","shape","error","success","disabled","leftIcon","rightIcon"]);let p="art-input-wrapper";n&&!s&&(p="art-input-wrapper art-input-error"),s&&!n&&(p="art-input-wrapper art-input-success"),o&&(p="art-input-wrapper art-input-disabled");let m=`art-input art-input-${c}`;return a.default.createElement("div",{className:p},t&&a.default.createElement("label",null,t),a.default.createElement("div",{className:m},i&&i,a.default.createElement("input",Object.assign({},u,{type:l})),d&&d),n&&!o&&!s&&a.default.createElement("span",{className:"art-error-text"},n),s&&!o&&!n&&a.default.createElement("span",{className:"art-success-text"},s))},exports.Modal=O,exports.Option=e=>{var{children:t}=e,l=r(e,["children"]);return a.default.createElement("option",Object.assign({className:"art-select-item"},l),t)},exports.QuantityPicker=C,exports.Rate=j,exports.Select=e=>{var{children:t,error:l,success:c,disabled:n}=e,s=r(e,["children","error","success","disabled"]);let o="art-select-container";return l&&!c&&(o="art-select-container art-select-error"),c&&!l&&(o="art-select-container art-select-success"),n&&(o="art-select-container art-select-disabled"),a.default.createElement("div",{className:o},a.default.createElement("div",{className:"art-select"},a.default.createElement("select",Object.assign({},s),t)),l&&!n&&!c&&a.default.createElement("span",{className:"art-error-text"},l),c&&!n&&!l&&a.default.createElement("span",{className:"art-success-text"},c))},exports.SubDropDown=N,exports.Tab=e=>{var{id:t,children:l}=e,c=r(e,["id","children"]);const{selectedTabIndex:n,setSelectedTabIndex:s}=$(),o=n===t?"art-tab-trigger active":"art-tab-trigger";return a.default.createElement("li",Object.assign({className:o,onClick:()=>{s(t)}},c),l)},exports.TabGroup=P,exports.TabPanel=e=>{var{children:t,id:l}=e,c=r(e,["children","id"]);const{selectedTabIndex:n}=$(),s=n===l?"art-tab-panel active":"art-tab-panel";return a.default.createElement("div",Object.assign({className:s},c),t)},exports.TabPanels=({children:t})=>{const r=e.Children.toArray(t).map(((t,a)=>e.cloneElement(t,{id:`art-tab-${a}`})));return a.default.createElement("div",null,r)},exports.Tabs=({children:t})=>{const r=e.Children.toArray(t).map(((t,a)=>e.cloneElement(t,{id:`art-tab-${a}`})));return a.default.createElement("ul",{className:"art-tab-header"},r)},exports.TextArea=w,exports.Tooltip=L;