rox-react-components 0.0.26 → 0.0.28

package/dist/es/Menu/Menu.js

@@ -1 +1 @@
-import{__assign as e}from"tslib";import{css as t}from"aphrodite/no-important";import n,{createContext as i,useMemo as r,useState as a,useCallback as l,useEffect as c,useContext as o}from"react";import m from"../Card/Card.js";import d from"./styles.js";var u={data:[],renderItem:function(){return null},onChange:function(){return null},active:"",childrenField:"children",iconSize:"10px",iconColor:"#333",iconStrokeWidth:"2px",subStyle:{paddingLeft:"25px"},subStyleWithNoChildren:{paddingLeft:"0"},itemStyle:{},activeItemStyle:{},itemClassName:"",activeItemClassName:"",itemClassNameWithNoChildren:""},s=i({active:"",item:null,childrenField:"",changeData:function(){return null}});function v(e){var i=e.iconSize,r=e.iconStrokeWidth,a=e.iconColor,l=e.down;return n.createElement("div",{style:{"--size":i,"--strokeWidth":r,"--color":a},className:"".concat(t(d.arrow_right)," ").concat(l?t(d.arrow_down):"")})}function h(i){var u=a(!1),f=u[0],p=u[1],g=i.item,y=i.index,C=i.renderItem,N=i.activeIcon,S=i.icon,E=i.subStyle,x=i.subStyleWithNoChildren,b=i.itemStyle,F=i.activeItemStyle,W=i.itemClassName,w=i.activeItemClassName,I=i.itemClassNameWithNoChildren,_=o(s),k=_.active,A=_.childrenField,z=_.changeData,D=Array.isArray(g[A])&&g[A].length?g[A]:null,j=r((function(){return D?b:k===y?e(e({},b),F):e({},b)}),[b,F,D,k,y]),L=r((function(){return D?W:k===y?W+" "+I+" "+w:W+" "+I}),[W,w,D,k,y,I]),P=l((function(e){e.stopPropagation(),D||z({active:y,item:g}),p((function(e){return!e}))}),[D,z,g,y]);return c((function(){if(void 0!==k){var e=k.split("-"),t=y.split("-");k.startsWith(y)&&e.length>t.length&&y.length<k.length&&p(!0)}}),[k,y]),n.createElement("div",{className:t(d.w_full,d.border_box),onClick:P},n.createElement("div",{className:t(d.item),style:j},n.createElement("div",{className:"".concat(t(d.flex_1)," ").concat(L)},C(g,y)),n.createElement(n.Fragment,null,D?f?N||n.createElement(v,e({},i,{down:!0})):S||n.createElement(v,e({},i)):null)),D?D.map((function(r,a){var l=Array.isArray(r[A])&&r[A].length;return n.createElement("div",{key:a,className:t(d.w_full,d.border_box),style:e(e({},E),l?{}:x)},n.createElement(m,{expand:f},n.createElement(h,e({},i,{index:y+"-"+a,item:r}))))})):null)}function f(t){var i=r((function(){return e(e({},u),t)}),[t]),o=a({active:i.active,item:null}),m=o[0],d=o[1],v=l((function(t){return d((function(n){return e(e({},n),t)}))}),[]);return c((function(){if(i.active&&i.data&&i.data.length&&i.childrenField){var e=function e(t,n,r){if(void 0===r&&(r=null),!t.length)return r;var a=n[+t.shift()];return e(t,a[i.childrenField],a)}(i.active.split("-"),i.data);v({active:i.active,item:e})}}),[i.active,i.data,i.childrenField]),c((function(){var e;null===(e=i.onChange)||void 0===e||e.call(i,m)}),[m.active]),n.createElement(s.Provider,{value:{active:m.active,item:m.item,childrenField:i.childrenField,changeData:v}},i.data.map((function(t,r){return n.createElement(h,e({key:r},i,{index:r.toString(),item:t}))})))}export{f as default};
+import{__assign as e}from"tslib";import{css as t}from"aphrodite/no-important";import n,{createContext as i,useMemo as a,useState as r,useCallback as l,useEffect as c,useContext as o}from"react";import m from"../Card/Card.js";import d from"./styles.js";var u={data:[],renderItem:function(){return null},onChange:function(){return null},active:"",childrenField:"children",iconSize:"10px",iconColor:"#333",iconStrokeWidth:"2px",subStyle:{paddingLeft:"25px"},subStyleWithNoChildren:{paddingLeft:"0"},itemStyle:{},activeItemStyle:{},itemClassName:"",activeItemClassName:"",itemClassNameWithNoChildren:""},s=i({active:"",item:null,childrenField:"",changeData:function(){return null}});function h(e){var i=e.iconSize,a=e.iconStrokeWidth,r=e.iconColor,l=e.down;return n.createElement("div",{style:{"--size":i,"--strokeWidth":a,"--color":r},className:"".concat(t(d.arrow_right)," ").concat(l?t(d.arrow_down):"")})}function v(i){var u=r(!1),f=u[0],p=u[1],g=i.item,y=i.index,C=i.renderItem,N=i.activeIcon,S=i.icon,E=i.subStyle,b=i.subStyleWithNoChildren,x=i.itemStyle,F=i.activeItemStyle,W=i.itemClassName,w=i.activeItemClassName,I=i.itemClassNameWithNoChildren,_=o(s),k=_.active,A=_.childrenField,z=_.changeData,D=y.split("-").length,j=Array.isArray(g[A])&&g[A].length?g[A]:null,L=a((function(){return j?x:k===y?e(e({},x),F):e({},x)}),[x,F,j,k,y]),P=a((function(){return j?W:k===y?W+" "+I+" "+w:W+" "+I}),[W,w,j,k,y,I]),q=l((function(e){e.stopPropagation(),j||z({active:y,item:g}),p((function(e){return!e}))}),[j,z,g,y]);return c((function(){if(void 0!==k){var e=k.split("-"),t=y.split("-");k.startsWith(y)&&e.length>t.length&&y.length<k.length&&p(!0)}}),[k,y]),n.createElement("div",{className:t(d.w_full,d.border_box),onClick:q},n.createElement("div",{className:"".concat(t(d.item)," item-label-").concat(D),style:L},n.createElement("div",{className:"".concat(t(d.flex_1)," ").concat(P)},C(g,y)),n.createElement(n.Fragment,null,j?f?N||n.createElement(h,e({},i,{down:!0})):S||n.createElement(h,e({},i)):null)),j?j.map((function(a,r){var l=Array.isArray(a[A])&&a[A].length;return n.createElement("div",{key:r,className:"".concat(t(d.w_full,d.border_box)," item-sub-").concat(D),style:e(e({},E),l?{}:b)},n.createElement(m,{expand:f},n.createElement(v,e({},i,{index:y+"-"+r,item:a}))))})):null)}function f(t){var i=a((function(){return e(e({},u),t)}),[t]),o=r({active:i.active,item:null}),m=o[0],d=o[1],h=l((function(t){return d((function(n){return e(e({},n),t)}))}),[]);return c((function(){if(i.active&&i.data&&i.data.length&&i.childrenField){var e=function e(t,n,a){if(void 0===a&&(a=null),!t.length)return a;var r=n[+t.shift()];return e(t,r[i.childrenField],r)}(i.active.split("-"),i.data);h({active:i.active,item:e})}}),[i.active,i.data,i.childrenField]),c((function(){var e;null===(e=i.onChange)||void 0===e||e.call(i,m)}),[m.active]),n.createElement(s.Provider,{value:{active:m.active,item:m.item,childrenField:i.childrenField,changeData:h}},i.data.map((function(t,a){return n.createElement(v,e({key:a},i,{index:a.toString(),item:t}))})))}export{f as default};

