rox-react-components 0.0.31 → 0.0.33

package/dist/es/index.d.ts

@@ -3,7 +3,6 @@ export { default as utils } from './utils';
 export { default as Card } from './Card';
 export { default as Container } from './Container';
 export { default as Loading } from './Loading';
-export { default as Menu } from './Menu';
 export { default as Popup } from './Popup';
 export { default as ScrollView } from './ScrollView';
 export { default as Swiper } from './Swiper';

package/dist/es/index.js

@@ -1 +1 @@
-export{default as utils}from"./utils.js";export{default as Card}from"./Card/Card.js";export{default as Container}from"./Container/Container.js";export{default as Loading}from"./Loading/Loading.js";export{default as Menu}from"./Menu/Menu.js";export{default as Popup}from"./Popup/Popup.js";export{default as ScrollView}from"./ScrollView/ScrollView.js";export{default as Swiper}from"./Swiper/Swiper.js";
+export{default as utils}from"./utils.js";export{default as Card}from"./Card/Card.js";export{default as Container}from"./Container/Container.js";export{default as Loading}from"./Loading/Loading.js";export{default as Popup}from"./Popup/Popup.js";export{default as ScrollView}from"./ScrollView/ScrollView.js";export{default as Swiper}from"./Swiper/Swiper.js";

package/dist/index.d.ts

@@ -69,36 +69,6 @@ declare class Loading extends Component<LoadingProps, LoadingState> {
     componentWillUnmount(): void;
 }
 
