@mage-ui/components 1.0.121 → 1.0.123
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/components/data-display/datatables/DataTableFeedback.d.mts +20 -0
- package/dist/components/data-display/datatables/DataTableFeedback.d.mts.map +1 -0
- package/dist/components/data-display/datatables/DataTableFeedback.mjs +2 -0
- package/dist/components/data-display/datatables/DataTableFeedback.mjs.map +1 -0
- package/dist/components/data-display/datatables/index.d.mts +1 -1
- package/dist/components/data-display/index.d.mts +1 -1
- package/dist/components/data-display/uploading-files/UploadingFiles.d.mts +6 -0
- package/dist/components/data-display/uploading-files/UploadingFiles.d.mts.map +1 -1
- package/dist/components/data-display/uploading-files/UploadingFiles.mjs +1 -1
- package/dist/components/data-display/uploading-files/UploadingFiles.mjs.map +1 -1
- package/dist/components/index.d.mts +1 -1
- package/dist/index.d.mts +2 -2
- package/dist/index.mjs +1 -1
- package/package.json +3 -3
- package/dist/components/data-display/datatables/DataTableErrorState.d.mts +0 -14
- package/dist/components/data-display/datatables/DataTableErrorState.d.mts.map +0 -1
- package/dist/components/data-display/datatables/DataTableErrorState.mjs +0 -2
- package/dist/components/data-display/datatables/DataTableErrorState.mjs.map +0 -1
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/components/data-display/datatables/DataTableFeedback.d.ts
|
|
4
|
+
type DataTableFeedbackProps = Omit<ComponentPropsWithoutRef<'div'>, 'className'> & {
|
|
5
|
+
classNames?: {
|
|
6
|
+
feedback?: string;
|
|
7
|
+
root?: string;
|
|
8
|
+
};
|
|
9
|
+
feedbackMessage?: ReactNode;
|
|
10
|
+
isError?: boolean;
|
|
11
|
+
};
|
|
12
|
+
declare const DataTableFeedback: ({
|
|
13
|
+
classNames,
|
|
14
|
+
feedbackMessage,
|
|
15
|
+
isError,
|
|
16
|
+
...props
|
|
17
|
+
}: DataTableFeedbackProps) => ReactNode;
|
|
18
|
+
//#endregion
|
|
19
|
+
export { DataTableFeedback };
|
|
20
|
+
//# sourceMappingURL=DataTableFeedback.d.mts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableFeedback.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"mappings":";;;KAQK,sBAAA,GAAyB,IAAA,CAC5B,wBAAA;EAGA,UAAA;IACE,QAAA;IACA,IAAA;EAAA;EAEF,eAAA,GAAkB,SAAA;EAClB,OAAA;AAAA;AAAA,cAGW,iBAAA;EAAqB,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAK/B,sBAAA,KAAyB,SAAA"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{cx as e}from"@mage-ui/styled-system/css";import{dataTableFeedback as t,dataTableFeedbackRoot as n}from"@mage-ui/styled-system/recipes";import{jsx as r}from"react/jsx-runtime";const i=({classNames:i,feedbackMessage:a=`No hay datos para mostrar.`,isError:o=!1,...s})=>r(`div`,{className:e(i?.feedback??t(),i?.root??n()),"data-feedback":o?`danger`:void 0,role:o?`alert`:`status`,"aria-live":o?`assertive`:`polite`,...s,children:a});export{i as DataTableFeedback};
|
|
2
|
+
//# sourceMappingURL=DataTableFeedback.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DataTableFeedback.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableFeedback.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n dataTableFeedback,\n dataTableFeedbackRoot,\n} from '@mage-ui/styled-system/recipes';\n\ntype DataTableFeedbackProps = Omit<\n ComponentPropsWithoutRef<'div'>,\n 'className'\n> & {\n classNames?: {\n feedback?: string;\n root?: string;\n };\n feedbackMessage?: ReactNode;\n isError?: boolean;\n};\n\nexport const DataTableFeedback = ({\n classNames,\n feedbackMessage = 'No hay datos para mostrar.',\n isError = false,\n ...props\n}: DataTableFeedbackProps): ReactNode => {\n return (\n <div\n className={cx(\n classNames?.feedback ?? dataTableFeedback(),\n classNames?.root ?? dataTableFeedbackRoot(),\n )}\n data-feedback={isError ? 'danger' : undefined}\n role={isError ? 'alert' : 'status'}\n aria-live={isError ? 'assertive' : 'polite'}\n {...props}\n >\n {feedbackMessage}\n </div>\n );\n};\n"],"mappings":"sLAoBA,MAAa,GAAqB,CAChC,aACA,kBAAkB,6BAClB,UAAU,GACV,GAAG,KAGD,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAmB,CAC3C,GAAY,MAAQ,GAAuB,CAC5C,CACD,gBAAe,EAAU,SAAW,IAAA,GACpC,KAAM,EAAU,QAAU,SAC1B,YAAW,EAAU,YAAc,SACnC,GAAI,WAEH,EACG,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { DataTable, DataTableClassNames, DataTableColumnMeta, DataTableExpansion
|
|
|
3
3
|
import { DataTablePageSize, DataTablePageSizeProps } from "./DataTablePageSize.mjs";
|
|
4
4
|
import { DataTablePagination, DataTablePaginationProps } from "./DataTablePagination.mjs";
|
|
5
5
|
import { DataTableBottomSlot, DataTableBottomSlotProps } from "./DataTableBottomSlot.mjs";
|
|
6
|
-
import {
|
|
6
|
+
import { DataTableFeedback } from "./DataTableFeedback.mjs";
|
|
7
7
|
import { DataTableTopSlot, DataTableTopSlotProps } from "./DataTableTopSlot.mjs";
|
|
8
8
|
import { ColumnDef as ColumnDef$1, ExpandedState as ExpandedState$1, PaginationState as PaginationState$1, RowSelectionState as RowSelectionState$1, SortingState as SortingState$1 } from "@tanstack/react-table";
|
|
9
9
|
export { type ColumnDef$1 as ColumnDef, type ExpandedState$1 as ExpandedState, type PaginationState$1 as PaginationState, type RowSelectionState$1 as RowSelectionState, type SortingState$1 as SortingState };
|
|
@@ -16,7 +16,7 @@ import { DataTable, DataTableClassNames, DataTableColumnMeta, DataTableExpansion
|
|
|
16
16
|
import { DataTablePageSize, DataTablePageSizeProps } from "./datatables/DataTablePageSize.mjs";
|
|
17
17
|
import { DataTablePagination, DataTablePaginationProps } from "./datatables/DataTablePagination.mjs";
|
|
18
18
|
import { DataTableBottomSlot, DataTableBottomSlotProps } from "./datatables/DataTableBottomSlot.mjs";
|
|
19
|
-
import {
|
|
19
|
+
import { DataTableFeedback } from "./datatables/DataTableFeedback.mjs";
|
|
20
20
|
import { DataTableTopSlot, DataTableTopSlotProps } from "./datatables/DataTableTopSlot.mjs";
|
|
21
21
|
import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./datatables/index.mjs";
|
|
22
22
|
import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./description-list/DescriptionList.mjs";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ButtonIconProps } from "../../buttons/button-icon/ButtonIcon.mjs";
|
|
1
2
|
import { ReactNode } from "react";
|
|
2
3
|
|
|
3
4
|
//#region src/components/data-display/uploading-files/UploadingFiles.d.ts
|
|
@@ -23,10 +24,13 @@ type UploadingFilesItemErrorClassNames = {
|
|
|
23
24
|
root?: string;
|
|
24
25
|
name?: string;
|
|
25
26
|
message?: string;
|
|
27
|
+
buttonIcon?: ButtonIconProps['classNames'];
|
|
26
28
|
};
|
|
27
29
|
type UploadingFilesItemErrorProps = {
|
|
28
30
|
name: string;
|
|
29
31
|
message: string;
|
|
32
|
+
removeButtonLabel?: string;
|
|
33
|
+
onRemove: () => void;
|
|
30
34
|
classNames?: UploadingFilesItemErrorClassNames;
|
|
31
35
|
};
|
|
32
36
|
declare const UploadingFiles: (({
|
|
@@ -41,6 +45,8 @@ declare const UploadingFiles: (({
|
|
|
41
45
|
ItemError: ({
|
|
42
46
|
name,
|
|
43
47
|
message,
|
|
48
|
+
removeButtonLabel,
|
|
49
|
+
onRemove,
|
|
44
50
|
classNames
|
|
45
51
|
}: UploadingFilesItemErrorProps) => ReactNode;
|
|
46
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadingFiles.d.mts","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"UploadingFiles.d.mts","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"mappings":";;;;KAwBY,wBAAA;EACV,cAAA;EACA,IAAA;AAAA;AAAA,KAGU,mBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,wBAAA;AAAA;AAAA,KAGH,4BAAA;EACV,IAAA;EACA,IAAA;EACA,QAAA;AAAA;AAAA,KAGU,uBAAA;EACV,IAAA;EACA,QAAA;EACA,UAAA,GAAa,4BAAA;AAAA;AAAA,KAGH,iCAAA;EACV,IAAA;EACA,IAAA;EACA,OAAA;EACA,UAAA,GAAa,eAAA;AAAA;AAAA,KAGH,4BAAA;EACV,IAAA;EACA,OAAA;EACA,iBAAA;EACA,QAAA;EACA,UAAA,GAAa,iCAAA;AAAA;AAAA,cAgGF,cAAA;EAAc,QAAA;EAAA;AAAA,GA1FxB,mBAAA,KAAsB,SAAA;;;;;KAetB,uBAAA,KAA0B,SAAA;;;;;;;KAyC1B,4BAAA,KAA+B,SAAA;AAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{ButtonIcon as e}from"../../buttons/button-icon/ButtonIcon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{uploadingFiles as n,uploadingFilesItem as r,uploadingFilesItemErrorButtonIcon as i,uploadingFilesItemErrorButtonIconIcon as a,uploadingFilesItemErrorButtonIconIconRaw as o,uploadingFilesItemErrorButtonIconIconRawRoot as s,uploadingFilesItemErrorButtonIconRoot as c,uploadingFilesItemErrorMessage as l,uploadingFilesItemName as u,uploadingFilesItemProgress as d,uploadingFilesItemProgressFill as f,uploadingFilesItemProgressRing as p,uploadingFilesItemProgressTrack as m,uploadingFilesRoot as h}from"@mage-ui/styled-system/recipes";import{jsx as g,jsxs as _}from"react/jsx-runtime";const v=2*Math.PI*8,y=Object.assign(({children:e,classNames:r})=>g(`ul`,{className:t(r?.uploadingFiles??n(),r?.root??h()),children:e}),{Item:({name:e,progress:t,classNames:n})=>{let i=v*(1-t/100);return _(`li`,{className:n?.root??r(),children:[g(`span`,{className:n?.name??u(),children:e}),_(`span`,{className:n?.progress??d(),children:[_(`svg`,{className:p(),viewBox:`0 0 20 20`,"aria-hidden":`true`,children:[g(`circle`,{className:m(),cx:`10`,cy:`10`,r:8}),g(`circle`,{className:f(),cx:`10`,cy:`10`,r:8,strokeDasharray:v,strokeDashoffset:i})]}),t,`%`]})]})},ItemError:({name:t,message:n,removeButtonLabel:d=`Remove`,onRemove:f,classNames:p})=>_(`li`,{className:p?.root??r(),"data-error":`true`,children:[g(`span`,{className:p?.name??u(),children:t}),g(`span`,{className:p?.message??l(),children:n}),g(e,{label:d,onClick:f,path:`/icons/sprite-mage.svg`,name:`mage-removable-item-button-x`,classNames:{buttonIcon:p?.buttonIcon?.buttonIcon??i(),root:p?.buttonIcon?.root??c(),icon:p?.buttonIcon?.icon??a(),iconRaw:{iconRaw:p?.buttonIcon?.iconRaw?.iconRaw??o(),root:p?.buttonIcon?.iconRaw?.root??s()}}})]})});export{y as UploadingFiles};
|
|
2
2
|
//# sourceMappingURL=UploadingFiles.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UploadingFiles.mjs","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n uploadingFiles,\n uploadingFilesItem,\n uploadingFilesItemErrorMessage,\n uploadingFilesItemName,\n uploadingFilesItemProgress,\n uploadingFilesItemProgressFill,\n uploadingFilesItemProgressRing,\n uploadingFilesItemProgressTrack,\n uploadingFilesRoot,\n} from '@mage-ui/styled-system/recipes';\n\nconst RADIUS = 8;\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n\nexport type UploadingFilesClassNames = {\n uploadingFiles?: string;\n root?: string;\n};\n\nexport type UploadingFilesProps = {\n children: ReactNode;\n classNames?: UploadingFilesClassNames;\n};\n\nexport type UploadingFilesItemClassNames = {\n root?: string;\n name?: string;\n progress?: string;\n};\n\nexport type UploadingFilesItemProps = {\n name: string;\n progress: number;\n classNames?: UploadingFilesItemClassNames;\n};\n\nexport type UploadingFilesItemErrorClassNames = {\n root?: string;\n name?: string;\n message?: string;\n};\n\nexport type UploadingFilesItemErrorProps = {\n name: string;\n message: string;\n classNames?: UploadingFilesItemErrorClassNames;\n};\n\nconst UploadingFilesRoot = ({\n children,\n classNames,\n}: UploadingFilesProps): ReactNode => (\n <ul\n className={cx(\n classNames?.uploadingFiles ?? uploadingFiles(),\n classNames?.root ?? uploadingFilesRoot(),\n )}\n >\n {children}\n </ul>\n);\n\nconst Item = ({\n name,\n progress,\n classNames,\n}: UploadingFilesItemProps): ReactNode => {\n const offset = CIRCUMFERENCE * (1 - progress / 100);\n\n return (\n <li className={classNames?.root ?? uploadingFilesItem()}>\n <span className={classNames?.name ?? uploadingFilesItemName()}>\n {name}\n </span>\n <span className={classNames?.progress ?? uploadingFilesItemProgress()}>\n <svg\n className={uploadingFilesItemProgressRing()}\n viewBox='0 0 20 20'\n aria-hidden='true'\n >\n <circle\n className={uploadingFilesItemProgressTrack()}\n cx='10'\n cy='10'\n r={RADIUS}\n />\n <circle\n className={uploadingFilesItemProgressFill()}\n cx='10'\n cy='10'\n r={RADIUS}\n strokeDasharray={CIRCUMFERENCE}\n strokeDashoffset={offset}\n />\n </svg>\n {progress}%\n </span>\n </li>\n );\n};\n\nconst ItemError = ({\n name,\n message,\n classNames,\n}: UploadingFilesItemErrorProps): ReactNode => (\n <li className={classNames?.root ?? uploadingFilesItem()} data-error='true'>\n <span className={classNames?.name ?? uploadingFilesItemName()}>{name}</span>\n <span className={classNames?.message ?? uploadingFilesItemErrorMessage()}>\n {message}\n </span>\n </li>\n);\n\nexport const UploadingFiles = Object.assign(UploadingFilesRoot, {\n Item,\n ItemError,\n});\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"UploadingFiles.mjs","names":[],"sources":["../../../../src/components/data-display/uploading-files/UploadingFiles.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n uploadingFiles,\n uploadingFilesItem,\n uploadingFilesItemErrorButtonIcon,\n uploadingFilesItemErrorButtonIconIcon,\n uploadingFilesItemErrorButtonIconIconRaw,\n uploadingFilesItemErrorButtonIconIconRawRoot,\n uploadingFilesItemErrorButtonIconRoot,\n uploadingFilesItemErrorMessage,\n uploadingFilesItemName,\n uploadingFilesItemProgress,\n uploadingFilesItemProgressFill,\n uploadingFilesItemProgressRing,\n uploadingFilesItemProgressTrack,\n uploadingFilesRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon, type ButtonIconProps } from '@/components/buttons';\n\nconst RADIUS = 8;\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS;\n\nexport type UploadingFilesClassNames = {\n uploadingFiles?: string;\n root?: string;\n};\n\nexport type UploadingFilesProps = {\n children: ReactNode;\n classNames?: UploadingFilesClassNames;\n};\n\nexport type UploadingFilesItemClassNames = {\n root?: string;\n name?: string;\n progress?: string;\n};\n\nexport type UploadingFilesItemProps = {\n name: string;\n progress: number;\n classNames?: UploadingFilesItemClassNames;\n};\n\nexport type UploadingFilesItemErrorClassNames = {\n root?: string;\n name?: string;\n message?: string;\n buttonIcon?: ButtonIconProps['classNames'];\n};\n\nexport type UploadingFilesItemErrorProps = {\n name: string;\n message: string;\n removeButtonLabel?: string;\n onRemove: () => void;\n classNames?: UploadingFilesItemErrorClassNames;\n};\n\nconst UploadingFilesRoot = ({\n children,\n classNames,\n}: UploadingFilesProps): ReactNode => (\n <ul\n className={cx(\n classNames?.uploadingFiles ?? uploadingFiles(),\n classNames?.root ?? uploadingFilesRoot(),\n )}\n >\n {children}\n </ul>\n);\n\nconst Item = ({\n name,\n progress,\n classNames,\n}: UploadingFilesItemProps): ReactNode => {\n const offset = CIRCUMFERENCE * (1 - progress / 100);\n\n return (\n <li className={classNames?.root ?? uploadingFilesItem()}>\n <span className={classNames?.name ?? uploadingFilesItemName()}>\n {name}\n </span>\n <span className={classNames?.progress ?? uploadingFilesItemProgress()}>\n <svg\n className={uploadingFilesItemProgressRing()}\n viewBox='0 0 20 20'\n aria-hidden='true'\n >\n <circle\n className={uploadingFilesItemProgressTrack()}\n cx='10'\n cy='10'\n r={RADIUS}\n />\n <circle\n className={uploadingFilesItemProgressFill()}\n cx='10'\n cy='10'\n r={RADIUS}\n strokeDasharray={CIRCUMFERENCE}\n strokeDashoffset={offset}\n />\n </svg>\n {progress}%\n </span>\n </li>\n );\n};\n\nconst ItemError = ({\n name,\n message,\n removeButtonLabel = 'Remove',\n onRemove,\n classNames,\n}: UploadingFilesItemErrorProps): ReactNode => (\n <li className={classNames?.root ?? uploadingFilesItem()} data-error='true'>\n <span className={classNames?.name ?? uploadingFilesItemName()}>{name}</span>\n <span className={classNames?.message ?? uploadingFilesItemErrorMessage()}>\n {message}\n </span>\n <ButtonIcon\n label={removeButtonLabel}\n onClick={onRemove}\n path='/icons/sprite-mage.svg'\n name='mage-removable-item-button-x'\n classNames={{\n buttonIcon:\n classNames?.buttonIcon?.buttonIcon ??\n uploadingFilesItemErrorButtonIcon(),\n root:\n classNames?.buttonIcon?.root ??\n uploadingFilesItemErrorButtonIconRoot(),\n icon:\n classNames?.buttonIcon?.icon ??\n uploadingFilesItemErrorButtonIconIcon(),\n iconRaw: {\n iconRaw:\n classNames?.buttonIcon?.iconRaw?.iconRaw ??\n uploadingFilesItemErrorButtonIconIconRaw(),\n root:\n classNames?.buttonIcon?.iconRaw?.root ??\n uploadingFilesItemErrorButtonIconIconRawRoot(),\n },\n }}\n />\n </li>\n);\n\nexport const UploadingFiles = Object.assign(UploadingFilesRoot, {\n Item,\n ItemError,\n});\n"],"mappings":"ksBAqBA,MACM,EAAgB,EAAI,KAAK,GAAK,EAoIvB,EAAiB,OAAO,QA7FT,CAC1B,WACA,gBAEA,EAAC,KAAD,CACE,UAAW,EACT,GAAY,gBAAkB,GAAgB,CAC9C,GAAY,MAAQ,GAAoB,CACzC,CAEA,WACE,CAAA,CAkFyD,CAC9D,MAhFY,CACZ,OACA,WACA,gBACwC,CACxC,IAAM,EAAS,GAAiB,EAAI,EAAW,KAE/C,OACE,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,UAAvD,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAwB,UAC1D,EACI,CAAA,CACP,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAA4B,UAArE,CACE,EAAC,MAAD,CACE,UAAW,GAAgC,CAC3C,QAAQ,YACR,cAAY,gBAHd,CAKE,EAAC,SAAD,CACE,UAAW,GAAiC,CAC5C,GAAG,KACH,GAAG,KACH,EAAG,EACH,CAAA,CACF,EAAC,SAAD,CACE,UAAW,GAAgC,CAC3C,GAAG,KACH,GAAG,KACH,EAAG,EACH,gBAAiB,EACjB,iBAAkB,EAClB,CAAA,CACE,GACL,EAAS,IACL,GACJ,IA8CP,WA1CiB,CACjB,OACA,UACA,oBAAoB,SACpB,WACA,gBAEA,EAAC,KAAD,CAAI,UAAW,GAAY,MAAQ,GAAoB,CAAE,aAAW,gBAApE,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAwB,UAAG,EAAY,CAAA,CAC5E,EAAC,OAAD,CAAM,UAAW,GAAY,SAAW,GAAgC,UACrE,EACI,CAAA,CACP,EAAC,EAAD,CACE,MAAO,EACP,QAAS,EACT,KAAK,yBACL,KAAK,+BACL,WAAY,CACV,WACE,GAAY,YAAY,YACxB,GAAmC,CACrC,KACE,GAAY,YAAY,MACxB,GAAuC,CACzC,KACE,GAAY,YAAY,MACxB,GAAuC,CACzC,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAA0C,CAC5C,KACE,GAAY,YAAY,SAAS,MACjC,GAA8C,CACjD,CACF,CACD,CAAA,CACC,GAMN,CAAC"}
|
|
@@ -24,7 +24,7 @@ import { DataTablePageSize, DataTablePageSizeProps } from "./data-display/datata
|
|
|
24
24
|
import { Pagination, PaginationClassNames, PaginationRootProps } from "./navigations/pagination/Pagination.mjs";
|
|
25
25
|
import { DataTablePagination, DataTablePaginationProps } from "./data-display/datatables/DataTablePagination.mjs";
|
|
26
26
|
import { DataTableBottomSlot, DataTableBottomSlotProps } from "./data-display/datatables/DataTableBottomSlot.mjs";
|
|
27
|
-
import {
|
|
27
|
+
import { DataTableFeedback } from "./data-display/datatables/DataTableFeedback.mjs";
|
|
28
28
|
import { DataTableTopSlot, DataTableTopSlotProps } from "./data-display/datatables/DataTableTopSlot.mjs";
|
|
29
29
|
import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./data-display/datatables/index.mjs";
|
|
30
30
|
import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./data-display/description-list/DescriptionList.mjs";
|
package/dist/index.d.mts
CHANGED
|
@@ -24,7 +24,7 @@ import { DataTablePageSize, DataTablePageSizeProps } from "./components/data-dis
|
|
|
24
24
|
import { Pagination, PaginationClassNames, PaginationRootProps } from "./components/navigations/pagination/Pagination.mjs";
|
|
25
25
|
import { DataTablePagination, DataTablePaginationProps } from "./components/data-display/datatables/DataTablePagination.mjs";
|
|
26
26
|
import { DataTableBottomSlot, DataTableBottomSlotProps } from "./components/data-display/datatables/DataTableBottomSlot.mjs";
|
|
27
|
-
import {
|
|
27
|
+
import { DataTableFeedback } from "./components/data-display/datatables/DataTableFeedback.mjs";
|
|
28
28
|
import { DataTableTopSlot, DataTableTopSlotProps } from "./components/data-display/datatables/DataTableTopSlot.mjs";
|
|
29
29
|
import { ColumnDef, ExpandedState, PaginationState, RowSelectionState, SortingState } from "./components/data-display/datatables/index.mjs";
|
|
30
30
|
import { DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps } from "./components/data-display/description-list/DescriptionList.mjs";
|
|
@@ -85,4 +85,4 @@ import { Modals } from "./components/overlays/modal/index.mjs";
|
|
|
85
85
|
import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./components/overlays/toast/Toast.mjs";
|
|
86
86
|
import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
|
|
87
87
|
import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
|
|
88
|
-
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue,
|
|
88
|
+
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, useDataTableContext, usePasswordRules, z };
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{
|
|
1
|
+
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as O}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadingFiles as U}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as W}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as G}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as K}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as q}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as J}from"./components/overlays/modal/Modal.mjs";import{Modals as Y}from"./components/overlays/modal/index.mjs";import{Toast as X}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as Z}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as Q}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as $}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as ee}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as te}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as ne}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as re}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ie}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ae}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as oe}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as se}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ce}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as le}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ue}from"./components/controls/switch/Switch.mjs";import{Textarea as de}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as fe}from"./components/forms/rules/password-rules.mjs";import{z as pe}from"./components/forms/rules/zod.mjs";import{Form as me}from"./components/forms/Form.mjs";import{Card as he,CardBase as ge,CardBody as _e,CardFooter as ve,CardHeader as ye,CardRoot as be}from"./components/layouts/card/Card.mjs";import{FluidGrid as xe}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Se}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Ce}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as we}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as Te}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Ee}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as De}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,$ as Autocomplete,a as Avatar,q as AvatarDropzone,Z as AvatarUpload,o as Badge,Ce as Breadcrumbs,e as Button,n as ButtonAction,W as ButtonIcon,G as ButtonIconVisual,r as ButtonLoader,K as ButtonVisual,c as Calendar,he as Card,ge as CardBase,_e as CardBody,ve as CardFooter,ye as CardHeader,be as CardRoot,_ as Checkbox,ee as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableFeedback,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,Q as DatePicker,A as DescriptionList,te as Dropzone,ne as DropzoneFiles,re as FileInput,ie as FileInputMultiple,xe as FluidGrid,me as Form,Se as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,De as MageUiProvider,we as Menu,J as Modal,Y as Modals,Te as NavigationMenu,L as NotificationBanner,fe as PASSWORD_RULES,T as Pagination,ae as PasswordInput,oe as PasswordStrengthInput,ce as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ee as Sidebar,ue as Switch,le as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,de as Textarea,X as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,U as UploadingFiles,l as Virtual,t as VisuallyHidden,g as useDataTableContext,se as usePasswordRules,pe as z};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.123",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"rimraf": "^6.1.3",
|
|
26
26
|
"tsdown": "^0.21.4",
|
|
27
27
|
"typescript": "^5.9.3",
|
|
28
|
-
"@mage-ui/
|
|
29
|
-
"@mage-ui/
|
|
28
|
+
"@mage-ui/preset": "1.0.123",
|
|
29
|
+
"@mage-ui/styled-system": "1.0.8"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@dnd-kit/core": "^6.3.1",
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
2
|
-
|
|
3
|
-
//#region src/components/data-display/datatables/DataTableErrorState.d.ts
|
|
4
|
-
type DataTableErrorStateProps = {
|
|
5
|
-
className?: string;
|
|
6
|
-
errorMessage?: string;
|
|
7
|
-
};
|
|
8
|
-
declare const DataTableErrorState: ({
|
|
9
|
-
className,
|
|
10
|
-
errorMessage
|
|
11
|
-
}: DataTableErrorStateProps) => ReactNode;
|
|
12
|
-
//#endregion
|
|
13
|
-
export { DataTableErrorState };
|
|
14
|
-
//# sourceMappingURL=DataTableErrorState.d.mts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableErrorState.d.mts","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableErrorState.tsx"],"mappings":";;;KAIK,wBAAA;EACH,SAAA;EACA,YAAA;AAAA;AAAA,cAGW,mBAAA;EAAuB,SAAA;EAAA;AAAA,GAGjC,wBAAA,KAA2B,SAAA"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{css as e}from"@mage-ui/styled-system/css";import{jsx as t}from"react/jsx-runtime";const n=({className:n,errorMessage:r=`Error al cargar los datos. Por favor, reintenta más tarde.`})=>t(`div`,{className:n??e({color:`red.500`,textAlign:`center`,padding:`4`}),children:r});export{n as DataTableErrorState};
|
|
2
|
-
//# sourceMappingURL=DataTableErrorState.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableErrorState.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableErrorState.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { css } from '@mage-ui/styled-system/css';\n\ntype DataTableErrorStateProps = {\n className?: string;\n errorMessage?: string;\n};\n\nexport const DataTableErrorState = ({\n className,\n errorMessage = 'Error al cargar los datos. Por favor, reintenta más tarde.',\n}: DataTableErrorStateProps): ReactNode => {\n return (\n <div\n className={\n className ??\n css({\n color: 'red.500',\n textAlign: 'center',\n padding: '4',\n })\n }\n >\n {errorMessage}\n </div>\n );\n};\n"],"mappings":"yFASA,MAAa,GAAuB,CAClC,YACA,eAAe,gEAGb,EAAC,MAAD,CACE,UACE,GACA,EAAI,CACF,MAAO,UACP,UAAW,SACX,QAAS,IACV,CAAC,UAGH,EACG,CAAA"}
|