package/dist/es/Popup/Popup.js

@@ -1 +1 @@
-import{__assign as t}from"tslib";import{css as e}from"aphrodite/no-important";import r,{useRef as o,useEffect as n}from"react";import{createPortal as i}from"react-dom";import m from"./styles.js";var a={visible:!1,position:"bottom",duration:300,bg:"rgba(0,0,0,.3)",maskClosable:!0,popupType:"slide"};function c(t){var o=t.bg;return r.createElement("div",{style:{"--bg":o},className:e(m.container)})}function l(e){var m=t(t({},a),e),l=o();return n((function(){var t=document.createElement("div");return document.body.appendChild(t),function(){document.body.removeChild(t)}}),[]),l.current?i(r.createElement(c,t({},m)),l.current):null}export{l as default};
+import{__assign as t}from"tslib";import{css as r}from"aphrodite/no-important";import e,{useRef as o,useEffect as n}from"react";import{createPortal as i}from"react-dom";import m from"./styles.js";var a={visible:!1,position:"bottom",duration:300,bg:"rgba(0,0,0,.3)",maskClosable:!0,popupType:"slide"};function c(t){var o=t.bg;return e.createElement("div",{style:{"--bg":o},className:r(m.container)})}function u(r){var m=t(t({},a),r),u=o(document.createElement("div"));return n((function(){var t=u.current;return document.body.appendChild(t),function(){document.body.removeChild(t)}}),[]),u.current?i(e.createElement(c,t({},m)),u.current):null}export{u as default};