-declare module 'react' {
-    interface CSSProperties {
-        '--size'?: string;
-        '--strokeWidth'?: string;
-        '--color'?: string;
-    }
-}
-interface IconProps {
-    iconSize?: string;
-    iconStrokeWidth?: string;
-    iconColor?: string;
-}
-interface MenuProps<T> extends IconProps {
-    data: T[];
-    renderItem: (item: T, index: string) => ReactNode;
-    onChange?: (data: {
-        item: T | null;
-    }) => void;
-    active?: string;
-    activeField?: string;
-    childrenField?: string;
-    icon?: ReactNode;
-    activeIcon?: ReactNode;
-    itemClassName?: string;
-    itemLabelClassName?: string;
-    activeItemClassName?: string;
-    activeItemLabelClassName?: string;
-}
-declare function Menu<T extends unknown>(_props: MenuProps<T>): React.JSX.Element;
-
 declare module 'react' {
     interface CSSProperties {
         '--bg'?: string;
@@ -136,4 +106,4 @@ declare module 'react' {
 }
 declare const _default: <T extends unknown>(props: SwiperProps<T> & React.RefAttributes<SwiperExposeMethods>) => React.ReactNode;
 
-export { Card, Container, Loading, Menu, PopupContainer as Popup, type PopupPosition, type PopupType, ScrollView, _default as Swiper, type SwiperExposeMethods, type SwiperProps, _default$1 as utils };
+export { Card, Container, Loading, PopupContainer as Popup, type PopupPosition, type PopupType, ScrollView, _default as Swiper, type SwiperExposeMethods, type SwiperProps, _default$1 as utils };

package/dist/lib/index.d.ts

@@ -3,7 +3,6 @@ export { default as utils } from './utils';
 export { default as Card } from './Card';
 export { default as Container } from './Container';
 export { default as Loading } from './Loading';
-export { default as Menu } from './Menu';
 export { default as Popup } from './Popup';
 export { default as ScrollView } from './ScrollView';
 export { default as Swiper } from './Swiper';

package/dist/lib/index.js

@@ -1 +1 @@
-"use strict";var e=require("./utils.js"),r=require("./Card/Card.js"),u=require("./Container/Container.js"),i=require("./Loading/Loading.js"),t=require("./Menu/Menu.js"),o=require("./Popup/Popup.js"),s=require("./ScrollView/ScrollView.js"),a=require("./Swiper/Swiper.js");exports.utils=e.default,exports.Card=r.default,exports.Container=u.default,exports.Loading=i.default,exports.Menu=t.default,exports.Popup=o.default,exports.ScrollView=s.default,exports.Swiper=a.default;
+"use strict";var e=require("./utils.js"),r=require("./Card/Card.js"),i=require("./Container/Container.js"),t=require("./Loading/Loading.js"),u=require("./Popup/Popup.js"),o=require("./ScrollView/ScrollView.js"),s=require("./Swiper/Swiper.js");exports.utils=e.default,exports.Card=r.default,exports.Container=i.default,exports.Loading=t.default,exports.Popup=u.default,exports.ScrollView=o.default,exports.Swiper=s.default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "rox-react-components",
-	"version": "0.0.31",
+	"version": "0.0.33",
 	"main": "dist/lib/index.js",
 	"module": "dist/es/index.js",
 	"types": "dist/index.d.ts",
@@ -15,7 +15,6 @@
 		"carousel",
 		"mobile carousel",
 		"ps carousel",
-		"menu",
 		"loading",
 		"container with ratio",
 		"react swiper carousel pc mobile touch mouse",

package/dist/es/Menu/Menu.d.ts

@@ -1,31 +0,0 @@
-import React, { ReactNode } from 'react';
-declare module 'react' {
-    interface CSSProperties {
-        '--size'?: string;
-        '--strokeWidth'?: string;
-        '--color'?: string;
-    }
-}
-interface IconProps {
-    iconSize?: string;
-    iconStrokeWidth?: string;
-    iconColor?: string;
-}
-interface MenuProps<T> extends IconProps {
-    data: T[];
-    renderItem: (item: T, index: string) => ReactNode;
-    onChange?: (data: {
-        item: T | null;
-    }) => void;
-    active?: string;
-    activeField?: string;
-    childrenField?: string;
-    icon?: ReactNode;
-    activeIcon?: ReactNode;
-    itemClassName?: string;
-    itemLabelClassName?: string;
-    activeItemClassName?: string;
-    activeItemLabelClassName?: string;
-}
-declare function Menu<T extends unknown>(_props: MenuProps<T>): React.JSX.Element;
-export default Menu;

package/dist/es/Menu/Menu.js

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

package/dist/es/Menu/index.d.ts

@@ -1,2 +0,0 @@
-import RoxMenu from './Menu';
-export default RoxMenu;

package/dist/es/Menu/index.js

@@ -1 +0,0 @@
-import e from"./Menu.js";export{e as default};

package/dist/es/Menu/styles.d.ts

@@ -1,9 +0,0 @@
-declare const styles: {
-    w_full: object;
-    border_box: object;
-    item: object;
-    flex_1: object;
-    arrow_right: object;
-    arrow_down: object;
-};
-export default styles;

package/dist/es/Menu/styles.js

@@ -1 +0,0 @@
-import{StyleSheet as r}from"aphrodite/no-important";var o=r.create({w_full:{width:"100%"},border_box:{boxSizing:"border-box"},item:{display:"flex",width:"100%",paddingRight:"10px",alignItems:"center",justifyContent:"space-between",boxSizing:"border-box"},flex_1:{flex:1},arrow_right:{position:"relative",width:"var(--size)",height:"var(--size)",borderTop:"var(--strokeWidth) solid var(--color)",borderRight:"var(--strokeWidth) solid var(--color)",transform:"rotate(45deg)",transformOrigin:"center",transition:"all 100ms linear"},arrow_down:{transform:"rotate(135deg)"}});export{o as default};

package/dist/lib/Menu/Menu.d.ts

@@ -1,31 +0,0 @@
-import React, { ReactNode } from 'react';
-declare module 'react' {
-    interface CSSProperties {
-        '--size'?: string;
-        '--strokeWidth'?: string;
-        '--color'?: string;
-    }
-}
-interface IconProps {
-    iconSize?: string;
-    iconStrokeWidth?: string;
-    iconColor?: string;
-}
-interface MenuProps<T> extends IconProps {
-    data: T[];
-    renderItem: (item: T, index: string) => ReactNode;
-    onChange?: (data: {
-        item: T | null;
-    }) => void;
-    active?: string;
-    activeField?: string;
-    childrenField?: string;
-    icon?: ReactNode;
-    activeIcon?: ReactNode;
-    itemClassName?: string;
-    itemLabelClassName?: string;
-    activeItemClassName?: string;
-    activeItemLabelClassName?: string;
-}
-declare function Menu<T extends unknown>(_props: MenuProps<T>): React.JSX.Element;
-export default Menu;

package/dist/lib/Menu/Menu.js

@@ -1 +0,0 @@
-"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"),c={data:[],renderItem:function(){return null},onChange:function(){return null},active:"",activeField:"",childrenField:"children",iconSize:"10px",iconColor:"#333",iconStrokeWidth:"2px",itemClassName:"",itemLabelClassName:"",activeItemClassName:"",activeItemLabelClassName:""},r=n.createContext({item:null,childrenField:"",changeData:function(){return null}});function l(e){var a=e.iconSize,c=e.iconStrokeWidth,r=e.iconColor,l=e.down;return n.createElement("div",{style:{"--size":a,"--strokeWidth":c,"--color":r},className:"".concat(t.css(i.default.arrow_right)," ").concat(l?t.css(i.default.arrow_down):"")})}function s(c){var o=n.useState(!1),u=o[0],m=o[1],d=c.item,f=c.index,_=c.renderItem,v=c.activeIcon,g=c.icon,C=c.itemClassName,h=c.itemLabelClassName,E=c.activeItemClassName,b=c.activeItemLabelClassName,p=c.activeField,x=c.active,N=n.useContext(r),k=N.childrenField,F=N.changeData,w=f.split("-").length,y=Array.isArray(d[k])&&d[k].length?d[k]:null,I=n.useMemo((function(){return d&&d[p]===x}),[d,p,x]),S=n.useCallback((function(e){e.stopPropagation(),y||F({item:d}),m((function(e){return!e}))}),[y,F,d]);return n.useEffect((function(){d&&x===d[p]&&F({item:d})}),[x,d,p]),n.useEffect((function(){(I||x.includes(d[p]))&&m(!0)}),[I,x,d,p]),n.createElement("div",{className:t.css(i.default.w_full,i.default.border_box),onClick:S},n.createElement("div",{className:"".concat(t.css(i.default.item)," item-").concat(w," ").concat(C," ").concat(I?E:"")},n.createElement("div",{className:"".concat(t.css(i.default.flex_1)," ").concat(h," ").concat(I?b:"")},_(d,f)),n.createElement(n.Fragment,null,y?u?v||n.createElement(l,e.__assign({},c,{down:!0})):g||n.createElement(l,e.__assign({},c)):null)),y?y.map((function(r,l){return n.createElement("div",{key:l,className:"".concat(t.css(i.default.w_full,i.default.border_box)," sub-item-").concat(w)},n.createElement(a.default,{expand:u},n.createElement(s,e.__assign({},c,{index:f+"-"+l,item:r}))))})):null)}exports.default=function(t){var a=n.useMemo((function(){return e.__assign(e.__assign({},c),t)}),[t]),i=n.useState({item:null}),l=i[0],o=i[1],u=n.useCallback((function(t){return o((function(n){return e.__assign(e.__assign({},n),t)}))}),[]);return n.useEffect((function(){var e;null===(e=a.onChange)||void 0===e||e.call(a,l)}),[l]),n.createElement(r.Provider,{value:{item:l.item,childrenField:a.childrenField,changeData:u}},a.data.map((function(t,i){return n.createElement(s,e.__assign({key:i},a,{index:i.toString(),item:t}))})))};

package/dist/lib/Menu/index.d.ts

@@ -1,2 +0,0 @@
-import RoxMenu from './Menu';
-export default RoxMenu;

package/dist/lib/Menu/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Menu.js");exports.default=e.default;

package/dist/lib/Menu/styles.d.ts

@@ -1,9 +0,0 @@
-declare const styles: {
-    w_full: object;
-    border_box: object;
-    item: object;
-    flex_1: object;
-    arrow_right: object;
-    arrow_down: object;
-};
-export default styles;

package/dist/lib/Menu/styles.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("aphrodite/no-important").StyleSheet.create({w_full:{width:"100%"},border_box:{boxSizing:"border-box"},item:{display:"flex",width:"100%",paddingRight:"10px",alignItems:"center",justifyContent:"space-between",boxSizing:"border-box"},flex_1:{flex:1},arrow_right:{position:"relative",width:"var(--size)",height:"var(--size)",borderTop:"var(--strokeWidth) solid var(--color)",borderRight:"var(--strokeWidth) solid var(--color)",transform:"rotate(45deg)",transformOrigin:"center",transition:"all 100ms linear"},arrow_down:{transform:"rotate(135deg)"}});exports.default=e;