@mage-ui/components 0.0.14 → 0.0.15
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/dist/atoms/avatar/Avatar.d.ts +20 -11
- package/dist/atoms/avatar/Avatar.d.ts.map +1 -1
- package/dist/atoms/avatar/Avatar.js +2 -25
- package/dist/atoms/avatar/Avatar.js.map +1 -1
- package/dist/atoms/badges/Badge.d.ts +24 -10
- package/dist/atoms/badges/Badge.d.ts.map +1 -1
- package/dist/atoms/badges/Badge.js +2 -20
- package/dist/atoms/badges/Badge.js.map +1 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts +29 -18
- package/dist/atoms/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/atoms/breadcrumbs/Breadcrumbs.js +2 -44
- package/dist/atoms/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/atoms/buttons/Button.d.ts +25 -11
- package/dist/atoms/buttons/Button.d.ts.map +1 -1
- package/dist/atoms/buttons/Button.js +2 -21
- package/dist/atoms/buttons/Button.js.map +1 -1
- package/dist/atoms/buttons/ButtonIcon.d.ts +22 -10
- package/dist/atoms/buttons/ButtonIcon.d.ts.map +1 -1
- package/dist/atoms/buttons/ButtonIcon.js +2 -23
- package/dist/atoms/buttons/ButtonIcon.js.map +1 -1
- package/dist/atoms/forms/FormInputText.d.ts +18 -6
- package/dist/atoms/forms/FormInputText.d.ts.map +1 -1
- package/dist/atoms/forms/FormInputText.js +2 -18
- package/dist/atoms/forms/FormInputText.js.map +1 -1
- package/dist/atoms/icon/Icon.d.ts +19 -9
- package/dist/atoms/icon/Icon.d.ts.map +1 -1
- package/dist/atoms/icon/Icon.js +2 -18
- package/dist/atoms/icon/Icon.js.map +1 -1
- package/dist/atoms/icon/IconRaw.d.ts +18 -8
- package/dist/atoms/icon/IconRaw.d.ts.map +1 -1
- package/dist/atoms/icon/IconRaw.js +2 -20
- package/dist/atoms/icon/IconRaw.js.map +1 -1
- package/dist/atoms/inputs/Checkbox.d.ts +21 -13
- package/dist/atoms/inputs/Checkbox.d.ts.map +1 -1
- package/dist/atoms/inputs/Checkbox.js +2 -24
- package/dist/atoms/inputs/Checkbox.js.map +1 -1
- package/dist/atoms/inputs/DatePicker.d.ts +41 -35
- package/dist/atoms/inputs/DatePicker.d.ts.map +1 -1
- package/dist/atoms/inputs/DatePicker.js +2 -91
- package/dist/atoms/inputs/DatePicker.js.map +1 -1
- package/dist/atoms/inputs/InputText.d.ts +27 -14
- package/dist/atoms/inputs/InputText.d.ts.map +1 -1
- package/dist/atoms/inputs/InputText.js +2 -26
- package/dist/atoms/inputs/InputText.js.map +1 -1
- package/dist/atoms/inputs/combobox/Combobox.d.ts +43 -29
- package/dist/atoms/inputs/combobox/Combobox.d.ts.map +1 -1
- package/dist/atoms/inputs/combobox/Combobox.js +2 -74
- package/dist/atoms/inputs/combobox/Combobox.js.map +1 -1
- package/dist/atoms/inputs/combobox/ComboboxBase.js +2 -69
- package/dist/atoms/inputs/combobox/ComboboxBase.js.map +1 -1
- package/dist/atoms/misc/VisuallyHidden.js +2 -15
- package/dist/atoms/misc/VisuallyHidden.js.map +1 -1
- package/dist/atoms/tabs/Tab.d.ts +16 -16
- package/dist/atoms/tabs/Tab.d.ts.map +1 -1
- package/dist/atoms/tabs/Tab.js +2 -22
- package/dist/atoms/tabs/Tab.js.map +1 -1
- package/dist/atoms/tabs/TabList.d.ts +12 -12
- package/dist/atoms/tabs/TabList.d.ts.map +1 -1
- package/dist/atoms/tabs/TabList.js +2 -21
- package/dist/atoms/tabs/TabList.js.map +1 -1
- package/dist/atoms/tabs/TabPanel.d.ts +12 -12
- package/dist/atoms/tabs/TabPanel.d.ts.map +1 -1
- package/dist/atoms/tabs/TabPanel.js +2 -18
- package/dist/atoms/tabs/TabPanel.js.map +1 -1
- package/dist/atoms/tabs/Tabs.d.ts +50 -20
- package/dist/atoms/tabs/Tabs.d.ts.map +1 -1
- package/dist/atoms/tabs/Tabs.js +2 -23
- package/dist/atoms/tabs/Tabs.js.map +1 -1
- package/dist/atoms/wrapped-icon/WrappedIcon.d.ts +18 -7
- package/dist/atoms/wrapped-icon/WrappedIcon.d.ts.map +1 -1
- package/dist/atoms/wrapped-icon/WrappedIcon.js +2 -18
- package/dist/atoms/wrapped-icon/WrappedIcon.js.map +1 -1
- package/dist/index.d.ts +16 -12
- package/dist/index.js +1 -16
- package/dist/panda.json +6 -1
- package/dist/providers/MageUiProvider.d.ts +14 -4
- package/dist/providers/MageUiProvider.d.ts.map +1 -1
- package/dist/providers/MageUiProvider.js +2 -11
- package/dist/providers/MageUiProvider.js.map +1 -1
- package/package.json +23 -31
- package/dist/atoms/avatar/index.d.ts +0 -3
- package/dist/atoms/avatar/index.d.ts.map +0 -1
- package/dist/atoms/badges/index.d.ts +0 -3
- package/dist/atoms/badges/index.d.ts.map +0 -1
- package/dist/atoms/breadcrumbs/index.d.ts +0 -3
- package/dist/atoms/breadcrumbs/index.d.ts.map +0 -1
- package/dist/atoms/buttons/index.d.ts +0 -4
- package/dist/atoms/buttons/index.d.ts.map +0 -1
- package/dist/atoms/forms/index.d.ts +0 -3
- package/dist/atoms/forms/index.d.ts.map +0 -1
- package/dist/atoms/inputs/combobox/ComboboxBase.d.ts +0 -42
- package/dist/atoms/inputs/combobox/ComboboxBase.d.ts.map +0 -1
- package/dist/atoms/inputs/index.d.ts +0 -9
- package/dist/atoms/inputs/index.d.ts.map +0 -1
- package/dist/atoms/misc/VisuallyHidden.d.ts +0 -5
- package/dist/atoms/misc/VisuallyHidden.d.ts.map +0 -1
- package/dist/atoms/misc/index.d.ts +0 -3
- package/dist/atoms/misc/index.d.ts.map +0 -1
- package/dist/atoms/tabs/index.d.ts +0 -3
- package/dist/atoms/tabs/index.d.ts.map +0 -1
- package/dist/atoms/wrapped-icon/index.d.ts +0 -3
- package/dist/atoms/wrapped-icon/index.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/providers/index.d.ts +0 -3
- package/dist/providers/index.d.ts.map +0 -1
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { IconVariantProps } from "@mage-ui/styled-system/recipes";
|
|
2
|
+
import { ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/atoms/icon/IconRaw.d.ts
|
|
5
|
+
type IconRawProps = {
|
|
6
|
+
name: string;
|
|
7
|
+
classNames?: {
|
|
8
|
+
svg: string;
|
|
9
|
+
};
|
|
8
10
|
} & IconVariantProps;
|
|
9
|
-
|
|
11
|
+
declare const IconRaw: ({
|
|
12
|
+
name,
|
|
13
|
+
classNames
|
|
14
|
+
}: IconRawProps) => ReactNode;
|
|
15
|
+
|
|
16
|
+
//#endregion
|
|
17
|
+
//# sourceMappingURL=IconRaw.d.ts.map
|
|
18
|
+
|
|
19
|
+
export { IconRaw as IconRaw$1, IconRawProps };
|
|
10
20
|
//# sourceMappingURL=IconRaw.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconRaw.d.ts","
|
|
1
|
+
{"version":3,"file":"IconRaw.d.ts","names":[],"sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":[],"mappings":";;;;KAMY,YAAA;;EAAA,UAAA,CAAA,EAAA;IAKC,GAAA,EAAA,MAQZ;EAAA,CAAA;CAAA,GAVG,gBAEoB;AAAA,cAAX,OAAW,EAAA,CAAA;EAAA,IAAA;EAAA;AAAA,CAAA,EAAsB,YAAtB,EAAA,GAAqC,SAArC"}
|
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
import { jsxs
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
const IconRaw = ({ name, classNames })=>{
|
|
5
|
-
const classes = icon();
|
|
6
|
-
return /*#__PURE__*/ jsxs("svg", {
|
|
7
|
-
className: classNames?.svg ?? classes.svg,
|
|
8
|
-
children: [
|
|
9
|
-
/*#__PURE__*/ jsx("title", {
|
|
10
|
-
children: name
|
|
11
|
-
}),
|
|
12
|
-
/*#__PURE__*/ jsx("use", {
|
|
13
|
-
href: `/icons/sprite.svg#${name}`
|
|
14
|
-
})
|
|
15
|
-
]
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
export { IconRaw };
|
|
20
|
-
//# sourceMappingURL=IconRaw.js.map
|
|
1
|
+
import{icon as e}from"@mage-ui/styled-system/recipes";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({name:r,classNames:i})=>{let a=e();return n(`svg`,{className:i?.svg??a.svg,children:[t(`title`,{children:r}),t(`use`,{href:`/icons/sprite.svg#${r}`})]})};export{r as IconRaw};
|
|
2
|
+
//# sourceMappingURL=IconRaw.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconRaw.js","sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":["import {\n type IconVariantProps,\n icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\nexport type IconRawProps = {\n name: string;\n classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n const classes = iconRecipe();\n return (\n <svg className={classNames?.svg ?? classes.svg}>\n <title>{name}</title>\n <use href={`/icons/sprite.svg#${name}`} />\n </svg>\n );\n};\n"],"
|
|
1
|
+
{"version":3,"file":"IconRaw.js","names":[],"sources":["../../../src/atoms/icon/IconRaw.tsx"],"sourcesContent":["import {\n type IconVariantProps,\n icon as iconRecipe,\n} from '@mage-ui/styled-system/recipes';\nimport type { ReactNode } from 'react';\n\nexport type IconRawProps = {\n name: string;\n classNames?: { svg: string };\n} & IconVariantProps;\n\nexport const IconRaw = ({ name, classNames }: IconRawProps): ReactNode => {\n const classes = iconRecipe();\n return (\n <svg className={classNames?.svg ?? classes.svg}>\n <title>{name}</title>\n <use href={`/icons/sprite.svg#${name}`} />\n </svg>\n );\n};\n"],"mappings":"wGAWA,MAAa,EAAU,CAAC,CAAE,OAAM,aAA0B,GAAgB,CACxE,IAAM,EAAU,GAAY,CAC5B,MACE,GAAC,MAAA,CAAI,UAAW,GAAY,KAAO,EAAQ,cACzC,EAAC,QAAA,CAAA,SAAO,CAAA,EAAa,CACrB,EAAC,MAAA,CAAI,MAAO,oBAAoB,EAAK,CAAA,EAAK,GACtC,AAET"}
|
|
@@ -1,15 +1,23 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/atoms/inputs/Checkbox.d.ts
|
|
4
|
+
type CheckboxProps = {
|
|
5
|
+
classNames?: {
|
|
6
|
+
checkboxBody?: string;
|
|
7
|
+
checkboxDescription?: string;
|
|
8
|
+
checkboxError?: string;
|
|
9
|
+
checkboxIcon?: string;
|
|
10
|
+
checkboxInner?: string;
|
|
11
|
+
checkboxInput?: string;
|
|
12
|
+
checkboxLabel?: string;
|
|
13
|
+
checkboxLabelWrapper?: string;
|
|
14
|
+
};
|
|
13
15
|
};
|
|
14
|
-
|
|
16
|
+
declare const Checkbox: ({
|
|
17
|
+
classNames,
|
|
18
|
+
...props
|
|
19
|
+
}: CheckboxProps) => ReactNode; //#endregion
|
|
20
|
+
|
|
21
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
22
|
+
export { Checkbox as Checkbox$1 };
|
|
15
23
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","names":[],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":[],"mappings":";;;KAcY,aAAA;;IAAA,YAAa,CAAA,EAAA,MAAA;IAaZ,mBAqBZ,CAAA,EAAA,MAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IArBwB,YAAA,CAAA,EAAA,MAAA;IAGtB,aAAA,CAAA,EAAA,MAAA;IAAgB,aAAA,CAAA,EAAA,MAAA;IAkBlB,aAAA,CAAA,EAAA,MAAA;;;;cArBY;;;GAGV,kBAAgB"}
|
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
import { jsx }
|
|
2
|
-
|
|
3
|
-
import { checkboxIcon, checkboxInner, checkboxError, checkboxDescription, checkboxLabel, checkboxLabelWrapper, checkboxBody, checkboxInput } from '@mage-ui/styled-system/recipes';
|
|
4
|
-
import { Checkbox as Checkbox$1 } from '@mantine/core';
|
|
5
|
-
|
|
6
|
-
const Checkbox = ({ classNames, ...props })=>{
|
|
7
|
-
return /*#__PURE__*/ jsx(Checkbox$1, {
|
|
8
|
-
classNames: {
|
|
9
|
-
body: classNames?.checkboxBody ?? checkboxBody(),
|
|
10
|
-
labelWrapper: classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),
|
|
11
|
-
label: classNames?.checkboxLabel ?? checkboxLabel(),
|
|
12
|
-
description: classNames?.checkboxDescription ?? checkboxDescription(),
|
|
13
|
-
error: classNames?.checkboxError ?? checkboxError(),
|
|
14
|
-
input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),
|
|
15
|
-
inner: classNames?.checkboxInner ?? checkboxInner(),
|
|
16
|
-
icon: classNames?.checkboxIcon ?? checkboxIcon(),
|
|
17
|
-
...classNames
|
|
18
|
-
},
|
|
19
|
-
...props
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { Checkbox };
|
|
24
|
-
//# sourceMappingURL=Checkbox.js.map
|
|
1
|
+
import{checkboxBody as e,checkboxDescription as t,checkboxError as n,checkboxIcon as r,checkboxInner as i,checkboxInput as a,checkboxLabel as o,checkboxLabelWrapper as s}from"@mage-ui/styled-system/recipes";import{Checkbox as c}from"@mantine/core";import{jsx as l}from"react/jsx-runtime";import{cx as u}from"@mage-ui/styled-system/css";const d=({classNames:d,...f})=>l(c,{classNames:{body:d?.checkboxBody??e(),labelWrapper:d?.checkboxLabelWrapper??s(),label:d?.checkboxLabel??o(),description:d?.checkboxDescription??t(),error:d?.checkboxError??n(),input:u(d?.checkboxInput??a(),`peer`),inner:d?.checkboxInner??i(),icon:d?.checkboxIcon??r(),...d},...f});export{d as Checkbox};
|
|
2
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n checkboxBody,\n checkboxDescription,\n checkboxError,\n checkboxIcon,\n checkboxInner,\n checkboxInput,\n checkboxLabel,\n checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type CheckboxProps = {\n classNames?: {\n checkboxBody?: string;\n checkboxDescription?: string;\n checkboxError?: string;\n checkboxIcon?: string;\n checkboxInner?: string;\n checkboxInput?: string;\n checkboxLabel?: string;\n checkboxLabelWrapper?: string;\n };\n};\n\nexport const Checkbox = ({\n classNames,\n ...props\n}: CheckboxProps): ReactNode => {\n return (\n <CheckboxMantine\n classNames={{\n body: classNames?.checkboxBody ?? checkboxBody(),\n labelWrapper:\n classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n label: classNames?.checkboxLabel ?? checkboxLabel(),\n description: classNames?.checkboxDescription ?? checkboxDescription(),\n error: classNames?.checkboxError ?? checkboxError(),\n input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n inner: classNames?.checkboxInner ?? checkboxInner(),\n icon: classNames?.checkboxIcon ?? checkboxIcon(),\n ...classNames,\n }}\n {...props}\n />\n );\n};\n"],"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","names":["Checkbox","CheckboxMantine"],"sources":["../../../src/atoms/inputs/Checkbox.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n checkboxBody,\n checkboxDescription,\n checkboxError,\n checkboxIcon,\n checkboxInner,\n checkboxInput,\n checkboxLabel,\n checkboxLabelWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as CheckboxMantine } from '@mantine/core';\nimport type { ReactNode } from 'react';\n\nexport type CheckboxProps = {\n classNames?: {\n checkboxBody?: string;\n checkboxDescription?: string;\n checkboxError?: string;\n checkboxIcon?: string;\n checkboxInner?: string;\n checkboxInput?: string;\n checkboxLabel?: string;\n checkboxLabelWrapper?: string;\n };\n};\n\nexport const Checkbox = ({\n classNames,\n ...props\n}: CheckboxProps): ReactNode => {\n return (\n <CheckboxMantine\n classNames={{\n body: classNames?.checkboxBody ?? checkboxBody(),\n labelWrapper:\n classNames?.checkboxLabelWrapper ?? checkboxLabelWrapper(),\n label: classNames?.checkboxLabel ?? checkboxLabel(),\n description: classNames?.checkboxDescription ?? checkboxDescription(),\n error: classNames?.checkboxError ?? checkboxError(),\n input: cx(classNames?.checkboxInput ?? checkboxInput(), 'peer'),\n inner: classNames?.checkboxInner ?? checkboxInner(),\n icon: classNames?.checkboxIcon ?? checkboxIcon(),\n ...classNames,\n }}\n {...props}\n />\n );\n};\n"],"mappings":"gVA2BA,MAAaA,EAAW,CAAC,CACvB,aACA,GAAG,EACW,GAEZ,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,GAAY,cAAgB,GAAc,CAChD,aACE,GAAY,sBAAwB,GAAsB,CAC5D,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,MAAO,GAAY,eAAiB,GAAe,CACnD,MAAO,EAAG,GAAY,eAAiB,GAAe,CAAE,OAAO,CAC/D,MAAO,GAAY,eAAiB,GAAe,CACnD,KAAM,GAAY,cAAgB,GAAc,CAChD,GAAG,CACJ,EACD,GAAI,GACJ"}
|
|
@@ -1,40 +1,46 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/atoms/inputs/DatePicker.d.ts
|
|
4
|
+
type DatePickerProps = {
|
|
5
|
+
required?: boolean;
|
|
6
|
+
classNames?: InputClassNamesType & CalenderHeaderClassNamesType & {
|
|
7
|
+
calendarMonth?: string;
|
|
8
|
+
calendarWeekDaysRow?: string;
|
|
9
|
+
calendarWeekDay?: string;
|
|
10
|
+
calendarMonthRow?: string;
|
|
11
|
+
calendarDay?: string;
|
|
12
|
+
calendarMonthsList?: string;
|
|
13
|
+
calendarMonthCell?: string;
|
|
14
|
+
calendarMonthsListRow?: string;
|
|
15
|
+
calendarMonthsListCell?: string;
|
|
16
|
+
calendarMonthsListControl?: string;
|
|
17
|
+
calendarYearsList?: string;
|
|
18
|
+
calendarYearsListRow?: string;
|
|
19
|
+
calendarYearsListCell?: string;
|
|
20
|
+
calendarYearsListControl?: string;
|
|
21
|
+
};
|
|
20
22
|
};
|
|
21
|
-
|
|
23
|
+
declare const DatePicker: ({
|
|
24
|
+
required,
|
|
25
|
+
classNames,
|
|
26
|
+
...props
|
|
27
|
+
}: DatePickerProps) => ReactNode;
|
|
22
28
|
type InputClassNamesType = {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
root?: string;
|
|
30
|
+
wrapper?: string;
|
|
31
|
+
input?: string;
|
|
32
|
+
label?: string;
|
|
33
|
+
error?: string;
|
|
34
|
+
description?: string;
|
|
35
|
+
placeholder?: string;
|
|
36
|
+
section?: string;
|
|
31
37
|
};
|
|
32
38
|
type CalenderHeaderClassNamesType = {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
};
|
|
39
|
-
export {};
|
|
39
|
+
datepickerDropdown?: string;
|
|
40
|
+
calendarHeaderControl?: string;
|
|
41
|
+
calendarHeader?: string;
|
|
42
|
+
calendarHeaderLevel?: string;
|
|
43
|
+
calendarHeaderControlIcon?: string;
|
|
44
|
+
}; //#endregion
|
|
45
|
+
export { DatePicker as DatePicker$1 };
|
|
40
46
|
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","names":[],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":[],"mappings":";;;KAsCY,eAAA;;EAAA,UAAA,CAAA,EAEG,mBAFY,GAGvB,4BAHuB,GAAA;IAAA,aAAA,CAAA,EAAA,MAAA;IAEZ,mBAAA,CAAA,EAAA,MAAA;IACX,eAAA,CAAA,EAAA,MAAA;IAA4B,gBAAA,CAAA,EAAA,MAAA;IAkBnB,WAoBZ,CAAA,EAAA,MAAA;IAAA,kBAAA,CAAA,EAAA,MAAA;IApB0B,iBAAA,CAAA,EAAA,MAAA;IAAA,qBAAA,CAAA,EAAA,MAAA;IAIxB,sBAAA,CAAA,EAAA,MAAA;IAAkB,yBAAA,CAAA,EAAA,MAAA;IAgBpB,iBAAA,CAAA,EAAA,MAAA;IAEI,oBAAmB,CAAA,EAAA,MAAA;IAwBnB,qBAAA,CAAA,EAAA,MAA4B;;;;cA9CpB;;;;GAIV,oBAAkB;KAkBhB,mBAAA;;;;;;;;;;KAwBA,4BAAA"}
|
|
@@ -1,91 +1,2 @@
|
|
|
1
|
-
import { jsx }
|
|
2
|
-
|
|
3
|
-
import { datepickerDropdown, icon, calendarYearsListControl, calendarYearsListCell, calendarYearsListRow, calendarYearsList, calendarMonthsListControl, calendarMonthsListCell, calendarMonthsListRow, calendarMonthsList, calendarDay, calendarMonthCell, calendarMonthRow, calendarWeekDay, calendarWeekDaysRow, calendarMonth, calendarHeaderControlIcon, calendarHeaderLevel, calendarHeader, calendarControl, inputSection, inputPlaceholder, inputDescription, inputError, inputLabel, inputWrapper, inputRoot, input, datepickerInput } from '@mage-ui/styled-system/recipes';
|
|
4
|
-
import { DatePickerInput } from '@mantine/dates';
|
|
5
|
-
import { Icon } from '../icon/Icon.js';
|
|
6
|
-
|
|
7
|
-
const DatePicker = ({ required, classNames, ...props })=>{
|
|
8
|
-
return /*#__PURE__*/ jsx(DatePickerInput, {
|
|
9
|
-
required: required,
|
|
10
|
-
withAsterisk: required,
|
|
11
|
-
inputWrapperOrder: [
|
|
12
|
-
'label',
|
|
13
|
-
'input',
|
|
14
|
-
'description',
|
|
15
|
-
'error'
|
|
16
|
-
],
|
|
17
|
-
classNames: getDatePickerClassNames(classNames),
|
|
18
|
-
popoverProps: {
|
|
19
|
-
classNames: {
|
|
20
|
-
dropdown: classNames?.datepickerDropdown ?? datepickerDropdown()
|
|
21
|
-
}
|
|
22
|
-
},
|
|
23
|
-
rightSection: /*#__PURE__*/ jsx(Icon, {
|
|
24
|
-
name: "calendar",
|
|
25
|
-
classNames: icon({
|
|
26
|
-
size: 'm'
|
|
27
|
-
})
|
|
28
|
-
}),
|
|
29
|
-
...props
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
const inputClassNames = (classNames)=>{
|
|
33
|
-
return {
|
|
34
|
-
root: classNames?.root ?? inputRoot(),
|
|
35
|
-
wrapper: classNames?.wrapper ?? inputWrapper(),
|
|
36
|
-
input: classNames?.input ?? cx(input(), datepickerInput()),
|
|
37
|
-
label: classNames?.label ?? inputLabel(),
|
|
38
|
-
error: classNames?.error ?? inputError(),
|
|
39
|
-
description: classNames?.description ?? inputDescription(),
|
|
40
|
-
placeholder: classNames?.placeholder ?? inputPlaceholder(),
|
|
41
|
-
section: classNames?.section ?? inputSection({
|
|
42
|
-
pointerEvents: 'none'
|
|
43
|
-
})
|
|
44
|
-
};
|
|
45
|
-
};
|
|
46
|
-
const calendarHeaderClassNames = (classNames)=>{
|
|
47
|
-
return {
|
|
48
|
-
calendarHeaderControl: classNames?.calendarHeaderControl ?? calendarControl(),
|
|
49
|
-
calendarHeader: classNames?.calendarHeader ?? calendarHeader(),
|
|
50
|
-
calendarHeaderLevel: classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),
|
|
51
|
-
calendarHeaderControlIcon: classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon()
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
function getCalendarMonthClassNames(classNames) {
|
|
55
|
-
return {
|
|
56
|
-
month: classNames?.calendarMonth ?? calendarMonth(),
|
|
57
|
-
weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),
|
|
58
|
-
weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),
|
|
59
|
-
monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),
|
|
60
|
-
monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),
|
|
61
|
-
day: classNames?.calendarDay ?? calendarDay()
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
function getCalendarMonthsListClassNames(classNames) {
|
|
65
|
-
return {
|
|
66
|
-
monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),
|
|
67
|
-
monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),
|
|
68
|
-
monthsListCell: classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),
|
|
69
|
-
monthsListControl: classNames?.calendarMonthsListControl ?? calendarMonthsListControl()
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
function getCalendarYearsListClassNames(classNames) {
|
|
73
|
-
return {
|
|
74
|
-
yearsList: classNames?.calendarYearsList ?? calendarYearsList(),
|
|
75
|
-
yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),
|
|
76
|
-
yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),
|
|
77
|
-
yearsListControl: classNames?.calendarYearsListControl ?? calendarYearsListControl()
|
|
78
|
-
};
|
|
79
|
-
}
|
|
80
|
-
function getDatePickerClassNames(classNames) {
|
|
81
|
-
return {
|
|
82
|
-
...inputClassNames(classNames),
|
|
83
|
-
...calendarHeaderClassNames(classNames),
|
|
84
|
-
...getCalendarMonthClassNames(classNames),
|
|
85
|
-
...getCalendarMonthsListClassNames(classNames),
|
|
86
|
-
...getCalendarYearsListClassNames(classNames)
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
export { DatePicker };
|
|
91
|
-
//# sourceMappingURL=DatePicker.js.map
|
|
1
|
+
import{Icon as e}from"../icon/Icon.js";import{calendarControl as t,calendarDay as n,calendarHeader as r,calendarHeaderControlIcon as i,calendarHeaderLevel as a,calendarMonth as o,calendarMonthCell as s,calendarMonthRow as c,calendarMonthsList as l,calendarMonthsListCell as u,calendarMonthsListControl as d,calendarMonthsListRow as f,calendarWeekDay as p,calendarWeekDaysRow as m,calendarYearsList as h,calendarYearsListCell as g,calendarYearsListControl as _,calendarYearsListRow as v,datepickerDropdown as y,datepickerInput as b,icon as x,input as S,inputDescription as C,inputError as w,inputLabel as T,inputPlaceholder as E,inputRoot as D,inputSection as O,inputWrapper as k}from"@mage-ui/styled-system/recipes";import{jsx as A}from"react/jsx-runtime";import{cx as j}from"@mage-ui/styled-system/css";import{DatePickerInput as M}from"@mantine/dates";const N=({required:t,classNames:n,...r})=>A(M,{required:t,withAsterisk:t,inputWrapperOrder:[`label`,`input`,`description`,`error`],classNames:z(n),popoverProps:{classNames:{dropdown:n?.datepickerDropdown??y()}},rightSection:A(e,{name:`calendar`,classNames:x({size:`m`})}),...r}),P=e=>({root:e?.root??D(),wrapper:e?.wrapper??k(),input:e?.input??j(S(),b()),label:e?.label??T(),error:e?.error??w(),description:e?.description??C(),placeholder:e?.placeholder??E(),section:e?.section??O({pointerEvents:`none`})}),F=e=>({calendarHeaderControl:e?.calendarHeaderControl??t(),calendarHeader:e?.calendarHeader??r(),calendarHeaderLevel:e?.calendarHeaderLevel??a(),calendarHeaderControlIcon:e?.calendarHeaderControlIcon??i()});function I(e){return{month:e?.calendarMonth??o(),weekdaysRow:e?.calendarWeekDaysRow??m(),weekday:e?.calendarWeekDay??p(),monthRow:e?.calendarMonthRow??c(),monthCell:e?.calendarMonthCell??s(),day:e?.calendarDay??n()}}function L(e){return{monthsList:e?.calendarMonthsList??l(),monthsListRow:e?.calendarMonthsListRow??f(),monthsListCell:e?.calendarMonthsListCell??u(),monthsListControl:e?.calendarMonthsListControl??d()}}function R(e){return{yearsList:e?.calendarYearsList??h(),yearsListRow:e?.calendarYearsListRow??v(),yearsListCell:e?.calendarYearsListCell??g(),yearsListControl:e?.calendarYearsListControl??_()}}function z(e){return{...P(e),...F(e),...I(e),...L(e),...R(e)}}export{N as DatePicker};
|
|
2
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n calendarControl,\n calendarDay,\n calendarHeader,\n calendarHeaderControlIcon,\n calendarHeaderLevel,\n calendarMonth,\n calendarMonthCell,\n calendarMonthRow,\n calendarMonthsList,\n calendarMonthsListCell,\n calendarMonthsListControl,\n calendarMonthsListRow,\n calendarWeekDay,\n calendarWeekDaysRow,\n calendarYearsList,\n calendarYearsListCell,\n calendarYearsListControl,\n calendarYearsListRow,\n inputError as datePickerError,\n datepickerDropdown,\n datepickerInput,\n icon,\n input,\n inputDescription,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon/Icon';\n\n//TODO: separar les classNames del type\n\nexport type DatePickerProps = {\n required?: boolean;\n classNames?: InputClassNamesType &\n CalenderHeaderClassNamesType & {\n calendarMonth?: string;\n calendarWeekDaysRow?: string;\n calendarWeekDay?: string;\n calendarMonthRow?: string;\n calendarDay?: string;\n calendarMonthsList?: string;\n calendarMonthCell?: string;\n calendarMonthsListRow?: string;\n calendarMonthsListCell?: string;\n calendarMonthsListControl?: string;\n calendarYearsList?: string;\n calendarYearsListRow?: string;\n calendarYearsListCell?: string;\n calendarYearsListControl?: string;\n };\n};\n\nexport const DatePicker = ({\n required,\n classNames,\n ...props\n}: DatePickerProps): ReactNode => {\n return (\n <DatePickerInput\n required={required}\n withAsterisk={required}\n inputWrapperOrder={['label', 'input', 'description', 'error']}\n classNames={getDatePickerClassNames(classNames)}\n popoverProps={{\n classNames: {\n dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n },\n }}\n rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n {...props}\n />\n );\n};\n\ntype InputClassNamesType = {\n root?: string;\n wrapper?: string;\n input?: string;\n label?: string;\n error?: string;\n description?: string;\n placeholder?: string;\n section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n return {\n root: classNames?.root ?? inputRoot(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? cx(input(), datepickerInput()),\n label: classNames?.label ?? inputLabel(),\n error: classNames?.error ?? datePickerError(),\n description: classNames?.description ?? inputDescription(),\n placeholder: classNames?.placeholder ?? inputPlaceholder(),\n section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n };\n};\n\ntype CalenderHeaderClassNamesType = {\n datepickerDropdown?: string;\n calendarHeaderControl?: string;\n calendarHeader?: string;\n calendarHeaderLevel?: string;\n calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n classNames?: CalenderHeaderClassNamesType,\n) => {\n return {\n calendarHeaderControl:\n classNames?.calendarHeaderControl ?? calendarControl(),\n calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n calendarHeaderLevel:\n classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n calendarHeaderControlIcon:\n classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n };\n};\n\nfunction getCalendarMonthClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n month: classNames?.calendarMonth ?? calendarMonth(),\n weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n day: classNames?.calendarDay ?? calendarDay(),\n };\n}\n\nfunction getCalendarMonthsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n monthsListCell:\n classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n monthsListControl:\n classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n };\n}\n\nfunction getCalendarYearsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n yearsListControl:\n classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n };\n}\n\nfunction getDatePickerClassNames(classNames?: DatePickerProps['classNames']) {\n return {\n ...inputClassNames(classNames),\n ...calendarHeaderClassNames(classNames),\n ...getCalendarMonthClassNames(classNames),\n ...getCalendarMonthsListClassNames(classNames),\n ...getCalendarYearsListClassNames(classNames),\n };\n}\n"],"
|
|
1
|
+
{"version":3,"file":"DatePicker.js","names":["classNames?: InputClassNamesType","classNames?: CalenderHeaderClassNamesType","classNames?: DatePickerProps['classNames']"],"sources":["../../../src/atoms/inputs/DatePicker.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n calendarControl,\n calendarDay,\n calendarHeader,\n calendarHeaderControlIcon,\n calendarHeaderLevel,\n calendarMonth,\n calendarMonthCell,\n calendarMonthRow,\n calendarMonthsList,\n calendarMonthsListCell,\n calendarMonthsListControl,\n calendarMonthsListRow,\n calendarWeekDay,\n calendarWeekDaysRow,\n calendarYearsList,\n calendarYearsListCell,\n calendarYearsListControl,\n calendarYearsListRow,\n inputError as datePickerError,\n datepickerDropdown,\n datepickerInput,\n icon,\n input,\n inputDescription,\n inputLabel,\n inputPlaceholder,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { DatePickerInput } from '@mantine/dates';\nimport type { ReactNode } from 'react';\nimport { Icon } from '../icon/Icon';\n\n//TODO: separar les classNames del type\n\nexport type DatePickerProps = {\n required?: boolean;\n classNames?: InputClassNamesType &\n CalenderHeaderClassNamesType & {\n calendarMonth?: string;\n calendarWeekDaysRow?: string;\n calendarWeekDay?: string;\n calendarMonthRow?: string;\n calendarDay?: string;\n calendarMonthsList?: string;\n calendarMonthCell?: string;\n calendarMonthsListRow?: string;\n calendarMonthsListCell?: string;\n calendarMonthsListControl?: string;\n calendarYearsList?: string;\n calendarYearsListRow?: string;\n calendarYearsListCell?: string;\n calendarYearsListControl?: string;\n };\n};\n\nexport const DatePicker = ({\n required,\n classNames,\n ...props\n}: DatePickerProps): ReactNode => {\n return (\n <DatePickerInput\n required={required}\n withAsterisk={required}\n inputWrapperOrder={['label', 'input', 'description', 'error']}\n classNames={getDatePickerClassNames(classNames)}\n popoverProps={{\n classNames: {\n dropdown: classNames?.datepickerDropdown ?? datepickerDropdown(),\n },\n }}\n rightSection={<Icon name='calendar' classNames={icon({ size: 'm' })} />}\n {...props}\n />\n );\n};\n\ntype InputClassNamesType = {\n root?: string;\n wrapper?: string;\n input?: string;\n label?: string;\n error?: string;\n description?: string;\n placeholder?: string;\n section?: string;\n};\n\nconst inputClassNames = (classNames?: InputClassNamesType) => {\n return {\n root: classNames?.root ?? inputRoot(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? cx(input(), datepickerInput()),\n label: classNames?.label ?? inputLabel(),\n error: classNames?.error ?? datePickerError(),\n description: classNames?.description ?? inputDescription(),\n placeholder: classNames?.placeholder ?? inputPlaceholder(),\n section: classNames?.section ?? inputSection({ pointerEvents: 'none' }),\n };\n};\n\ntype CalenderHeaderClassNamesType = {\n datepickerDropdown?: string;\n calendarHeaderControl?: string;\n calendarHeader?: string;\n calendarHeaderLevel?: string;\n calendarHeaderControlIcon?: string;\n};\n\nconst calendarHeaderClassNames = (\n classNames?: CalenderHeaderClassNamesType,\n) => {\n return {\n calendarHeaderControl:\n classNames?.calendarHeaderControl ?? calendarControl(),\n calendarHeader: classNames?.calendarHeader ?? calendarHeader(),\n calendarHeaderLevel:\n classNames?.calendarHeaderLevel ?? calendarHeaderLevel(),\n calendarHeaderControlIcon:\n classNames?.calendarHeaderControlIcon ?? calendarHeaderControlIcon(),\n };\n};\n\nfunction getCalendarMonthClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n month: classNames?.calendarMonth ?? calendarMonth(),\n weekdaysRow: classNames?.calendarWeekDaysRow ?? calendarWeekDaysRow(),\n weekday: classNames?.calendarWeekDay ?? calendarWeekDay(),\n monthRow: classNames?.calendarMonthRow ?? calendarMonthRow(),\n monthCell: classNames?.calendarMonthCell ?? calendarMonthCell(),\n day: classNames?.calendarDay ?? calendarDay(),\n };\n}\n\nfunction getCalendarMonthsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n monthsList: classNames?.calendarMonthsList ?? calendarMonthsList(),\n monthsListRow: classNames?.calendarMonthsListRow ?? calendarMonthsListRow(),\n monthsListCell:\n classNames?.calendarMonthsListCell ?? calendarMonthsListCell(),\n monthsListControl:\n classNames?.calendarMonthsListControl ?? calendarMonthsListControl(),\n };\n}\n\nfunction getCalendarYearsListClassNames(\n classNames?: DatePickerProps['classNames'],\n) {\n return {\n yearsList: classNames?.calendarYearsList ?? calendarYearsList(),\n yearsListRow: classNames?.calendarYearsListRow ?? calendarYearsListRow(),\n yearsListCell: classNames?.calendarYearsListCell ?? calendarYearsListCell(),\n yearsListControl:\n classNames?.calendarYearsListControl ?? calendarYearsListControl(),\n };\n}\n\nfunction getDatePickerClassNames(classNames?: DatePickerProps['classNames']) {\n return {\n ...inputClassNames(classNames),\n ...calendarHeaderClassNames(classNames),\n ...getCalendarMonthClassNames(classNames),\n ...getCalendarMonthsListClassNames(classNames),\n ...getCalendarYearsListClassNames(classNames),\n };\n}\n"],"mappings":"q1BAiHA,MAtDa,EAAa,CAAC,CACzB,WACA,aACA,GAAG,EACa,GAEd,EAAC,EAAA,CACW,WACV,aAAc,EACd,kBAAmB,CAAC,QAAS,QAAS,cAAe,OAAQ,EAC7D,WAAY,EAAwB,EAAW,CAC/C,aAAc,CACZ,WAAY,CACV,SAAU,GAAY,oBAAsB,GAAoB,AACjE,CACF,EACD,aAAc,EAAC,EAAA,CAAK,KAAK,WAAW,WAAY,EAAK,CAAE,KAAM,GAAK,EAAC,EAAI,CACvE,GAAI,GACJ,CAeA,EAAkB,AAACA,IAChB,CACL,KAAM,GAAY,MAAQ,GAAW,CACrC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,EAAG,GAAO,CAAE,GAAiB,CAAC,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,MAAO,GAAY,OAAS,GAAiB,CAC7C,YAAa,GAAY,aAAe,GAAkB,CAC1D,YAAa,GAAY,aAAe,GAAkB,CAC1D,QAAS,GAAY,SAAW,EAAa,CAAE,cAAe,MAAQ,EAAC,AACxE,GAWG,EAA2B,AAC/BC,IAEO,CACL,sBACE,GAAY,uBAAyB,GAAiB,CACxD,eAAgB,GAAY,gBAAkB,GAAgB,CAC9D,oBACE,GAAY,qBAAuB,GAAqB,CAC1D,0BACE,GAAY,2BAA6B,GAA2B,AACvE,GAGH,SAAS,EACPC,EACA,CACA,MAAO,CACL,MAAO,GAAY,eAAiB,GAAe,CACnD,YAAa,GAAY,qBAAuB,GAAqB,CACrE,QAAS,GAAY,iBAAmB,GAAiB,CACzD,SAAU,GAAY,kBAAoB,GAAkB,CAC5D,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,IAAK,GAAY,aAAe,GAAa,AAC9C,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,WAAY,GAAY,oBAAsB,GAAoB,CAClE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,eACE,GAAY,wBAA0B,GAAwB,CAChE,kBACE,GAAY,2BAA6B,GAA2B,AACvE,CACF,CAED,SAAS,EACPA,EACA,CACA,MAAO,CACL,UAAW,GAAY,mBAAqB,GAAmB,CAC/D,aAAc,GAAY,sBAAwB,GAAsB,CACxE,cAAe,GAAY,uBAAyB,GAAuB,CAC3E,iBACE,GAAY,0BAA4B,GAA0B,AACrE,CACF,CAED,SAAS,EAAwBA,EAA4C,CAC3E,MAAO,CACL,GAAG,EAAgB,EAAW,CAC9B,GAAG,EAAyB,EAAW,CACvC,GAAG,EAA2B,EAAW,CACzC,GAAG,EAAgC,EAAW,CAC9C,GAAG,EAA+B,EAAW,AAC9C,CACF"}
|
|
@@ -1,19 +1,32 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import * as react_jsx_runtime3 from "react/jsx-runtime";
|
|
2
|
+
import { ComponentProps, ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/atoms/inputs/InputText.d.ts
|
|
5
|
+
type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {
|
|
6
|
+
label?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
error?: string;
|
|
9
|
+
classNames?: {
|
|
10
|
+
root?: string;
|
|
3
11
|
label?: string;
|
|
4
12
|
description?: string;
|
|
5
13
|
error?: string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
input?: string;
|
|
13
|
-
section?: string;
|
|
14
|
-
};
|
|
15
|
-
startSlot?: ReactNode;
|
|
16
|
-
endSlot?: ReactNode;
|
|
14
|
+
wrapper?: string;
|
|
15
|
+
input?: string;
|
|
16
|
+
section?: string;
|
|
17
|
+
};
|
|
18
|
+
startSlot?: ReactNode;
|
|
19
|
+
endSlot?: ReactNode;
|
|
17
20
|
};
|
|
18
|
-
|
|
21
|
+
declare const InputText: ({
|
|
22
|
+
classNames,
|
|
23
|
+
startSlot,
|
|
24
|
+
endSlot,
|
|
25
|
+
...props
|
|
26
|
+
}: InputTextProps) => react_jsx_runtime3.JSX.Element;
|
|
27
|
+
|
|
28
|
+
//#endregion
|
|
29
|
+
//# sourceMappingURL=InputText.d.ts.map
|
|
30
|
+
|
|
31
|
+
export { InputText as InputText$1, InputTextProps };
|
|
19
32
|
//# sourceMappingURL=InputText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.d.ts","
|
|
1
|
+
{"version":3,"file":"InputText.d.ts","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":[],"mappings":";;;;KAaY,cAAA,GAAiB,KAAK;;;EAAtB,KAAA,CAAA,EAAA,MAAA;EAAc,UAAA,CAAA,EAAA;IAAQ,IAAA,CAAA,EAAA,MAAA;IAAL,KAAA,CAAA,EAAA,MAAA;IAaf,WAAA,CAAA,EAAA,MAAA;IACF,KAAA,CAAA,EAAA,MAAA;IAAS,OAAA,CAAA,EAAA,MAAA;IAGR,KAAA,CAAA,EAwBZ,MAAA;IAAA,OAAA,CAAA,EAAA,MAAA;EAAA,CAAA;EAxByB,SAAA,CAAA,EAJZ,SAIY;EAAA,OAAA,CAAA,EAHd,SAGc;CAAA;AAKT,cALJ,SAKI,EAAA,CAAA;EAAA,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,GAAA;AAAA,CAAA,EAAd,cAAc,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA;;;AAmBhB"}
|
|
@@ -1,26 +1,2 @@
|
|
|
1
|
-
import { jsx }
|
|
2
|
-
|
|
3
|
-
import { inputSection, input, inputWrapper, inputError, inputDescription, inputLabel, inputRoot } from '@mage-ui/styled-system/recipes';
|
|
4
|
-
import { TextInput } from '@mantine/core';
|
|
5
|
-
|
|
6
|
-
const InputText = ({ classNames, startSlot, endSlot, ...props })=>{
|
|
7
|
-
return /*#__PURE__*/ jsx(TextInput, {
|
|
8
|
-
classNames: {
|
|
9
|
-
root: cx(classNames?.root ?? inputRoot(), 'group'),
|
|
10
|
-
label: classNames?.label ?? inputLabel(),
|
|
11
|
-
required: classNames?.label ?? inputLabel(),
|
|
12
|
-
description: classNames?.description ?? inputDescription(),
|
|
13
|
-
error: classNames?.error ?? inputError(),
|
|
14
|
-
wrapper: classNames?.wrapper ?? inputWrapper(),
|
|
15
|
-
input: classNames?.input ?? input(),
|
|
16
|
-
section: classNames?.section ?? inputSection(),
|
|
17
|
-
...classNames
|
|
18
|
-
},
|
|
19
|
-
leftSection: startSlot,
|
|
20
|
-
rightSection: endSlot,
|
|
21
|
-
...props
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export { InputText };
|
|
26
|
-
//# sourceMappingURL=InputText.js.map
|
|
1
|
+
import{input as e,inputDescription as t,inputError as n,inputLabel as r,inputRoot as i,inputSection as a,inputWrapper as o}from"@mage-ui/styled-system/recipes";import{TextInput as s}from"@mantine/core";import{jsx as c}from"react/jsx-runtime";import{cx as l}from"@mage-ui/styled-system/css";const u=({classNames:u,startSlot:d,endSlot:f,...p})=>c(s,{classNames:{root:l(u?.root??i(),`group`),label:u?.label??r(),required:u?.label??r(),description:u?.description??t(),error:u?.error??n(),wrapper:u?.wrapper??o(),input:u?.input??e(),section:u?.section??a(),...u},leftSection:d,rightSection:f,...p});export{u as InputText};
|
|
2
|
+
//# sourceMappingURL=InputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput } from '@mantine/core';\nimport type { ComponentProps, ReactNode } from 'react';\n\nexport type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {\n label?: string;\n description?: string;\n error?: string;\n classNames?: {\n root?: string;\n label?: string;\n description?: string;\n error?: string;\n wrapper?: string;\n input?: string;\n section?: string;\n };\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n};\n\nexport const InputText = ({\n classNames,\n startSlot,\n endSlot,\n ...props\n}: InputTextProps) => {\n return (\n <TextInput\n classNames={{\n root: cx(classNames?.root ?? inputRoot(), 'group'),\n label: classNames?.label ?? inputLabel(),\n required: classNames?.label ?? inputLabel(),\n description: classNames?.description ?? inputDescription(),\n error: classNames?.error ?? inputError(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? input(),\n section: classNames?.section ?? inputSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n />\n );\n};\n"],"
|
|
1
|
+
{"version":3,"file":"InputText.js","names":[],"sources":["../../../src/atoms/inputs/InputText.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n input,\n inputDescription,\n inputError,\n inputLabel,\n inputRoot,\n inputSection,\n inputWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { TextInput } from '@mantine/core';\nimport type { ComponentProps, ReactNode } from 'react';\n\nexport type InputTextProps = Omit<ComponentProps<'input'>, 'size'> & {\n label?: string;\n description?: string;\n error?: string;\n classNames?: {\n root?: string;\n label?: string;\n description?: string;\n error?: string;\n wrapper?: string;\n input?: string;\n section?: string;\n };\n startSlot?: ReactNode;\n endSlot?: ReactNode;\n};\n\nexport const InputText = ({\n classNames,\n startSlot,\n endSlot,\n ...props\n}: InputTextProps) => {\n return (\n <TextInput\n classNames={{\n root: cx(classNames?.root ?? inputRoot(), 'group'),\n label: classNames?.label ?? inputLabel(),\n required: classNames?.label ?? inputLabel(),\n description: classNames?.description ?? inputDescription(),\n error: classNames?.error ?? inputError(),\n wrapper: classNames?.wrapper ?? inputWrapper(),\n input: classNames?.input ?? input(),\n section: classNames?.section ?? inputSection(),\n ...classNames,\n }}\n leftSection={startSlot}\n rightSection={endSlot}\n {...props}\n />\n );\n};\n"],"mappings":"kSA8BA,MAAa,EAAY,CAAC,CACxB,aACA,YACA,UACA,GAAG,EACY,GAEb,EAAC,EAAA,CACC,WAAY,CACV,KAAM,EAAG,GAAY,MAAQ,GAAW,CAAE,QAAQ,CAClD,MAAO,GAAY,OAAS,GAAY,CACxC,SAAU,GAAY,OAAS,GAAY,CAC3C,YAAa,GAAY,aAAe,GAAkB,CAC1D,MAAO,GAAY,OAAS,GAAY,CACxC,QAAS,GAAY,SAAW,GAAc,CAC9C,MAAO,GAAY,OAAS,GAAO,CACnC,QAAS,GAAY,SAAW,GAAc,CAC9C,GAAG,CACJ,EACD,YAAa,EACb,aAAc,EACd,GAAI,GACJ"}
|
|
@@ -1,32 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
2
|
+
|
|
3
|
+
//#region src/atoms/inputs/combobox/Combobox.d.ts
|
|
4
|
+
type ComboboxProps = {
|
|
5
|
+
selectedOption: {
|
|
6
|
+
id: string;
|
|
7
|
+
value: string;
|
|
8
|
+
} | undefined;
|
|
9
|
+
setSelectedOption: (value: {
|
|
10
|
+
id: string;
|
|
11
|
+
value: string;
|
|
12
|
+
} | undefined) => void;
|
|
13
|
+
options: {
|
|
14
|
+
id: string;
|
|
15
|
+
value: string;
|
|
16
|
+
}[];
|
|
17
|
+
creatable?: boolean;
|
|
18
|
+
classNames?: {
|
|
19
|
+
option?: string;
|
|
20
|
+
empty?: string;
|
|
21
|
+
create?: string;
|
|
22
|
+
};
|
|
23
|
+
texts: {
|
|
24
|
+
input: {
|
|
25
|
+
label: string;
|
|
26
|
+
placeholder: string;
|
|
27
|
+
description?: string;
|
|
28
|
+
error?: string;
|
|
29
29
|
};
|
|
30
|
+
empty: string;
|
|
31
|
+
create: string;
|
|
32
|
+
};
|
|
30
33
|
};
|
|
31
|
-
|
|
34
|
+
declare const Combobox: ({
|
|
35
|
+
selectedOption,
|
|
36
|
+
setSelectedOption,
|
|
37
|
+
options,
|
|
38
|
+
creatable,
|
|
39
|
+
classNames,
|
|
40
|
+
texts,
|
|
41
|
+
...props
|
|
42
|
+
}: ComboboxProps) => react_jsx_runtime1.JSX.Element; //#endregion
|
|
43
|
+
|
|
44
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
45
|
+
export { Combobox as Combobox$1 };
|
|
32
46
|
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","names":[],"sources":["../../../../src/atoms/inputs/combobox/Combobox.tsx"],"sourcesContent":[],"mappings":";;;KASY,aAAA;;;IAAA,KAAA,EAAA,MAAa;EAsBZ,CAAA,GAAA,SA0EZ;EAAA,iBAAA,EAAA,CAAA,KAAA,EAAA;IA1EwB,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,GAAA,SAAA,EAAA,GAAA,IAAA;EAAA,OAAA,EAAA;IAAA,EAAA,EAAA,MAAA;IAAA,KAAA,EAAA,MAAA;EAAA,CAAA,EAQtB;EAAa,SAAA,CAAA,EAAA,OAAA;EAkEf,UAAA,CAAA,EAAA;;;;;;;;;;;;;;;;cA1EY;;;;;;;;GAQV,kBAAa,kBAAA,CAAA,GAAA,CAAA"}
|