package/dist/lib/Menu/Menu.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("aphrodite/no-important"),n=require("react"),i=require("../Card/Card.js"),a=require("./styles.js"),r={data:[],renderItem:function(){return null},onChange:function(){return null},active:"",childrenField:"children",iconSize:"10px",iconColor:"#333",iconStrokeWidth:"2px",subStyle:{paddingLeft:"25px"},subStyleWithNoChildren:{paddingLeft:"0"},itemStyle:{},activeItemStyle:{},itemClassName:"",activeItemClassName:"",itemClassNameWithNoChildren:""},l=n.createContext({active:"",item:null,childrenField:"",changeData:function(){return null}});function c(e){var i=e.iconSize,r=e.iconStrokeWidth,l=e.iconColor,c=e.down;return n.createElement("div",{style:{"--size":i,"--strokeWidth":r,"--color":l},className:"".concat(t.css(a.default.arrow_right)," ").concat(c?t.css(a.default.arrow_down):"")})}function s(r){var u=n.useState(!1),o=u[0],d=u[1],m=r.item,f=r.index,v=r.renderItem,h=r.activeIcon,_=r.icon,g=r.subStyle,C=r.subStyleWithNoChildren,y=r.itemStyle,p=r.activeItemStyle,E=r.itemClassName,N=r.activeItemClassName,S=r.itemClassNameWithNoChildren,x=n.useContext(l),b=x.active,F=x.childrenField,k=x.changeData,W=Array.isArray(m[F])&&m[F].length?m[F]:null,w=n.useMemo((function(){return W?y:b===f?e.__assign(e.__assign({},y),p):e.__assign({},y)}),[y,p,W,b,f]),I=n.useMemo((function(){return W?E:b===f?E+" "+S+" "+N:E+" "+S}),[E,N,W,b,f,S]),q=n.useCallback((function(e){e.stopPropagation(),W||k({active:f,item:m}),d((function(e){return!e}))}),[W,k,m,f]);return n.useEffect((function(){if(void 0!==b){var e=b.split("-"),t=f.split("-");b.startsWith(f)&&e.length>t.length&&f.length<b.length&&d(!0)}}),[b,f]),n.createElement("div",{className:t.css(a.default.w_full,a.default.border_box),onClick:q},n.createElement("div",{className:t.css(a.default.item),style:w},n.createElement("div",{className:"".concat(t.css(a.default.flex_1)," ").concat(I)},v(m,f)),n.createElement(n.Fragment,null,W?o?h||n.createElement(c,e.__assign({},r,{down:!0})):_||n.createElement(c,e.__assign({},r)):null)),W?W.map((function(l,c){var u=Array.isArray(l[F])&&l[F].length;return n.createElement("div",{key:c,className:t.css(a.default.w_full,a.default.border_box),style:e.__assign(e.__assign({},g),u?{}:C)},n.createElement(i.default,{expand:o},n.createElement(s,e.__assign({},r,{index:f+"-"+c,item:l}))))})):null)}exports.default=function(t){var i=n.useMemo((function(){return e.__assign(e.__assign({},r),t)}),[t]),a=n.useState({active:i.active,item:null}),c=a[0],u=a[1],o=n.useCallback((function(t){return u((function(n){return e.__assign(e.__assign({},n),t)}))}),[]);return n.useEffect((function(){if(i.active&&i.data&&i.data.length&&i.childrenField){var e=function e(t,n,a){if(void 0===a&&(a=null),!t.length)return a;var r=n[+t.shift()];return e(t,r[i.childrenField],r)}(i.active.split("-"),i.data);o({active:i.active,item:e})}}),[i.active,i.data,i.childrenField]),n.useEffect((function(){var e;null===(e=i.onChange)||void 0===e||e.call(i,c)}),[c.active]),n.createElement(l.Provider,{value:{active:c.active,item:c.item,childrenField:i.childrenField,changeData:o}},i.data.map((function(t,a){return n.createElement(s,e.__assign({key:a},i,{index:a.toString(),item:t}))})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("aphrodite/no-important"),n=require("react"),a=require("../Card/Card.js"),i=require("./styles.js"),l={data:[],renderItem:function(){return null},onChange:function(){return null},active:"",childrenField:"children",iconSize:"10px",iconColor:"#333",iconStrokeWidth:"2px",subStyle:{paddingLeft:"25px"},subStyleWithNoChildren:{paddingLeft:"0"},itemStyle:{},activeItemStyle:{},itemClassName:"",activeItemClassName:"",itemClassNameWithNoChildren:""},r=n.createContext({active:"",item:null,childrenField:"",changeData:function(){return null}});function c(e){var a=e.iconSize,l=e.iconStrokeWidth,r=e.iconColor,c=e.down;return n.createElement("div",{style:{"--size":a,"--strokeWidth":l,"--color":r},className:"".concat(t.css(i.default.arrow_right)," ").concat(c?t.css(i.default.arrow_down):"")})}function s(l){var u=n.useState(!1),o=u[0],d=u[1],m=l.item,f=l.index,v=l.renderItem,h=l.activeIcon,_=l.icon,g=l.subStyle,C=l.subStyleWithNoChildren,p=l.itemStyle,y=l.activeItemStyle,E=l.itemClassName,N=l.activeItemClassName,S=l.itemClassNameWithNoChildren,b=n.useContext(r),x=b.active,F=b.childrenField,k=b.changeData,W=f.split("-").length,w=Array.isArray(m[F])&&m[F].length?m[F]:null,I=n.useMemo((function(){return w?p:x===f?e.__assign(e.__assign({},p),y):e.__assign({},p)}),[p,y,w,x,f]),q=n.useMemo((function(){return w?E:x===f?E+" "+S+" "+N:E+" "+S}),[E,N,w,x,f,S]),A=n.useCallback((function(e){e.stopPropagation(),w||k({active:f,item:m}),d((function(e){return!e}))}),[w,k,m,f]);return n.useEffect((function(){if(void 0!==x){var e=x.split("-"),t=f.split("-");x.startsWith(f)&&e.length>t.length&&f.length<x.length&&d(!0)}}),[x,f]),n.createElement("div",{className:t.css(i.default.w_full,i.default.border_box),onClick:A},n.createElement("div",{className:"".concat(t.css(i.default.item)," item-label-").concat(W),style:I},n.createElement("div",{className:"".concat(t.css(i.default.flex_1)," ").concat(q)},v(m,f)),n.createElement(n.Fragment,null,w?o?h||n.createElement(c,e.__assign({},l,{down:!0})):_||n.createElement(c,e.__assign({},l)):null)),w?w.map((function(r,c){var u=Array.isArray(r[F])&&r[F].length;return n.createElement("div",{key:c,className:"".concat(t.css(i.default.w_full,i.default.border_box)," item-sub-").concat(W),style:e.__assign(e.__assign({},g),u?{}:C)},n.createElement(a.default,{expand:o},n.createElement(s,e.__assign({},l,{index:f+"-"+c,item:r}))))})):null)}exports.default=function(t){var a=n.useMemo((function(){return e.__assign(e.__assign({},l),t)}),[t]),i=n.useState({active:a.active,item:null}),c=i[0],u=i[1],o=n.useCallback((function(t){return u((function(n){return e.__assign(e.__assign({},n),t)}))}),[]);return n.useEffect((function(){if(a.active&&a.data&&a.data.length&&a.childrenField){var e=function e(t,n,i){if(void 0===i&&(i=null),!t.length)return i;var l=n[+t.shift()];return e(t,l[a.childrenField],l)}(a.active.split("-"),a.data);o({active:a.active,item:e})}}),[a.active,a.data,a.childrenField]),n.useEffect((function(){var e;null===(e=a.onChange)||void 0===e||e.call(a,c)}),[c.active]),n.createElement(r.Provider,{value:{active:c.active,item:c.item,childrenField:a.childrenField,changeData:o}},a.data.map((function(t,i){return n.createElement(s,e.__assign({key:i},a,{index:i.toString(),item:t}))})))};

package/dist/lib/Popup/Popup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("aphrodite/no-important"),t=require("react"),n=require("react-dom"),i=require("./styles.js"),a={visible:!1,position:"bottom",duration:300,bg:"rgba(0,0,0,.3)",maskClosable:!0,popupType:"slide"};function o(e){var n=e.bg;return t.createElement("div",{style:{"--bg":n},className:r.css(i.default.container)})}exports.default=function(r){var i=e.__assign(e.__assign({},a),r),s=t.useRef();return t.useEffect((function(){var e=document.createElement("div");return document.body.appendChild(e),function(){document.body.removeChild(e)}}),[]),s.current?n.createPortal(t.createElement(o,e.__assign({},i)),s.current):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("aphrodite/no-important"),t=require("react"),n=require("react-dom"),i=require("./styles.js"),u={visible:!1,position:"bottom",duration:300,bg:"rgba(0,0,0,.3)",maskClosable:!0,popupType:"slide"};function a(e){var n=e.bg;return t.createElement("div",{style:{"--bg":n},className:r.css(i.default.container)})}exports.default=function(r){var i=e.__assign(e.__assign({},u),r),o=t.useRef(document.createElement("div"));return t.useEffect((function(){var e=o.current;return document.body.appendChild(e),function(){document.body.removeChild(e)}}),[]),o.current?n.createPortal(t.createElement(a,e.__assign({},i)),o.current):null};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "rox-react-components",
-	"version": "0.0.26",
+	"version": "0.0.28",
 	"main": "dist/lib/index.js",
 	"module": "dist/es/index.js",
 	"types": "dist/index.d.ts",