@xanui/ui 1.1.16 → 1.1.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/index.js +3 -18
- package/Accordion/index.js.map +1 -1
- package/Accordion/index.mjs +2 -15
- package/Accordion/index.mjs.map +1 -1
- package/Alert/index.js +5 -24
- package/Alert/index.js.map +1 -1
- package/Alert/index.mjs +2 -19
- package/Alert/index.mjs.map +1 -1
- package/Avatar/index.js +2 -13
- package/Avatar/index.js.map +1 -1
- package/Avatar/index.mjs +2 -11
- package/Avatar/index.mjs.map +1 -1
- package/Badge/index.js +2 -12
- package/Badge/index.js.map +1 -1
- package/Badge/index.mjs +2 -10
- package/Badge/index.mjs.map +1 -1
- package/Box/index.js +2 -12
- package/Box/index.js.map +1 -1
- package/Box/index.mjs +2 -10
- package/Box/index.mjs.map +1 -1
- package/Button/index.js +4 -17
- package/Button/index.js.map +1 -1
- package/Button/index.mjs +2 -13
- package/Button/index.mjs.map +1 -1
- package/ButtonGroup/index.js +2 -12
- package/ButtonGroup/index.js.map +1 -1
- package/ButtonGroup/index.mjs +2 -10
- package/ButtonGroup/index.mjs.map +1 -1
- package/Calendar/index.js +16 -35
- package/Calendar/index.js.map +1 -1
- package/Calendar/index.mjs +2 -19
- package/Calendar/index.mjs.map +1 -1
- package/CalendarInput/index.js +4 -23
- package/CalendarInput/index.js.map +1 -1
- package/CalendarInput/index.mjs +2 -19
- package/CalendarInput/index.mjs.map +1 -1
- package/Checkbox/index.js +2 -16
- package/Checkbox/index.js.map +1 -1
- package/Checkbox/index.mjs +2 -14
- package/Checkbox/index.mjs.map +1 -1
- package/Chip/index.js +3 -14
- package/Chip/index.js.map +1 -1
- package/Chip/index.mjs +2 -11
- package/Chip/index.mjs.map +1 -1
- package/CircleProgress/index.js +2 -13
- package/CircleProgress/index.js.map +1 -1
- package/CircleProgress/index.mjs +2 -11
- package/CircleProgress/index.mjs.map +1 -1
- package/ClickOutside/index.js +2 -13
- package/ClickOutside/index.js.map +1 -1
- package/ClickOutside/index.mjs +2 -11
- package/ClickOutside/index.mjs.map +1 -1
- package/Collaps/index.js +2 -12
- package/Collaps/index.js.map +1 -1
- package/Collaps/index.mjs +2 -10
- package/Collaps/index.mjs.map +1 -1
- package/Container/index.js +2 -12
- package/Container/index.js.map +1 -1
- package/Container/index.mjs +2 -10
- package/Container/index.mjs.map +1 -1
- package/Datatable/FilterBox.js +10 -28
- package/Datatable/FilterBox.js.map +1 -1
- package/Datatable/FilterBox.mjs +7 -23
- package/Datatable/FilterBox.mjs.map +1 -1
- package/Datatable/Row.js +11 -30
- package/Datatable/Row.js.map +1 -1
- package/Datatable/Row.mjs +7 -24
- package/Datatable/Row.mjs.map +1 -1
- package/Datatable/SelectedBox.js +5 -17
- package/Datatable/SelectedBox.js.map +1 -1
- package/Datatable/SelectedBox.mjs +4 -14
- package/Datatable/SelectedBox.mjs.map +1 -1
- package/Datatable/Table.js +4 -16
- package/Datatable/Table.js.map +1 -1
- package/Datatable/Table.mjs +2 -12
- package/Datatable/Table.mjs.map +1 -1
- package/Datatable/TableHead.js +18 -25
- package/Datatable/TableHead.js.map +1 -1
- package/Datatable/TableHead.mjs +18 -23
- package/Datatable/TableHead.mjs.map +1 -1
- package/Datatable/index.d.ts +2 -67
- package/Datatable/index.js +21 -36
- package/Datatable/index.js.map +1 -1
- package/Datatable/index.mjs +20 -33
- package/Datatable/index.mjs.map +1 -1
- package/Datatable/types.d.ts +69 -0
- package/Divider/index.js +2 -12
- package/Divider/index.js.map +1 -1
- package/Divider/index.mjs +2 -10
- package/Divider/index.mjs.map +1 -1
- package/Drawer/index.js +4 -16
- package/Drawer/index.js.map +1 -1
- package/Drawer/index.mjs +2 -12
- package/Drawer/index.mjs.map +1 -1
- package/Form/index.js +2 -13
- package/Form/index.js.map +1 -1
- package/Form/index.mjs +2 -11
- package/Form/index.mjs.map +1 -1
- package/GridContainer/index.js +2 -12
- package/GridContainer/index.js.map +1 -1
- package/GridContainer/index.mjs +2 -10
- package/GridContainer/index.mjs.map +1 -1
- package/GridItem/index.js +2 -12
- package/GridItem/index.js.map +1 -1
- package/GridItem/index.mjs +2 -10
- package/GridItem/index.mjs.map +1 -1
- package/IconButton/index.js +3 -15
- package/IconButton/index.js.map +1 -1
- package/IconButton/index.mjs +2 -12
- package/IconButton/index.mjs.map +1 -1
- package/Image/index.js +2 -13
- package/Image/index.js.map +1 -1
- package/Image/index.mjs +2 -11
- package/Image/index.mjs.map +1 -1
- package/Input/index.js +3 -15
- package/Input/index.js.map +1 -1
- package/Input/index.mjs +2 -12
- package/Input/index.mjs.map +1 -1
- package/Label/index.js +2 -12
- package/Label/index.js.map +1 -1
- package/Label/index.mjs +2 -10
- package/Label/index.mjs.map +1 -1
- package/Layer/index.js +4 -17
- package/Layer/index.js.map +1 -1
- package/Layer/index.mjs +2 -13
- package/Layer/index.mjs.map +1 -1
- package/LineProgress/index.js +2 -13
- package/LineProgress/index.js.map +1 -1
- package/LineProgress/index.mjs +2 -11
- package/LineProgress/index.mjs.map +1 -1
- package/List/index.js +2 -12
- package/List/index.js.map +1 -1
- package/List/index.mjs +2 -10
- package/List/index.mjs.map +1 -1
- package/ListItem/index.js +3 -14
- package/ListItem/index.js.map +1 -1
- package/ListItem/index.mjs +2 -11
- package/ListItem/index.mjs.map +1 -1
- package/LoadingBox/index.js +3 -14
- package/LoadingBox/index.js.map +1 -1
- package/LoadingBox/index.mjs +2 -11
- package/LoadingBox/index.mjs.map +1 -1
- package/Menu/index.js +3 -16
- package/Menu/index.js.map +1 -1
- package/Menu/index.mjs +2 -13
- package/Menu/index.mjs.map +1 -1
- package/Modal/index.d.ts +1 -1
- package/Modal/index.js +3 -15
- package/Modal/index.js.map +1 -1
- package/Modal/index.mjs +2 -12
- package/Modal/index.mjs.map +1 -1
- package/NoSSR/index.js +2 -10
- package/NoSSR/index.js.map +1 -1
- package/NoSSR/index.mjs +2 -8
- package/NoSSR/index.mjs.map +1 -1
- package/Option/index.js +3 -13
- package/Option/index.js.map +1 -1
- package/Option/index.mjs +2 -10
- package/Option/index.mjs.map +1 -1
- package/Paper/index.js +2 -12
- package/Paper/index.js.map +1 -1
- package/Paper/index.mjs +2 -10
- package/Paper/index.mjs.map +1 -1
- package/Portal/index.js +2 -13
- package/Portal/index.js.map +1 -1
- package/Portal/index.mjs +2 -11
- package/Portal/index.mjs.map +1 -1
- package/Radio/index.js +3 -15
- package/Radio/index.js.map +1 -1
- package/Radio/index.mjs +2 -12
- package/Radio/index.mjs.map +1 -1
- package/Scrollbar/index.js +2 -13
- package/Scrollbar/index.js.map +1 -1
- package/Scrollbar/index.mjs +2 -11
- package/Scrollbar/index.mjs.map +1 -1
- package/Select/index.js +5 -22
- package/Select/index.js.map +1 -1
- package/Select/index.mjs +2 -17
- package/Select/index.mjs.map +1 -1
- package/Stack/index.js +2 -12
- package/Stack/index.js.map +1 -1
- package/Stack/index.mjs +2 -10
- package/Stack/index.mjs.map +1 -1
- package/Switch/index.js +2 -13
- package/Switch/index.js.map +1 -1
- package/Switch/index.mjs +2 -11
- package/Switch/index.mjs.map +1 -1
- package/Tab/index.js +3 -15
- package/Tab/index.js.map +1 -1
- package/Tab/index.mjs +2 -12
- package/Tab/index.mjs.map +1 -1
- package/Table/index.js +3 -14
- package/Table/index.js.map +1 -1
- package/Table/index.mjs +2 -11
- package/Table/index.mjs.map +1 -1
- package/TableBody/index.js +2 -12
- package/TableBody/index.js.map +1 -1
- package/TableBody/index.mjs +2 -10
- package/TableBody/index.mjs.map +1 -1
- package/TableCell/index.js +2 -12
- package/TableCell/index.js.map +1 -1
- package/TableCell/index.mjs +2 -10
- package/TableCell/index.mjs.map +1 -1
- package/TableFooter/index.js +2 -12
- package/TableFooter/index.js.map +1 -1
- package/TableFooter/index.mjs +2 -10
- package/TableFooter/index.mjs.map +1 -1
- package/TableHead/index.js +2 -12
- package/TableHead/index.js.map +1 -1
- package/TableHead/index.mjs +2 -10
- package/TableHead/index.mjs.map +1 -1
- package/TablePagination/index.d.ts +1 -0
- package/TablePagination/index.js +14 -35
- package/TablePagination/index.js.map +1 -1
- package/TablePagination/index.mjs +12 -31
- package/TablePagination/index.mjs.map +1 -1
- package/TableRow/index.js +2 -12
- package/TableRow/index.js.map +1 -1
- package/TableRow/index.mjs +2 -10
- package/TableRow/index.mjs.map +1 -1
- package/Tabs/index.js +3 -14
- package/Tabs/index.js.map +1 -1
- package/Tabs/index.mjs +3 -12
- package/Tabs/index.mjs.map +1 -1
- package/Text/index.js +2 -12
- package/Text/index.js.map +1 -1
- package/Text/index.mjs +2 -10
- package/Text/index.mjs.map +1 -1
- package/Toast/index.js +4 -18
- package/Toast/index.js.map +1 -1
- package/Toast/index.mjs +2 -14
- package/Toast/index.mjs.map +1 -1
- package/Tooltip/index.js +3 -14
- package/Tooltip/index.js.map +1 -1
- package/Tooltip/index.mjs +2 -11
- package/Tooltip/index.mjs.map +1 -1
- package/ViewBox/index.js +3 -14
- package/ViewBox/index.js.map +1 -1
- package/ViewBox/index.mjs +2 -11
- package/ViewBox/index.mjs.map +1 -1
- package/index.js +1 -116
- package/index.js.map +1 -1
- package/index.mjs +1 -56
- package/index.mjs.map +1 -1
- package/package.json +11 -2
- package/readme.md +104 -104
- package/useAlert/index.js +5 -19
- package/useAlert/index.js.map +1 -1
- package/useAlert/index.mjs +2 -14
- package/useAlert/index.mjs.map +1 -1
- package/useBlurCss/index.js +2 -10
- package/useBlurCss/index.js.map +1 -1
- package/useBlurCss/index.mjs +2 -8
- package/useBlurCss/index.mjs.map +1 -1
- package/useCorner/index.js +2 -7
- package/useCorner/index.js.map +1 -1
- package/useCorner/index.mjs +1 -4
- package/useCorner/index.mjs.map +1 -1
- package/useLayer/index.js +3 -14
- package/useLayer/index.js.map +1 -1
- package/useLayer/index.mjs +2 -11
- package/useLayer/index.mjs.map +1 -1
- package/useModal/index.js +3 -14
- package/useModal/index.js.map +1 -1
- package/useModal/index.mjs +2 -11
- package/useModal/index.mjs.map +1 -1
package/Select/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/Select/index.tsx"],"sourcesContent":["\"use client\";\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/Select/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport Input, { InputProps } from '../Input'\nimport List, { ListProps } from '../List'\nimport Menu, { MenuProps } from '../Menu'\nimport Stack from '../Stack'\nimport { OptionProps } from '../Option'\nimport DownIcon from '@xanui/icons/KeyboardArrowDown';\nimport UpIcon from '@xanui/icons/KeyboardArrowUp';\nimport { UseColorTemplateColor, UseColorTemplateType, useInterface, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type SelectProps = {\n value?: string | number;\n onChange?: (value: string | number) => void;\n children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\n placeholder?: useBreakpointPropsType<string>;\n color?: useBreakpointPropsType<UseColorTemplateColor>;\n variant?: useBreakpointPropsType<UseColorTemplateType>;\n slotProps?: {\n menu?: Omit<MenuProps, 'children' | 'target'>;\n input?: Omit<InputProps, \"onChange\" | \"value\">;\n list?: Omit<ListProps, \"children\">\n }\n}\n\nconst Select = React.forwardRef(({ onChange, value, children, ...props }: SelectProps, ref: React.Ref<any>) => {\n let [{ slotProps, color, variant, placeholder }] = useInterface<any>(\"Select\", props, {})\n color ??= \"brand\"\n variant ??= \"fill\"\n const [target, setTarget] = useState<any>()\n const conRef = useRef(null)\n const { childs, selectedProps } = useMemo(() => {\n let sProps: any = {}\n const c = Children.map(children, (child: any) => {\n let selected = child.props.value === value\n if (selected) sProps = child.props\n return cloneElement(child, {\n value: undefined,\n selected,\n onClick: () => {\n setTarget(null)\n onChange && onChange(child.props.value)\n }\n })\n })\n return {\n childs: c,\n selectedProps: sProps as OptionProps\n }\n }, [children, value])\n\n const toggleMenu = () => setTarget(target ? null : conRef.current)\n\n return (\n <>\n <Input\n color={color}\n variant={variant === \"soft\" ? \"fill\" : variant}\n endIcon={<Stack flexDirection=\"row\" component=\"span\" > {(target ? <UpIcon /> : <DownIcon />)}</Stack>}\n readOnly\n value={typeof selectedProps.children === 'string' ? selectedProps.children : value}\n cursor=\"pointer\"\n userSelect=\"none\"\n startIcon={selectedProps.startIcon}\n focused={!!target}\n placeholder={placeholder}\n {...slotProps?.input}\n slotProps={{\n container: {\n cursor: \"pointer\",\n userSelect: \"none\",\n ...(slotProps?.input?.slotProps?.container || {}),\n onClick: toggleMenu,\n }\n }}\n containerRef={conRef}\n ref={ref}\n />\n <Menu\n target={target}\n placement=\"bottom\"\n {...slotProps?.menu}\n slotProps={{\n content: {\n mt: .5,\n width: conRef && (conRef?.current as any)?.clientWidth,\n ...slotProps?.menu?.content\n }\n }}\n onClickOutside={toggleMenu}\n >\n <List\n {...slotProps?.list}\n color={color}\n variant={variant}\n >\n {childs}\n </List>\n </Menu>\n </>\n )\n})\n\nexport default Select"],"names":["__rest","useInterface","useState","useRef","useMemo","Children","cloneElement","_jsxs","_jsx","Input","Stack","Menu","List"],"mappings":"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"}
|
package/Select/index.mjs
CHANGED
|
@@ -1,16 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { __rest } from 'tslib';
|
|
3
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import React, { useState, useRef, useMemo, Children, cloneElement } from 'react';
|
|
5
|
-
import Input from '../Input/index.mjs';
|
|
6
|
-
import List from '../List/index.mjs';
|
|
7
|
-
import Menu from '../Menu/index.mjs';
|
|
8
|
-
import Stack from '../Stack/index.mjs';
|
|
9
|
-
import DownIcon from '@xanui/icons/KeyboardArrowDown';
|
|
10
|
-
import UpIcon from '@xanui/icons/KeyboardArrowUp';
|
|
11
|
-
import { useInterface } from '@xanui/core';
|
|
12
|
-
|
|
13
|
-
const Select = React.forwardRef((_a, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsxs,Fragment,jsx}from'react/jsx-runtime';import React,{useState,useRef,useMemo,Children,cloneElement}from'react';import Input from'../Input/index.mjs';import List from'../List/index.mjs';import Menu from'../Menu/index.mjs';import Stack from'../Stack/index.mjs';import DownIcon from'@xanui/icons/KeyboardArrowDown';import UpIcon from'@xanui/icons/KeyboardArrowUp';import {useInterface}from'@xanui/core';const Select = React.forwardRef((_a, ref) => {
|
|
14
2
|
var _b, _c, _d, _e;
|
|
15
3
|
var { onChange, value, children } = _a, props = __rest(_a, ["onChange", "value", "children"]);
|
|
16
4
|
let [{ slotProps, color, variant, placeholder }] = useInterface("Select", props, {});
|
|
@@ -44,7 +32,4 @@ const Select = React.forwardRef((_a, ref) => {
|
|
|
44
32
|
}, containerRef: conRef, ref: ref })), jsx(Menu, Object.assign({ target: target, placement: "bottom" }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu, { slotProps: {
|
|
45
33
|
content: Object.assign({ mt: .5, width: conRef && ((_d = conRef === null || conRef === void 0 ? void 0 : conRef.current) === null || _d === void 0 ? void 0 : _d.clientWidth) }, (_e = slotProps === null || slotProps === void 0 ? void 0 : slotProps.menu) === null || _e === void 0 ? void 0 : _e.content)
|
|
46
34
|
}, onClickOutside: toggleMenu, children: jsx(List, Object.assign({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.list, { color: color, variant: variant, children: childs })) }))] }));
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
export { Select as default };
|
|
50
|
-
//# sourceMappingURL=index.mjs.map
|
|
35
|
+
});export{Select as default};//# sourceMappingURL=index.mjs.map
|
package/Select/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/Select/index.tsx"],"sourcesContent":["\"use client\";\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/Select/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactElement, useMemo, cloneElement, useState, Children, useRef } from 'react'\nimport Input, { InputProps } from '../Input'\nimport List, { ListProps } from '../List'\nimport Menu, { MenuProps } from '../Menu'\nimport Stack from '../Stack'\nimport { OptionProps } from '../Option'\nimport DownIcon from '@xanui/icons/KeyboardArrowDown';\nimport UpIcon from '@xanui/icons/KeyboardArrowUp';\nimport { UseColorTemplateColor, UseColorTemplateType, useInterface, useBreakpointPropsType } from '@xanui/core'\n\n\nexport type SelectProps = {\n value?: string | number;\n onChange?: (value: string | number) => void;\n children: ReactElement<OptionProps> | ReactElement<OptionProps>[];\n placeholder?: useBreakpointPropsType<string>;\n color?: useBreakpointPropsType<UseColorTemplateColor>;\n variant?: useBreakpointPropsType<UseColorTemplateType>;\n slotProps?: {\n menu?: Omit<MenuProps, 'children' | 'target'>;\n input?: Omit<InputProps, \"onChange\" | \"value\">;\n list?: Omit<ListProps, \"children\">\n }\n}\n\nconst Select = React.forwardRef(({ onChange, value, children, ...props }: SelectProps, ref: React.Ref<any>) => {\n let [{ slotProps, color, variant, placeholder }] = useInterface<any>(\"Select\", props, {})\n color ??= \"brand\"\n variant ??= \"fill\"\n const [target, setTarget] = useState<any>()\n const conRef = useRef(null)\n const { childs, selectedProps } = useMemo(() => {\n let sProps: any = {}\n const c = Children.map(children, (child: any) => {\n let selected = child.props.value === value\n if (selected) sProps = child.props\n return cloneElement(child, {\n value: undefined,\n selected,\n onClick: () => {\n setTarget(null)\n onChange && onChange(child.props.value)\n }\n })\n })\n return {\n childs: c,\n selectedProps: sProps as OptionProps\n }\n }, [children, value])\n\n const toggleMenu = () => setTarget(target ? null : conRef.current)\n\n return (\n <>\n <Input\n color={color}\n variant={variant === \"soft\" ? \"fill\" : variant}\n endIcon={<Stack flexDirection=\"row\" component=\"span\" > {(target ? <UpIcon /> : <DownIcon />)}</Stack>}\n readOnly\n value={typeof selectedProps.children === 'string' ? selectedProps.children : value}\n cursor=\"pointer\"\n userSelect=\"none\"\n startIcon={selectedProps.startIcon}\n focused={!!target}\n placeholder={placeholder}\n {...slotProps?.input}\n slotProps={{\n container: {\n cursor: \"pointer\",\n userSelect: \"none\",\n ...(slotProps?.input?.slotProps?.container || {}),\n onClick: toggleMenu,\n }\n }}\n containerRef={conRef}\n ref={ref}\n />\n <Menu\n target={target}\n placement=\"bottom\"\n {...slotProps?.menu}\n slotProps={{\n content: {\n mt: .5,\n width: conRef && (conRef?.current as any)?.clientWidth,\n ...slotProps?.menu?.content\n }\n }}\n onClickOutside={toggleMenu}\n >\n <List\n {...slotProps?.list}\n color={color}\n variant={variant}\n >\n {childs}\n </List>\n </Menu>\n </>\n )\n})\n\nexport default Select"],"names":["_jsxs","_jsx"],"mappings":"sbA2BA,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,EAAoD,EAAE,GAAmB,KAAI;;QAA7E,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,OAAyB,EAApB,KAAK,GAAA,MAAA,CAAA,EAAA,EAArC,CAAA,UAAA,EAAA,OAAA,EAAA,UAAA,CAAuC,CAAF;IAClE,IAAI,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,GAAG,YAAY,CAAM,QAAQ,EAAE,KAAK,EAAE,EAAE,CAAC;IACzF,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,MAAA,GAAL,KAAK,IAAL,KAAK,GAAK,OAAO,CAAA;IACjB,OAAO,KAAA,IAAA,IAAP,OAAO,KAAA,MAAA,GAAP,OAAO,IAAP,OAAO,GAAK,MAAM,CAAA;IAClB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAO;AAC3C,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC;IAC3B,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,CAAC,MAAK;QAC3C,IAAI,MAAM,GAAQ,EAAE;QACpB,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,KAAI;YAC5C,IAAI,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK;AAC1C,YAAA,IAAI,QAAQ;AAAE,gBAAA,MAAM,GAAG,KAAK,CAAC,KAAK;YAClC,OAAO,YAAY,CAAC,KAAK,EAAE;AACvB,gBAAA,KAAK,EAAE,SAAS;gBAChB,QAAQ;gBACR,OAAO,EAAE,MAAK;oBACV,SAAS,CAAC,IAAI,CAAC;oBACf,QAAQ,IAAI,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;gBAC3C;AACH,aAAA,CAAC;AACN,QAAA,CAAC,CAAC;QACF,OAAO;AACH,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,aAAa,EAAE;SAClB;AACL,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAErB,IAAA,MAAM,UAAU,GAAG,MAAM,SAAS,CAAC,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;IAElE,QACIA,4BACIC,GAAA,CAAC,KAAK,kBACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO,EAC9C,OAAO,EAAED,KAAC,KAAK,EAAA,EAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAAA,GAAA,GAAK,MAAM,GAAGC,GAAA,CAAC,MAAM,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAC,EAAA,CAAS,EACrG,QAAQ,EAAA,IAAA,EACR,KAAK,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,QAAQ,GAAG,aAAa,CAAC,QAAQ,GAAG,KAAK,EAClF,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,aAAa,CAAC,SAAS,EAClC,OAAO,EAAE,CAAC,CAAC,MAAM,EACjB,WAAW,EAAE,WAAW,EAAA,EACpB,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,EAAA,EACpB,SAAS,EAAE;AACP,oBAAA,SAAS,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACL,MAAM,EAAE,SAAS,EACjB,UAAU,EAAE,MAAM,EAAA,GACd,CAAA,CAAA,EAAA,GAAA,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,KAAI,EAAE,EAAC,EAAA,EACjD,OAAO,EAAE,UAAU,EAAA;AAE1B,iBAAA,EACD,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,GAAG,EAAA,CAAA,CACV,EACFA,GAAA,CAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EACD,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,QAAQ,EAAA,EACd,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,IAAI,EAAA,EACnB,SAAS,EAAE;AACP,oBAAA,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EACH,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,MAAM,KAAI,CAAA,EAAA,GAAC,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,OAAe,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,CAAA,EAAA,EACnD,MAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO;AAElC,iBAAA,EACD,cAAc,EAAE,UAAU,EAAA,QAAA,EAE1BA,GAAA,CAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACG,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,IAAI,EAAA,EACnB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAAA,QAAA,EAEf,MAAM,EAAA,CAAA,CACJ,EAAA,CAAA,CACJ,CAAA,EAAA,CACR;AAEX,CAAC"}
|
package/Stack/index.js
CHANGED
|
@@ -1,17 +1,7 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib = require('tslib');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var core = require('@xanui/core');
|
|
7
|
-
|
|
8
|
-
const Stack = React.forwardRef((_a, ref) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const Stack = React.forwardRef((_a, ref) => {
|
|
9
2
|
var { children } = _a, props = tslib.__rest(_a, ["children"]);
|
|
10
3
|
return (jsxRuntime.jsx(core.Tag, Object.assign({}, props, { sxr: {
|
|
11
4
|
display: "flex",
|
|
12
5
|
flexDirection: "column",
|
|
13
6
|
}, baseClass: 'stack', ref: ref, children: children })));
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
module.exports = Stack;
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
7
|
+
});exports.default=Stack;//# sourceMappingURL=index.js.map
|
package/Stack/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\n return (\n <Tag\n {...props}\n sxr={{\n display: \"flex\",\n flexDirection: \"column\",\n }}\n baseClass='stack'\n ref={ref}\n >{children}</Tag>\n )\n})\n\nexport default Stack\n"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqC,EAAE,GAAoB,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AACpF,IAAA,QACIC,cAAA,CAACC,QAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;SAC1B,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
|
package/Stack/index.mjs
CHANGED
|
@@ -1,15 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Tag } from '@xanui/core';
|
|
5
|
-
|
|
6
|
-
const Stack = React.forwardRef((_a, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const Stack = React.forwardRef((_a, ref) => {
|
|
7
2
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
8
3
|
return (jsx(Tag, Object.assign({}, props, { sxr: {
|
|
9
4
|
display: "flex",
|
|
10
5
|
flexDirection: "column",
|
|
11
6
|
}, baseClass: 'stack', ref: ref, children: children })));
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
export { Stack as default };
|
|
15
|
-
//# sourceMappingURL=index.mjs.map
|
|
7
|
+
});export{Stack as default};//# sourceMappingURL=index.mjs.map
|
package/Stack/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/Stack/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type StackProps<T extends TagComponentType = \"div\"> = TagProps<T>\n\nconst Stack = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: StackProps<T>, ref?: React.Ref<any>) => {\n return (\n <Tag\n {...props}\n sxr={{\n display: \"flex\",\n flexDirection: \"column\",\n }}\n baseClass='stack'\n ref={ref}\n >{children}</Tag>\n )\n})\n\nexport default Stack\n"],"names":["_jsx"],"mappings":"sHAMA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAqC,EAAE,GAAoB,KAAI;AAA/D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AACpF,IAAA,QACIA,GAAA,CAAC,GAAG,oBACI,KAAK,EAAA,EACT,GAAG,EAAE;AACD,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;SAC1B,EACD,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
|
package/Switch/index.js
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var tslib = require('tslib');
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var core = require('@xanui/core');
|
|
8
|
-
|
|
9
|
-
const Switch = React.forwardRef((props, ref) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const Switch = React.forwardRef((props, ref) => {
|
|
10
2
|
var _a, _b;
|
|
11
3
|
let [_c] = core.useInterface("Switch", props, {}), { size, checked, color, disabled, icon, onChange, trackSize, slotProps } = _c, rest = tslib.__rest(_c, ["size", "checked", "color", "disabled", "icon", "onChange", "trackSize", "slotProps"]);
|
|
12
4
|
const _p = {};
|
|
@@ -73,7 +65,4 @@ const Switch = React.forwardRef((props, ref) => {
|
|
|
73
65
|
}, children: icon })), jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { component: 'input', ref: ref, type: "radio", readOnly: true, checked: checked, sxr: {
|
|
74
66
|
display: "none!important"
|
|
75
67
|
} }))] }));
|
|
76
|
-
});
|
|
77
|
-
|
|
78
|
-
module.exports = Switch;
|
|
79
|
-
//# sourceMappingURL=index.js.map
|
|
68
|
+
});exports.default=Switch;//# sourceMappingURL=index.js.map
|
package/Switch/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactElement, useState } from 'react';\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\n checked?: boolean;\n size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\n disabled?: useBreakpointPropsType<boolean>;\n trackSize?: useBreakpointPropsType<number>;\n icon?: useBreakpointPropsType<ReactElement>;\n slotProps?: {\n thumb?: Omit<TagProps, 'children'>;\n track?: Omit<TagProps, 'children'>;\n }\n}\n\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\n let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\n const _p: any = {}\n if (size) _p.size = size\n if (color) _p.color = color\n if (disabled) _p.disabled = disabled\n if (trackSize) _p.trackSize = trackSize\n if (icon) _p.icon = icon\n const p: any = useBreakpointProps(_p)\n size = p.size ?? \"medium\"\n color = p.color ?? \"brand\"\n disabled = p.disabled\n trackSize = p.trackSize\n icon = p.icon\n\n const [c, set] = useState(false)\n checked ??= c\n\n onChange = onChange || (() => set(!c));\n\n let sizes: any = {\n small: 32,\n medium: 48,\n large: 60\n }\n let _size = sizes[size as any] || size\n\n let height = (_size / 2)\n trackSize ??= height + 4\n let isNormalSize = (height + 4) === trackSize\n let transform = checked ? \"92%\" : \"8%\"\n if (!isNormalSize) {\n transform = checked ? \"100%\" : \"-10%\"\n }\n\n return (\n <Tag\n disabled={disabled}\n sxr={{\n width: _size,\n height: height,\n position: \"relative\",\n cursor: \"pointer\",\n display: \"inline-block\"\n }}\n onClick={onChange}\n >\n <Tag\n {...slotProps?.track}\n baseClass='switch-track-bar'\n sxr={{\n width: _size,\n height: trackSize,\n borderRadius: height,\n position: 'absolute',\n top: \"50%\",\n transform: \"translateY(-50%)\",\n bgcolor: checked ? color : \"divider\",\n\n }}\n >\n </Tag>\n <Tag\n {...slotProps?.thumb}\n baseClass='switch-thumb'\n sxr={{\n transition: \"all .25s\",\n width: height,\n height: height,\n radius: height,\n bgcolor: \"#FFFFFF\",\n position: \"absolute\",\n top: \"50%\",\n border: isNormalSize ? 0 : 1,\n left: 0,\n transform: `translate(${transform}, -50%)`,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n }}\n >\n {\n icon\n }\n </Tag>\n <Tag\n {...rest}\n component='input'\n ref={ref}\n type=\"radio\"\n readOnly\n checked={checked}\n sxr={{\n display: \"none!important\"\n }}\n />\n </Tag>\n )\n})\n\nexport default Switch\n"],"names":["useInterface","__rest","useBreakpointProps","useState","_jsxs","Tag","_jsx"],"mappings":"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"}
|
package/Switch/index.mjs
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { __rest } from 'tslib';
|
|
3
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import React, { useState } from 'react';
|
|
5
|
-
import { useInterface, useBreakpointProps, Tag } from '@xanui/core';
|
|
6
|
-
|
|
7
|
-
const Switch = React.forwardRef((props, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsxs,jsx}from'react/jsx-runtime';import React,{useState}from'react';import {useInterface,useBreakpointProps,Tag}from'@xanui/core';const Switch = React.forwardRef((props, ref) => {
|
|
8
2
|
var _a, _b;
|
|
9
3
|
let [_c] = useInterface("Switch", props, {}), { size, checked, color, disabled, icon, onChange, trackSize, slotProps } = _c, rest = __rest(_c, ["size", "checked", "color", "disabled", "icon", "onChange", "trackSize", "slotProps"]);
|
|
10
4
|
const _p = {};
|
|
@@ -71,7 +65,4 @@ const Switch = React.forwardRef((props, ref) => {
|
|
|
71
65
|
}, children: icon })), jsx(Tag, Object.assign({}, rest, { component: 'input', ref: ref, type: "radio", readOnly: true, checked: checked, sxr: {
|
|
72
66
|
display: "none!important"
|
|
73
67
|
} }))] }));
|
|
74
|
-
});
|
|
75
|
-
|
|
76
|
-
export { Switch as default };
|
|
77
|
-
//# sourceMappingURL=index.mjs.map
|
|
68
|
+
});export{Switch as default};//# sourceMappingURL=index.mjs.map
|
package/Switch/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/Switch/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { ReactElement, useState } from 'react';\nimport { Tag, TagProps, useBreakpointProps, UseColorTemplateColor, useInterface, useBreakpointPropsType } from '@xanui/core';\n\n\nexport type SwitchProps = Omit<TagProps<\"input\">, \"color\" | \"size\" | \"component\" | \"type\" | \"checked\"> & {\n checked?: boolean;\n size?: useBreakpointPropsType<number | \"small\" | \"medium\" | \"large\">;\n color?: useBreakpointPropsType<Omit<UseColorTemplateColor, \"default\">>;\n disabled?: useBreakpointPropsType<boolean>;\n trackSize?: useBreakpointPropsType<number>;\n icon?: useBreakpointPropsType<ReactElement>;\n slotProps?: {\n thumb?: Omit<TagProps, 'children'>;\n track?: Omit<TagProps, 'children'>;\n }\n}\n\nconst Switch = React.forwardRef((props: SwitchProps, ref?: React.Ref<any>) => {\n let [{ size, checked, color, disabled, icon, onChange, trackSize, slotProps, ...rest }] = useInterface<any>(\"Switch\", props, {})\n const _p: any = {}\n if (size) _p.size = size\n if (color) _p.color = color\n if (disabled) _p.disabled = disabled\n if (trackSize) _p.trackSize = trackSize\n if (icon) _p.icon = icon\n const p: any = useBreakpointProps(_p)\n size = p.size ?? \"medium\"\n color = p.color ?? \"brand\"\n disabled = p.disabled\n trackSize = p.trackSize\n icon = p.icon\n\n const [c, set] = useState(false)\n checked ??= c\n\n onChange = onChange || (() => set(!c));\n\n let sizes: any = {\n small: 32,\n medium: 48,\n large: 60\n }\n let _size = sizes[size as any] || size\n\n let height = (_size / 2)\n trackSize ??= height + 4\n let isNormalSize = (height + 4) === trackSize\n let transform = checked ? \"92%\" : \"8%\"\n if (!isNormalSize) {\n transform = checked ? \"100%\" : \"-10%\"\n }\n\n return (\n <Tag\n disabled={disabled}\n sxr={{\n width: _size,\n height: height,\n position: \"relative\",\n cursor: \"pointer\",\n display: \"inline-block\"\n }}\n onClick={onChange}\n >\n <Tag\n {...slotProps?.track}\n baseClass='switch-track-bar'\n sxr={{\n width: _size,\n height: trackSize,\n borderRadius: height,\n position: 'absolute',\n top: \"50%\",\n transform: \"translateY(-50%)\",\n bgcolor: checked ? color : \"divider\",\n\n }}\n >\n </Tag>\n <Tag\n {...slotProps?.thumb}\n baseClass='switch-thumb'\n sxr={{\n transition: \"all .25s\",\n width: height,\n height: height,\n radius: height,\n bgcolor: \"#FFFFFF\",\n position: \"absolute\",\n top: \"50%\",\n border: isNormalSize ? 0 : 1,\n left: 0,\n transform: `translate(${transform}, -50%)`,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n }}\n >\n {\n icon\n }\n </Tag>\n <Tag\n {...rest}\n component='input'\n ref={ref}\n type=\"radio\"\n readOnly\n checked={checked}\n sxr={{\n display: \"none!important\"\n }}\n />\n </Tag>\n )\n})\n\nexport default Switch\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
|
package/Tab/index.js
CHANGED
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var tslib = require('tslib');
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var core = require('@xanui/core');
|
|
8
|
-
var index = require('../Button/index.js');
|
|
9
|
-
|
|
10
|
-
const Tab = React.forwardRef((_a, ref) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),index=require('../Button/index.js');const Tab = React.forwardRef((_a, ref) => {
|
|
11
2
|
var { children } = _a, props = tslib.__rest(_a, ["children"]);
|
|
12
3
|
let [_props] = core.useInterface("Tab", props, {});
|
|
13
|
-
return (jsxRuntime.jsx(index, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
|
|
14
|
-
});
|
|
15
|
-
|
|
16
|
-
module.exports = Tab;
|
|
17
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
return (jsxRuntime.jsx(index.default, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
|
|
5
|
+
});exports.default=Tab;//# sourceMappingURL=index.js.map
|
package/Tab/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React from 'react'\nimport { TagComponentType, useInterface } from '@xanui/core';\nimport Button, { ButtonProps } from '../Button';\n\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\n value?: string | number\n}\n\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\n let [_props] = useInterface<any>(\"Tab\", props, {})\n return (\n <Button\n {..._props}\n classNames={[\"tab\", ...(_props?.classNames || [])]}\n ref={ref}\n >\n {children}\n </Button>\n )\n})\n\nexport default Tab"],"names":["__rest","useInterface","_jsx","Button"],"mappings":"gOAUA,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAmC,EAAE,GAAmB,KAAI;AAA5D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAAA,YAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AAClF,IAAA,IAAI,CAAC,MAAM,CAAC,GAAGC,iBAAY,CAAM,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AAClD,IAAA,QACIC,cAAA,CAACC,aAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACC,MAAM,EAAA,EACV,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CAAA,CACJ;AAEjB,CAAC"}
|
package/Tab/index.mjs
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { __rest } from 'tslib';
|
|
3
|
-
import { jsx } from 'react/jsx-runtime';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { useInterface } from '@xanui/core';
|
|
6
|
-
import Button from '../Button/index.mjs';
|
|
7
|
-
|
|
8
|
-
const Tab = React.forwardRef((_a, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface}from'@xanui/core';import Button from'../Button/index.mjs';const Tab = React.forwardRef((_a, ref) => {
|
|
9
2
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
10
3
|
let [_props] = useInterface("Tab", props, {});
|
|
11
4
|
return (jsx(Button, Object.assign({}, _props, { classNames: ["tab", ...((_props === null || _props === void 0 ? void 0 : _props.classNames) || [])], ref: ref, children: children })));
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
export { Tab as default };
|
|
15
|
-
//# sourceMappingURL=index.mjs.map
|
|
5
|
+
});export{Tab as default};//# sourceMappingURL=index.mjs.map
|
package/Tab/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/Tab/index.tsx"],"sourcesContent":["\"use client\";\n\nimport React from 'react'\nimport { TagComponentType, useInterface } from '@xanui/core';\nimport Button, { ButtonProps } from '../Button';\n\nexport type TabProps<T extends TagComponentType = \"button\"> = ButtonProps<T> & {\n value?: string | number\n}\n\nconst Tab = React.forwardRef(<T extends TagComponentType = \"div\">({ children, ...props }: TabProps<T>, ref: React.Ref<any>) => {\n let [_props] = useInterface<any>(\"Tab\", props, {})\n return (\n <Button\n {..._props}\n classNames={[\"tab\", ...(_props?.classNames || [])]}\n ref={ref}\n >\n {children}\n </Button>\n )\n})\n\nexport default Tab"],"names":["_jsx"],"mappings":"uKAUA,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,CAAqC,EAAmC,EAAE,GAAmB,KAAI;AAA5D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAAyB,EAApB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;AAClF,IAAA,IAAI,CAAC,MAAM,CAAC,GAAG,YAAY,CAAM,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC;AAClD,IAAA,QACIA,GAAA,CAAC,MAAM,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACC,MAAM,EAAA,EACV,UAAU,EAAE,CAAC,KAAK,EAAE,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC,EAClD,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,EAAA,CAAA,CACJ;AAEjB,CAAC"}
|
package/Table/index.js
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib = require('tslib');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var core = require('@xanui/core');
|
|
7
|
-
var index = require('../Scrollbar/index.js');
|
|
8
|
-
|
|
9
|
-
const Table = React.forwardRef((_a, ref) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core'),index=require('../Scrollbar/index.js');const Table = React.forwardRef((_a, ref) => {
|
|
10
2
|
var _b, _c, _d, _e;
|
|
11
3
|
var { children } = _a, props = tslib.__rest(_a, ["children"]);
|
|
12
4
|
let [_f] = core.useInterface("Table", props, {}), { evenColor, size, color, variant, borderType } = _f, rest = tslib.__rest(_f, ["evenColor", "size", "color", "variant", "borderType"]);
|
|
@@ -68,7 +60,7 @@ const Table = React.forwardRef((_a, ref) => {
|
|
|
68
60
|
},
|
|
69
61
|
none: {}
|
|
70
62
|
};
|
|
71
|
-
return (jsxRuntime.jsx(index, { style: {
|
|
63
|
+
return (jsxRuntime.jsx(index.default, { style: {
|
|
72
64
|
overflowY: "hidden"
|
|
73
65
|
}, children: jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table', sxr: Object.assign(Object.assign({ color: "text.primary", fontSize: size === "small" ? "button" : "text", width: "100%", "& thead, & tfoot": {
|
|
74
66
|
bgcolor: main.primary.bgcolor,
|
|
@@ -82,7 +74,4 @@ const Table = React.forwardRef((_a, ref) => {
|
|
|
82
74
|
}, "& tbody tr:hover": {
|
|
83
75
|
bgcolor: soft.primary.bgcolor
|
|
84
76
|
} }, sx), (rest.sx || {})), component: "table", ref: ref, children: children })) }));
|
|
85
|
-
});
|
|
86
|
-
|
|
87
|
-
module.exports = Table;
|
|
88
|
-
//# sourceMappingURL=index.js.map
|
|
77
|
+
});exports.default=Table;//# sourceMappingURL=index.js.map
|
package/Table/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/Table/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/Table/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, useInterface, useColorTemplate, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Scrollbar from '../Scrollbar';\n\n\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\n evenColor?: useBreakpointPropsType<boolean>;\n size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\n color?: useBreakpointPropsType<UseColorTemplateColor>;\n variant?: useBreakpointPropsType<Omit<UseColorTemplateType, \"outline\">>;\n borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\n}\n\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\n let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\n const _p: any = {}\n if (evenColor) _p.evenColor = evenColor\n if (size) _p.size = size\n if (color) _p.color = color\n if (variant) _p.variant = variant\n if (borderType) _p.borderType = borderType\n const p: any = useBreakpointProps(_p)\n evenColor = p.evenColor\n size = p.size ?? \"medium\"\n color = p.color ?? 'default'\n variant = p.variant ?? \"fill\"\n borderType = p.borderType ?? \"line\"\n\n const main = useColorTemplate(color, variant)\n const soft = useColorTemplate(color, \"soft\")\n\n let sx: any = {}\n if (evenColor) {\n sx = {\n \"& tbody tr:nth-child(even)\": {\n bgcolor: soft.primary.bgcolor\n }\n }\n }\n if (borderType === 'box') {\n sx = {\n ...sx,\n \"& tr:last-child td\": {\n borderBottom: 0\n },\n \"& tr:first-child th\": {\n borderTop: 0\n },\n \"& tr td:first-child, & tr th:first-child\": {\n borderLeft: 0\n },\n \"& tr td:last-child, & tr th:last-child\": {\n borderRight: 0\n },\n }\n }\n let _size = size\n let sizes: any = {\n small: .5,\n medium: 1,\n large: 2\n }\n\n if (typeof size === 'string' && sizes[size]) {\n _size = sizes[size]\n }\n let border: any = {\n line: {\n borderBottom: \"1px solid\",\n borderColor: \"divider\",\n },\n box: {\n border: \"1px solid\",\n borderColor: \"divider\",\n },\n none: {}\n }\n\n return (\n <Scrollbar\n style={{\n overflowY: \"hidden\"\n }}\n >\n <Tag\n {...rest}\n baseClass='table'\n sxr={{\n color: \"text.primary\",\n fontSize: size === \"small\" ? \"button\" : \"text\",\n width: \"100%\",\n \"& thead, & tfoot\": {\n bgcolor: main.primary.bgcolor,\n \"& th\": {\n color: main.primary.color\n }\n },\n \"& td, & th\": {\n p: _size,\n ...border[borderType],\n },\n \"& tr:last-child td\": {\n borderBottom: 0\n },\n \"& tr:first-child th\": {\n borderTop: 0\n },\n \"& tbody tr:hover\": {\n bgcolor: soft.primary.bgcolor\n },\n ...sx,\n ...((rest as any).sx || {})\n }}\n component=\"table\"\n ref={ref}\n >{children}</Tag>\n </Scrollbar>\n )\n})\n\nexport default Table"],"names":["__rest","useInterface","useBreakpointProps","useColorTemplate","_jsx","Scrollbar","Tag"],"mappings":"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"}
|
package/Table/index.mjs
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { useInterface, useBreakpointProps, useColorTemplate, Tag } from '@xanui/core';
|
|
5
|
-
import Scrollbar from '../Scrollbar/index.mjs';
|
|
6
|
-
|
|
7
|
-
const Table = React.forwardRef((_a, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {useInterface,useBreakpointProps,useColorTemplate,Tag}from'@xanui/core';import Scrollbar from'../Scrollbar/index.mjs';const Table = React.forwardRef((_a, ref) => {
|
|
8
2
|
var _b, _c, _d, _e;
|
|
9
3
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
10
4
|
let [_f] = useInterface("Table", props, {}), { evenColor, size, color, variant, borderType } = _f, rest = __rest(_f, ["evenColor", "size", "color", "variant", "borderType"]);
|
|
@@ -80,7 +74,4 @@ const Table = React.forwardRef((_a, ref) => {
|
|
|
80
74
|
}, "& tbody tr:hover": {
|
|
81
75
|
bgcolor: soft.primary.bgcolor
|
|
82
76
|
} }, sx), (rest.sx || {})), component: "table", ref: ref, children: children })) }));
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
export { Table as default };
|
|
86
|
-
//# sourceMappingURL=index.mjs.map
|
|
77
|
+
});export{Table as default};//# sourceMappingURL=index.mjs.map
|
package/Table/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/Table/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/Table/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType, UseColorTemplateColor, useInterface, useColorTemplate, UseColorTemplateType, useBreakpointProps, useBreakpointPropsType } from '@xanui/core';\nimport Scrollbar from '../Scrollbar';\n\n\nexport type TableProps<T extends TagComponentType = \"table\"> = Omit<TagProps<T>, \"color\" | \"size\"> & {\n evenColor?: useBreakpointPropsType<boolean>;\n size?: useBreakpointPropsType<\"small\" | \"medium\" | \"large\" | number>;\n color?: useBreakpointPropsType<UseColorTemplateColor>;\n variant?: useBreakpointPropsType<Omit<UseColorTemplateType, \"outline\">>;\n borderType?: useBreakpointPropsType<\"box\" | \"line\" | \"none\">;\n}\n\nconst Table = React.forwardRef(<T extends TagComponentType = \"table\">({ children, ...props }: TableProps<T>, ref: React.Ref<any>) => {\n let [{ evenColor, size, color, variant, borderType, ...rest }] = useInterface<any>(\"Table\", props, {})\n const _p: any = {}\n if (evenColor) _p.evenColor = evenColor\n if (size) _p.size = size\n if (color) _p.color = color\n if (variant) _p.variant = variant\n if (borderType) _p.borderType = borderType\n const p: any = useBreakpointProps(_p)\n evenColor = p.evenColor\n size = p.size ?? \"medium\"\n color = p.color ?? 'default'\n variant = p.variant ?? \"fill\"\n borderType = p.borderType ?? \"line\"\n\n const main = useColorTemplate(color, variant)\n const soft = useColorTemplate(color, \"soft\")\n\n let sx: any = {}\n if (evenColor) {\n sx = {\n \"& tbody tr:nth-child(even)\": {\n bgcolor: soft.primary.bgcolor\n }\n }\n }\n if (borderType === 'box') {\n sx = {\n ...sx,\n \"& tr:last-child td\": {\n borderBottom: 0\n },\n \"& tr:first-child th\": {\n borderTop: 0\n },\n \"& tr td:first-child, & tr th:first-child\": {\n borderLeft: 0\n },\n \"& tr td:last-child, & tr th:last-child\": {\n borderRight: 0\n },\n }\n }\n let _size = size\n let sizes: any = {\n small: .5,\n medium: 1,\n large: 2\n }\n\n if (typeof size === 'string' && sizes[size]) {\n _size = sizes[size]\n }\n let border: any = {\n line: {\n borderBottom: \"1px solid\",\n borderColor: \"divider\",\n },\n box: {\n border: \"1px solid\",\n borderColor: \"divider\",\n },\n none: {}\n }\n\n return (\n <Scrollbar\n style={{\n overflowY: \"hidden\"\n }}\n >\n <Tag\n {...rest}\n baseClass='table'\n sxr={{\n color: \"text.primary\",\n fontSize: size === \"small\" ? \"button\" : \"text\",\n width: \"100%\",\n \"& thead, & tfoot\": {\n bgcolor: main.primary.bgcolor,\n \"& th\": {\n color: main.primary.color\n }\n },\n \"& td, & th\": {\n p: _size,\n ...border[borderType],\n },\n \"& tr:last-child td\": {\n borderBottom: 0\n },\n \"& tr:first-child th\": {\n borderTop: 0\n },\n \"& tbody tr:hover\": {\n bgcolor: soft.primary.bgcolor\n },\n ...sx,\n ...((rest as any).sx || {})\n }}\n component=\"table\"\n ref={ref}\n >{children}</Tag>\n </Scrollbar>\n )\n})\n\nexport default Table"],"names":["_jsx"],"mappings":"qNAcA,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAqC,EAAE,GAAmB,KAAI;;AAA9D,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA2B,EAAtB,KAAK,GAAA,MAAA,CAAA,EAAA,EAApB,YAAsB,CAAF;IACtF,IAAI,CAAA,EAAA,CAAA,GAA6D,YAAY,CAAM,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAjG,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAA,GAAA,EAAW,EAAN,IAAI,GAAA,MAAA,CAAA,EAAA,EAAtD,CAAA,WAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,CAAwD,CAAyC;IACtG,MAAM,EAAE,GAAQ,EAAE;AAClB,IAAA,IAAI,SAAS;AAAE,QAAA,EAAE,CAAC,SAAS,GAAG,SAAS;AACvC,IAAA,IAAI,IAAI;AAAE,QAAA,EAAE,CAAC,IAAI,GAAG,IAAI;AACxB,IAAA,IAAI,KAAK;AAAE,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAC3B,IAAA,IAAI,OAAO;AAAE,QAAA,EAAE,CAAC,OAAO,GAAG,OAAO;AACjC,IAAA,IAAI,UAAU;AAAE,QAAA,EAAE,CAAC,UAAU,GAAG,UAAU;AAC1C,IAAA,MAAM,CAAC,GAAQ,kBAAkB,CAAC,EAAE,CAAC;AACrC,IAAA,SAAS,GAAG,CAAC,CAAC,SAAS;AACvB,IAAA,IAAI,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,QAAQ;AACzB,IAAA,KAAK,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,SAAS;AAC5B,IAAA,OAAO,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;AAC7B,IAAA,UAAU,GAAG,CAAA,EAAA,GAAA,CAAC,CAAC,UAAU,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,MAAM;IAEnC,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC;IAC7C,MAAM,IAAI,GAAG,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC;IAE5C,IAAI,EAAE,GAAQ,EAAE;IAChB,IAAI,SAAS,EAAE;AACX,QAAA,EAAE,GAAG;AACD,YAAA,4BAA4B,EAAE;AAC1B,gBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;AACzB;SACJ;IACL;AACA,IAAA,IAAI,UAAU,KAAK,KAAK,EAAE;AACtB,QAAA,EAAE,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACK,EAAE,CAAA,EAAA,EACL,oBAAoB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACjB,aAAA,EACD,qBAAqB,EAAE;AACnB,gBAAA,SAAS,EAAE;AACd,aAAA,EACD,0CAA0C,EAAE;AACxC,gBAAA,UAAU,EAAE;AACf,aAAA,EACD,wCAAwC,EAAE;AACtC,gBAAA,WAAW,EAAE;AAChB,aAAA,EAAA,CACJ;IACL;IACA,IAAI,KAAK,GAAG,IAAI;AAChB,IAAA,IAAI,KAAK,GAAQ;AACb,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,KAAK,EAAE;KACV;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE;AACzC,QAAA,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC;IACvB;AACA,IAAA,IAAI,MAAM,GAAQ;AACd,QAAA,IAAI,EAAE;AACF,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,WAAW,EAAE,SAAS;AACzB,SAAA;AACD,QAAA,GAAG,EAAE;AACD,YAAA,MAAM,EAAE,WAAW;AACnB,YAAA,WAAW,EAAE,SAAS;AACzB,SAAA;AACD,QAAA,IAAI,EAAE;KACT;AAED,IAAA,QACIA,GAAA,CAAC,SAAS,EAAA,EACN,KAAK,EAAE;AACH,YAAA,SAAS,EAAE;AACd,SAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,IACR,SAAS,EAAC,OAAO,EACjB,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EACC,KAAK,EAAE,cAAc,EACrB,QAAQ,EAAE,IAAI,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,EAC9C,KAAK,EAAE,MAAM,EACb,kBAAkB,EAAE;AAChB,oBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;AAC7B,oBAAA,MAAM,EAAE;AACJ,wBAAA,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC;AACvB;AACJ,iBAAA,EACD,YAAY,EAAA,MAAA,CAAA,MAAA,CAAA,EACR,CAAC,EAAE,KAAK,EAAA,EACL,MAAM,CAAC,UAAU,CAAC,CAAA,EAEzB,oBAAoB,EAAE;AAClB,oBAAA,YAAY,EAAE;AACjB,iBAAA,EACD,qBAAqB,EAAE;AACnB,oBAAA,SAAS,EAAE;AACd,iBAAA,EACD,kBAAkB,EAAE;AAChB,oBAAA,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC;iBACzB,EAAA,EACE,EAAE,IACA,IAAY,CAAC,EAAE,IAAI,EAAE,EAAC,EAE/B,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,YACV,QAAQ,EAAA,CAAA,CAAO,EAAA,CACT;AAEpB,CAAC"}
|
package/TableBody/index.js
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib = require('tslib');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var core = require('@xanui/core');
|
|
7
|
-
|
|
8
|
-
const TableBody = React.forwardRef((_a, ref) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableBody = React.forwardRef((_a, ref) => {
|
|
9
2
|
var { children } = _a, rest = tslib.__rest(_a, ["children"]);
|
|
10
3
|
return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { baseClass: 'table-body', component: "tbody", ref: ref, children: children })));
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
module.exports = TableBody;
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
});exports.default=TableBody;//# sourceMappingURL=index.js.map
|
package/TableBody/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\n\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\n return (\n <Tag\n {...rest}\n baseClass='table-body'\n component=\"tbody\"\n ref={ref}\n >{children}</Tag>\n )\n})\n\nexport default TableBody"],"names":["__rest","_jsx","Tag"],"mappings":"4LAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIC,eAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
|
package/TableBody/index.mjs
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Tag } from '@xanui/core';
|
|
5
|
-
|
|
6
|
-
const TableBody = React.forwardRef((_a, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableBody = React.forwardRef((_a, ref) => {
|
|
7
2
|
var { children } = _a, rest = __rest(_a, ["children"]);
|
|
8
3
|
return (jsx(Tag, Object.assign({}, rest, { baseClass: 'table-body', component: "tbody", ref: ref, children: children })));
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
export { TableBody as default };
|
|
12
|
-
//# sourceMappingURL=index.mjs.map
|
|
4
|
+
});export{TableBody as default};//# sourceMappingURL=index.mjs.map
|
package/TableBody/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/TableBody/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableBodyProps<T extends TagComponentType = \"tbody\"> = TagProps<T>\n\nconst TableBody = React.forwardRef(<T extends TagComponentType = \"tbody\">({ children, ...rest }: TableBodyProps<T>, ref: React.Ref<any>) => {\n return (\n <Tag\n {...rest}\n baseClass='table-body'\n component=\"tbody\"\n ref={ref}\n >{children}</Tag>\n )\n})\n\nexport default TableBody"],"names":["_jsx"],"mappings":"sHAMA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAuC,EAAwC,EAAE,GAAmB,KAAI;AAAjE,IAAA,IAAA,EAAE,QAAQ,EAAA,GAAA,EAA8B,EAAzB,IAAI,GAAA,MAAA,CAAA,EAAA,EAAnB,YAAqB,CAAF;IACzF,QACIA,IAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,GAAG,EAAA,QAAA,EACV,QAAQ,EAAA,CAAA,CAAO;AAEzB,CAAC"}
|
package/TableCell/index.js
CHANGED
|
@@ -1,14 +1,4 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib = require('tslib');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var core = require('@xanui/core');
|
|
7
|
-
|
|
8
|
-
const TableCell = React.forwardRef((_a, ref) => {
|
|
1
|
+
'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),jsxRuntime=require('react/jsx-runtime'),React=require('react'),core=require('@xanui/core');const TableCell = React.forwardRef((_a, ref) => {
|
|
9
2
|
var { children, th } = _a, rest = tslib.__rest(_a, ["children", "th"]);
|
|
10
3
|
return (jsxRuntime.jsx(core.Tag, Object.assign({}, rest, { sxr: Object.assign({ verticalAlign: "inherit", textAlign: "left", fontSize: "inherit", color: "text.primary" }, ((rest === null || rest === void 0 ? void 0 : rest.sx) || {})), baseClass: 'table-cell', component: th ? "th" : "td", ref: ref, children: children })));
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
module.exports = TableCell;
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
});exports.default=TableCell;//# sourceMappingURL=index.js.map
|
package/TableCell/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/TableCell/index.tsx"],"sourcesContent":["\nimport React from 'react';\nimport { Tag, TagProps, TagComponentType } from '@xanui/core';\n\nexport type TableColumnProps<T extends TagComponentType = \"td\"> = TagProps<T> & {\n th?: boolean\n}\n\nconst TableCell = React.forwardRef(<T extends TagComponentType = \"td\">({ children, th, ...rest }: TableColumnProps<T>, ref: React.Ref<any>) => {\n return (\n <Tag\n {...rest}\n sxr={{\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n fontSize: \"inherit\",\n color: \"text.primary\",\n ...((rest as any)?.sx || {})\n }}\n baseClass='table-cell'\n component={th ? \"th\" : \"td\"} ref={ref}\n >\n {children}\n </Tag>\n )\n})\n\nexport default TableCell"],"names":["__rest","_jsx","Tag"],"mappings":"4LAQA,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAoC,EAA8C,EAAE,GAAmB,KAAI;QAAvE,EAAE,QAAQ,EAAE,EAAE,EAAA,GAAA,EAAgC,EAA3B,IAAI,GAAAA,YAAA,CAAA,EAAA,EAAvB,kBAAyB,CAAF;AAC1F,IAAA,QACIC,cAAA,CAACC,QAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACI,IAAI,EAAA,EACR,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EACC,aAAa,EAAE,SAAS,EACxB,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,cAAc,EAAA,GACjB,CAAC,IAAY,KAAA,IAAA,IAAZ,IAAI,KAAA,MAAA,GAAA,MAAA,GAAJ,IAAI,CAAU,EAAE,KAAI,EAAE,EAAC,EAEhC,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,EAAA,QAAA,EAEpC,QAAQ,EAAA,CAAA,CACP;AAEd,CAAC"}
|
package/TableCell/index.mjs
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { Tag } from '@xanui/core';
|
|
5
|
-
|
|
6
|
-
const TableCell = React.forwardRef((_a, ref) => {
|
|
1
|
+
import {__rest}from'tslib';import {jsx}from'react/jsx-runtime';import React from'react';import {Tag}from'@xanui/core';const TableCell = React.forwardRef((_a, ref) => {
|
|
7
2
|
var { children, th } = _a, rest = __rest(_a, ["children", "th"]);
|
|
8
3
|
return (jsx(Tag, Object.assign({}, rest, { sxr: Object.assign({ verticalAlign: "inherit", textAlign: "left", fontSize: "inherit", color: "text.primary" }, ((rest === null || rest === void 0 ? void 0 : rest.sx) || {})), baseClass: 'table-cell', component: th ? "th" : "td", ref: ref, children: children })));
|
|
9
|
-
});
|
|
10
|
-
|
|
11
|
-
export { TableCell as default };
|
|
12
|
-
//# sourceMappingURL=index.mjs.map
|
|
4
|
+
});export{TableCell as default};//# sourceMappingURL=index.mjs.map
|