@pautena/react-design-system 0.14.8 → 0.16.0
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/README.md +2 -2
- package/action/action-header.d.ts +1 -1
- package/action/action.d.ts +1 -1
- package/action/cjs/index.js +1 -1
- package/action/cjs/index.js.map +1 -1
- package/action/cjs/package.json +3 -4
- package/action/index.js +1 -1
- package/action/index.js.map +1 -1
- package/action/package.json +3 -4
- package/autocomplete/autocomplete.d.ts +1 -1
- package/autocomplete/cjs/index.js +1 -1
- package/autocomplete/cjs/index.js.map +1 -1
- package/autocomplete/cjs/package.json +2 -2
- package/autocomplete/index.js +1 -1
- package/autocomplete/index.js.map +1 -1
- package/autocomplete/package.json +2 -2
- package/board/board.d.ts +2 -3
- package/board/cjs/index.js +1 -1
- package/board/cjs/index.js.map +1 -1
- package/board/cjs/package.json +3 -4
- package/board/index.js +1 -1
- package/board/index.js.map +1 -1
- package/board/package.json +3 -4
- package/bootstrap-dialog/bootstrap-dialog.d.ts +1 -1
- package/bootstrap-dialog/cjs/index.js +1 -1
- package/bootstrap-dialog/cjs/index.js.map +1 -1
- package/bootstrap-dialog/cjs/package.json +3 -4
- package/bootstrap-dialog/index.js +1 -1
- package/bootstrap-dialog/index.js.map +1 -1
- package/bootstrap-dialog/package.json +3 -4
- package/bullet/bullet.d.ts +1 -1
- package/bullet/cjs/index.js +1 -1
- package/bullet/cjs/index.js.map +1 -1
- package/bullet/cjs/package.json +2 -2
- package/bullet/package.json +2 -2
- package/center-container/center-container.d.ts +1 -1
- package/center-container/cjs/index.js +1 -1
- package/center-container/cjs/index.js.map +1 -1
- package/center-container/cjs/package.json +2 -2
- package/center-container/package.json +2 -2
- package/cjs/index.js +1 -23
- package/cjs/index.js.map +1 -1
- package/confirm-dialog/cjs/index.js +1 -1
- package/confirm-dialog/cjs/index.js.map +1 -1
- package/confirm-dialog/cjs/package.json +3 -4
- package/confirm-dialog/confirm-dialog.d.ts +1 -1
- package/confirm-dialog/index.js +1 -1
- package/confirm-dialog/index.js.map +1 -1
- package/confirm-dialog/package.json +3 -4
- package/content/cjs/index.js +1 -1
- package/content/cjs/index.js.map +1 -1
- package/content/cjs/package.json +2 -2
- package/content/content.d.ts +1 -1
- package/content/package.json +2 -2
- package/content-placeholder/cjs/index.js +1 -1
- package/content-placeholder/cjs/index.js.map +1 -1
- package/content-placeholder/cjs/package.json +2 -2
- package/content-placeholder/content-placeholder.d.ts +1 -1
- package/content-placeholder/package.json +2 -2
- package/date-range-calendar/cjs/index.js +1 -1
- package/date-range-calendar/cjs/index.js.map +1 -1
- package/date-range-calendar/cjs/package.json +4 -4
- package/date-range-calendar/date-range-calendar.d.ts +1 -1
- package/date-range-calendar/index.js +1 -1
- package/date-range-calendar/index.js.map +1 -1
- package/date-range-calendar/package.json +4 -4
- package/date-range-picker/cjs/index.js +1 -1
- package/date-range-picker/cjs/index.js.map +1 -1
- package/date-range-picker/cjs/package.json +5 -5
- package/date-range-picker/date-range-picker.d.ts +1 -1
- package/date-range-picker/index.js +1 -1
- package/date-range-picker/index.js.map +1 -1
- package/date-range-picker/package.json +5 -5
- package/dialog/cjs/index.js +1 -1
- package/dialog/cjs/index.js.map +1 -1
- package/dialog/cjs/package.json +1 -1
- package/dialog/package.json +1 -1
- package/dialog/use-dialog.d.ts +0 -1
- package/drawer/cjs/index.js +1 -1
- package/drawer/cjs/index.js.map +1 -1
- package/drawer/cjs/package.json +3 -3
- package/drawer/drawer.d.ts +0 -1
- package/drawer/index.js.map +1 -1
- package/drawer/package.json +3 -3
- package/drawer-app-bar/cjs/index.js +1 -1
- package/drawer-app-bar/cjs/index.js.map +1 -1
- package/drawer-app-bar/cjs/package.json +3 -3
- package/drawer-app-bar/drawer-app-bar.d.ts +1 -1
- package/drawer-app-bar/index.js.map +1 -1
- package/drawer-app-bar/package.json +3 -3
- package/drawer-content/cjs/index.js +1 -1
- package/drawer-content/cjs/index.js.map +1 -1
- package/drawer-content/cjs/package.json +3 -4
- package/drawer-content/index.js +1 -1
- package/drawer-content/index.js.map +1 -1
- package/drawer-content/package.json +3 -4
- package/drawer-item/cjs/index.js +1 -1
- package/drawer-item/cjs/index.js.map +1 -1
- package/drawer-item/cjs/package.json +3 -4
- package/drawer-item/drawer-item-link.d.ts +1 -1
- package/drawer-item/drawer-item.d.ts +1 -1
- package/drawer-item/drawer-menu-item.d.ts +1 -1
- package/drawer-item/index.js +1 -1
- package/drawer-item/index.js.map +1 -1
- package/drawer-item/package.json +3 -4
- package/drawer-layout/cjs/index.js +1 -1
- package/drawer-layout/cjs/index.js.map +1 -1
- package/drawer-layout/cjs/package.json +3 -3
- package/drawer-layout/drawer-layout.d.ts +1 -1
- package/drawer-layout/index.js.map +1 -1
- package/drawer-layout/package.json +3 -3
- package/drawer-main/cjs/index.js +1 -1
- package/drawer-main/cjs/index.js.map +1 -1
- package/drawer-main/cjs/package.json +3 -3
- package/drawer-main/drawer-main.d.ts +1 -1
- package/drawer-main/index.js.map +1 -1
- package/drawer-main/package.json +3 -3
- package/drawer-provider/cjs/index.js +1 -1
- package/drawer-provider/cjs/index.js.map +1 -1
- package/drawer-provider/cjs/package.json +3 -3
- package/drawer-provider/drawer-context.d.ts +0 -1
- package/drawer-provider/drawer.provider.d.ts +1 -1
- package/drawer-provider/index.js.map +1 -1
- package/drawer-provider/package.json +3 -3
- package/drawer-section/cjs/index.js +1 -1
- package/drawer-section/cjs/index.js.map +1 -1
- package/drawer-section/cjs/package.json +3 -4
- package/drawer-section/drawer-section.d.ts +1 -1
- package/drawer-section/index.js +1 -1
- package/drawer-section/index.js.map +1 -1
- package/drawer-section/package.json +3 -4
- package/drawer-subheader/cjs/index.js +1 -1
- package/drawer-subheader/cjs/index.js.map +1 -1
- package/drawer-subheader/cjs/package.json +1 -1
- package/drawer-subheader/drawer-subheader.d.ts +1 -12
- package/drawer-subheader/package.json +1 -1
- package/enhanced-remote-table/cjs/index.js +1 -23
- package/enhanced-remote-table/cjs/index.js.map +1 -1
- package/enhanced-remote-table/cjs/package.json +3 -3
- package/enhanced-remote-table/enhanced-remote-table.d.ts +1 -1
- package/enhanced-remote-table/enhanced-remote-table.mock.d.ts +1 -1
- package/enhanced-remote-table/index.js +1 -23
- package/enhanced-remote-table/index.js.map +1 -1
- package/enhanced-remote-table/package.json +3 -3
- package/enhanced-table/cjs/index.js +1 -23
- package/enhanced-table/cjs/index.js.map +1 -1
- package/enhanced-table/cjs/package.json +3 -3
- package/enhanced-table/enhanced-table-head.d.ts +1 -1
- package/enhanced-table/enhanced-table.d.ts +1 -1
- package/enhanced-table/enhanced-table.mock.d.ts +1 -1
- package/enhanced-table/index.js +1 -23
- package/enhanced-table/index.js.map +1 -1
- package/enhanced-table/package.json +3 -3
- package/expandable-alert/cjs/index.js +1 -1
- package/expandable-alert/cjs/index.js.map +1 -1
- package/expandable-alert/cjs/package.json +3 -4
- package/expandable-alert/index.js +1 -1
- package/expandable-alert/index.js.map +1 -1
- package/expandable-alert/package.json +3 -4
- package/form-dialog/cjs/index.js +1 -1
- package/form-dialog/cjs/index.js.map +1 -1
- package/form-dialog/cjs/package.json +3 -4
- package/form-dialog/form-dialog.d.ts +1 -1
- package/form-dialog/index.js +1 -1
- package/form-dialog/index.js.map +1 -1
- package/form-dialog/package.json +3 -4
- package/generators/cjs/index.js +1 -1
- package/generators/cjs/index.js.map +1 -1
- package/generators/index.js.map +1 -1
- package/group-value-card/cjs/index.js +1 -1
- package/group-value-card/cjs/index.js.map +1 -1
- package/group-value-card/cjs/package.json +2 -2
- package/group-value-card/group-value-card.d.ts +1 -1
- package/group-value-card/group-value-card.mock.d.ts +2 -2
- package/group-value-card/index.js.map +1 -1
- package/group-value-card/package.json +2 -2
- package/header/cjs/index.js +1 -1
- package/header/cjs/index.js.map +1 -1
- package/header/cjs/package.json +2 -3
- package/header/header-title.d.ts +2 -2
- package/header/index.js +1 -1
- package/header/index.js.map +1 -1
- package/header/package.json +2 -3
- package/header-layout/cjs/index.js +1 -1
- package/header-layout/cjs/index.js.map +1 -1
- package/header-layout/cjs/package.json +3 -3
- package/header-layout/header-layout.d.ts +1 -1
- package/header-layout/index.js.map +1 -1
- package/header-layout/package.json +3 -3
- package/index.d.ts +0 -2
- package/index.js +1 -23
- package/index.js.map +1 -1
- package/label/cjs/index.js +1 -1
- package/label/cjs/index.js.map +1 -1
- package/label/cjs/package.json +2 -2
- package/label/index.js.map +1 -1
- package/label/label.d.ts +1 -1
- package/label/package.json +2 -2
- package/link-card/cjs/index.js +1 -1
- package/link-card/cjs/index.js.map +1 -1
- package/link-card/cjs/package.json +2 -3
- package/link-card/index.js +1 -1
- package/link-card/index.js.map +1 -1
- package/link-card/link-card.d.ts +1 -1
- package/link-card/package.json +2 -3
- package/list-panel/cjs/index.js +1 -1
- package/list-panel/cjs/index.js.map +1 -1
- package/list-panel/cjs/package.json +2 -3
- package/list-panel/index.js +1 -1
- package/list-panel/index.js.map +1 -1
- package/list-panel/list-panel-panel.d.ts +1 -1
- package/list-panel/list-panel.context.d.ts +0 -1
- package/list-panel/list-panel.d.ts +1 -1
- package/list-panel/list-panel.mocks.d.ts +1 -1
- package/list-panel/package.json +2 -3
- package/loading-area/cjs/index.js +1 -1
- package/loading-area/cjs/index.js.map +1 -1
- package/loading-area/cjs/package.json +2 -2
- package/loading-area/loading-area.d.ts +1 -1
- package/loading-area/package.json +2 -2
- package/markdown/cjs/index.js +1 -1
- package/markdown/cjs/index.js.map +1 -1
- package/markdown/cjs/package.json +1 -3
- package/markdown/index.js +1 -1
- package/markdown/index.js.map +1 -1
- package/markdown/markdown.d.ts +45 -7
- package/markdown/package.json +1 -3
- package/model-form/cjs/index.js +1 -1
- package/model-form/cjs/index.js.map +1 -1
- package/model-form/cjs/package.json +3 -3
- package/model-form/index.js.map +1 -1
- package/model-form/model-form-field.d.ts +1 -1
- package/model-form/model-form.d.ts +1 -1
- package/model-form/package.json +3 -3
- package/notification-center/cjs/index.js +1 -1
- package/notification-center/cjs/index.js.map +1 -1
- package/notification-center/cjs/package.json +2 -2
- package/notification-center/index.js +1 -1
- package/notification-center/index.js.map +1 -1
- package/notification-center/notification-center.context.d.ts +0 -1
- package/notification-center/notification-center.provider.d.ts +1 -1
- package/notification-center/package.json +2 -2
- package/object-details/cjs/index.js +1 -1
- package/object-details/cjs/index.js.map +1 -1
- package/object-details/cjs/package.json +6 -6
- package/object-details/index.js.map +1 -1
- package/object-details/object-details.d.ts +1 -1
- package/object-details/package.json +6 -6
- package/package.json +23 -33
- package/placeholder/cjs/index.js +1 -1
- package/placeholder/cjs/index.js.map +1 -1
- package/placeholder/cjs/package.json +2 -2
- package/placeholder/package.json +2 -2
- package/placeholder/placeholder.d.ts +1 -1
- package/query-container/cjs/index.js +1 -1
- package/query-container/cjs/index.js.map +1 -1
- package/query-container/cjs/package.json +2 -2
- package/query-container/index.js.map +1 -1
- package/query-container/package.json +2 -2
- package/query-container/query-container.d.ts +1 -1
- package/search-input/cjs/index.js +1 -1
- package/search-input/cjs/index.js.map +1 -1
- package/search-input/cjs/package.json +4 -4
- package/search-input/index.js.map +1 -1
- package/search-input/package.json +4 -4
- package/search-input/search-input.d.ts +1 -1
- package/select/cjs/index.js +1 -1
- package/select/cjs/index.js.map +1 -1
- package/select/cjs/package.json +2 -2
- package/select/index.js.map +1 -1
- package/select/package.json +2 -2
- package/select/select.d.ts +1 -1
- package/sign-in/cjs/index.js +1 -1
- package/sign-in/cjs/index.js.map +1 -1
- package/sign-in/cjs/package.json +2 -3
- package/sign-in/index.js +1 -1
- package/sign-in/index.js.map +1 -1
- package/sign-in/package.json +2 -3
- package/sign-in/sign-in.d.ts +1 -1
- package/skeleton-card/cjs/index.js +1 -1
- package/skeleton-card/cjs/index.js.map +1 -1
- package/skeleton-card/cjs/package.json +2 -2
- package/skeleton-card/package.json +2 -2
- package/skeleton-card/skeleton-card.d.ts +1 -1
- package/skeleton-grid/cjs/index.js +1 -1
- package/skeleton-grid/cjs/index.js.map +1 -1
- package/skeleton-grid/cjs/package.json +2 -2
- package/skeleton-grid/package.json +2 -2
- package/skeleton-grid/skeleton-grid.d.ts +1 -1
- package/tab-card/cjs/index.js +1 -1
- package/tab-card/cjs/index.js.map +1 -1
- package/tab-card/cjs/package.json +2 -2
- package/tab-card/index.js.map +1 -1
- package/tab-card/package.json +2 -2
- package/tab-card/tab-card-panel.d.ts +1 -1
- package/tab-card/tab-card.d.ts +1 -1
- package/tab-card/tab-card.dummy.d.ts +2 -2
- package/tab-panel/cjs/index.js +1 -1
- package/tab-panel/cjs/index.js.map +1 -1
- package/tab-panel/cjs/package.json +2 -2
- package/tab-panel/package.json +2 -2
- package/tab-panel/tab-panel.d.ts +1 -2
- package/tab-provider/cjs/index.js +1 -1
- package/tab-provider/cjs/index.js.map +1 -1
- package/tab-provider/cjs/package.json +1 -1
- package/tab-provider/package.json +1 -1
- package/tab-provider/tab-provider.provider.d.ts +1 -1
- package/table-list/cjs/index.js +1 -23
- package/table-list/cjs/index.js.map +1 -1
- package/table-list/cjs/package.json +3 -3
- package/table-list/index.js +1 -23
- package/table-list/index.js.map +1 -1
- package/table-list/package.json +3 -3
- package/table-list/table-list.d.ts +1 -1
- package/text-field/cjs/index.js +1 -1
- package/text-field/cjs/index.js.map +1 -1
- package/text-field/cjs/package.json +2 -2
- package/text-field/index.js +1 -1
- package/text-field/index.js.map +1 -1
- package/text-field/package.json +2 -2
- package/text-field/text-field.d.ts +1 -1
- package/utils/cjs/index.js +1 -1
- package/utils/cjs/index.js.map +1 -1
- package/utils/cjs/package.json +1 -1
- package/utils/index.js.map +1 -1
- package/utils/package.json +1 -1
- package/utils/theme.d.ts +2 -2
- package/value-base/cjs/index.js +1 -1
- package/value-base/cjs/index.js.map +1 -1
- package/value-base/cjs/package.json +3 -3
- package/value-base/index.js.map +1 -1
- package/value-base/package.json +3 -3
- package/value-base/value-edit.d.ts +3 -4
- package/value-boolean/cjs/index.js +1 -1
- package/value-boolean/cjs/index.js.map +1 -1
- package/value-boolean/cjs/package.json +3 -3
- package/value-boolean/index.js.map +1 -1
- package/value-boolean/package.json +3 -3
- package/value-boolean/value-boolean.d.ts +1 -1
- package/value-card/cjs/index.js +1 -1
- package/value-card/cjs/index.js.map +1 -1
- package/value-card/cjs/package.json +2 -2
- package/value-card/package.json +2 -2
- package/value-card/value-card.d.ts +1 -1
- package/value-content/cjs/index.js +1 -1
- package/value-content/cjs/index.js.map +1 -1
- package/value-content/cjs/package.json +2 -2
- package/value-content/index.js.map +1 -1
- package/value-content/package.json +2 -2
- package/value-content/value-content.d.ts +1 -2
- package/value-datetime/cjs/index.js +1 -1
- package/value-datetime/cjs/index.js.map +1 -1
- package/value-datetime/cjs/package.json +5 -5
- package/value-datetime/index.js.map +1 -1
- package/value-datetime/package.json +5 -5
- package/value-datetime/value-datetime.d.ts +1 -1
- package/value-image/cjs/index.js +1 -1
- package/value-image/cjs/index.js.map +1 -1
- package/value-image/cjs/package.json +2 -2
- package/value-image/index.js.map +1 -1
- package/value-image/package.json +2 -2
- package/value-image/value-image.d.ts +1 -1
- package/value-item/cjs/index.js +1 -1
- package/value-item/cjs/index.js.map +1 -1
- package/value-item/cjs/package.json +2 -2
- package/value-item/index.js.map +1 -1
- package/value-item/package.json +2 -2
- package/value-label/cjs/index.js +1 -1
- package/value-label/cjs/index.js.map +1 -1
- package/value-label/cjs/package.json +3 -3
- package/value-label/index.js +1 -1
- package/value-label/index.js.map +1 -1
- package/value-label/package.json +3 -3
- package/value-label/value-label.d.ts +1 -1
- package/value-rating/cjs/index.js +1 -1
- package/value-rating/cjs/index.js.map +1 -1
- package/value-rating/cjs/package.json +3 -3
- package/value-rating/index.js +1 -1
- package/value-rating/index.js.map +1 -1
- package/value-rating/package.json +3 -3
- package/value-rating/value-rating.d.ts +1 -1
- package/value-text/cjs/index.js +1 -1
- package/value-text/cjs/index.js.map +1 -1
- package/value-text/cjs/package.json +3 -3
- package/value-text/index.js.map +1 -1
- package/value-text/package.json +3 -3
- package/value-text/value-text.d.ts +1 -1
- package/hooks/cjs/index.js +0 -2
- package/hooks/cjs/index.js.map +0 -1
- package/hooks/cjs/package.json +0 -11
- package/hooks/index.d.ts +0 -1
- package/hooks/index.js +0 -2
- package/hooks/index.js.map +0 -1
- package/hooks/package.json +0 -11
- package/hooks/routing/index.d.ts +0 -1
- package/hooks/routing/routing.hooks.d.ts +0 -6
- package/link/cjs/index.js +0 -2
- package/link/cjs/index.js.map +0 -1
- package/link/cjs/package.json +0 -12
- package/link/index.d.ts +0 -1
- package/link/index.js +0 -2
- package/link/index.js.map +0 -1
- package/link/link.d.ts +0 -7
- package/link/package.json +0 -12
- package/lorem-ipsum-placeholder/cjs/index.js +0 -2
- package/lorem-ipsum-placeholder/cjs/index.js.map +0 -1
- package/lorem-ipsum-placeholder/cjs/package.json +0 -12
- package/lorem-ipsum-placeholder/index.d.ts +0 -1
- package/lorem-ipsum-placeholder/index.js +0 -2
- package/lorem-ipsum-placeholder/index.js.map +0 -1
- package/lorem-ipsum-placeholder/lorem-ipsum-placeholder.d.ts +0 -8
- package/lorem-ipsum-placeholder/package.json +0 -12
- package/model-router/cjs/index.js +0 -24
- package/model-router/cjs/index.js.map +0 -1
- package/model-router/cjs/package.json +0 -16
- package/model-router/index.d.ts +0 -2
- package/model-router/index.js +0 -24
- package/model-router/index.js.map +0 -1
- package/model-router/model-router.d.ts +0 -4
- package/model-router/model-router.types.d.ts +0 -9
- package/model-router/package.json +0 -16
- package/model-router/screens/add-screen.d.ts +0 -16
- package/model-router/screens/details-screen.d.ts +0 -20
- package/model-router/screens/index.d.ts +0 -4
- package/model-router/screens/list-screen.d.ts +0 -30
- package/model-router/screens/screens.types.d.ts +0 -31
- package/model-router/screens/update-screen.d.ts +0 -29
- package/model-router/stories/templates.d.ts +0 -21
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),r=require("@mui/material/Grid");require("@mui/material");var a=require("@mui/material/Box"),e=require("@mui/material/Skeleton");const t=(i,r)=>new Array(i).fill(r),n=({width:r="100%",animation:t=!1})=>i.jsxs(a,{width:r,children:[i.jsx(e,{animation:t,variant:"rectangular",height:118}),i.jsx(e,{animation:t,variant:"rectangular",height:16,sx:{my:1}}),i.jsx(e,{animation:t,variant:"rectangular",width:"80%",height:16})]});exports.SkeletonGrid=({size:a=20})=>i.jsx(r,{container:!0,spacing:2,children:t(a,0).map(((a,e)=>i.jsx(r,{item:!0,xs:4,children:i.jsx(n,{width:1})},e)))});
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/utils/arrays.ts","../../../src/skeleton-card/skeleton-card.tsx","../../../src/skeleton-grid/skeleton-grid.tsx"],"sourcesContent":["export const newArrayWithSize = <T>(size: number, fillValue: T) => new Array(size).fill(fillValue);\n\nexport const getRandomItem = <T>(items: T[]): { index: number; item: T } => {\n const index = Math.floor(Math.random() * items.length);\n const item = items[index];\n return { index, item };\n};\n","import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\nexport interface SkeletonCardProps {\n width?: number | string;\n animation?: \"pulse\" | \"wave\" | false;\n}\n\nexport const SkeletonCard = ({ width = \"100%\", animation = false }: SkeletonCardProps) => {\n return (\n <Box width={width}>\n <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n <Skeleton animation={animation} variant=\"rectangular\" height={16} sx={{ my: 1 }} />\n <Skeleton animation={animation} variant=\"rectangular\" width=\"80%\" height={16} />\n </Box>\n );\n};\n","import Grid from \"@mui/material/Grid\";\nimport { newArrayWithSize } from \"../utils\";\nimport { SkeletonCard } from \"../skeleton-card\";\n\nexport interface SkeletonGridProps {\n size?: number;\n}\n\nexport const SkeletonGrid = ({ size = 20 }: SkeletonGridProps) => {\n return (\n <Grid container spacing={2}>\n {newArrayWithSize(size, 0).map((_, i) => (\n <Grid item key={i} xs={4}>\n <SkeletonCard width={1} />\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":["newArrayWithSize","size","fillValue","Array","fill","SkeletonCard","width","animation","_jsxs","jsxs","Box","children","_jsx","Skeleton","variant","height","sx","my","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/utils/arrays.ts","../../../src/skeleton-card/skeleton-card.tsx","../../../src/skeleton-grid/skeleton-grid.tsx"],"sourcesContent":["export const newArrayWithSize = <T>(size: number, fillValue: T) => new Array(size).fill(fillValue);\n\nexport const getRandomItem = <T>(items: T[]): { index: number; item: T } => {\n const index = Math.floor(Math.random() * items.length);\n const item = items[index];\n return { index, item };\n};\n","import Box from \"@mui/material/Box\";\nimport Skeleton from \"@mui/material/Skeleton\";\n\nexport interface SkeletonCardProps {\n width?: number | string;\n animation?: \"pulse\" | \"wave\" | false;\n}\n\nexport const SkeletonCard = ({ width = \"100%\", animation = false }: SkeletonCardProps) => {\n return (\n <Box width={width}>\n <Skeleton animation={animation} variant=\"rectangular\" height={118} />\n <Skeleton animation={animation} variant=\"rectangular\" height={16} sx={{ my: 1 }} />\n <Skeleton animation={animation} variant=\"rectangular\" width=\"80%\" height={16} />\n </Box>\n );\n};\n","import Grid from \"@mui/material/Grid\";\nimport { newArrayWithSize } from \"../utils\";\nimport { SkeletonCard } from \"../skeleton-card\";\n\nexport interface SkeletonGridProps {\n size?: number;\n}\n\nexport const SkeletonGrid = ({ size = 20 }: SkeletonGridProps) => {\n return (\n <Grid container spacing={2}>\n {newArrayWithSize(size, 0).map((_, i) => (\n <Grid item key={i} xs={4}>\n <SkeletonCard width={1} />\n </Grid>\n ))}\n </Grid>\n );\n};\n"],"names":["newArrayWithSize","size","fillValue","Array","fill","SkeletonCard","width","animation","_jsxs","jsxs","Box","children","_jsx","Skeleton","variant","height","sx","my","Grid","container","spacing","map","_","i","item","xs","jsx"],"mappings":"gLAAO,MAAMA,EAAmB,CAAIC,EAAcC,IAAiB,IAAIC,MAAMF,GAAMG,KAAKF,GCQ3EG,EAAe,EAAGC,QAAQ,OAAQC,aAAY,KAEvDC,EAAAC,KAACC,EAAG,CAACJ,MAAOA,EACVK,SAAA,CAAAC,MAACC,EAAQ,CAACN,UAAWA,EAAWO,QAAQ,cAAcC,OAAQ,MAC9DH,MAACC,EAAQ,CAACN,UAAWA,EAAWO,QAAQ,cAAcC,OAAQ,GAAIC,GAAI,CAAEC,GAAI,KAC5EL,EAAAA,IAACC,EAAS,CAAAN,UAAWA,EAAWO,QAAQ,cAAcR,MAAM,MAAMS,OAAQ,6BCLpD,EAAGd,OAAO,MAElCW,EAAAA,IAACM,EAAI,CAACC,WAAU,EAAAC,QAAS,EACtBT,SAAAX,EAAiBC,EAAM,GAAGoB,KAAI,CAACC,EAAGC,IACjCX,EAAAA,IAACM,EAAK,CAAAM,QAAaC,GAAI,EAACd,SACtBC,EAACc,IAAArB,GAAaC,MAAO,KADPiB"}
|
package/tab-card/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Paper"),i=require("@mui/material/Tabs"),a=require("@mui/material/Tab"),n=require("@mui/material/Box"),l=require("react"),o=require("@mui/material");const s=l.createContext([0,()=>null]),c=s.Provider,u=t.styled((t=>e.jsx(i,{...t,TabIndicatorProps:{children:e.jsx("span",{className:"MuiTabs-indicatorSpan"})}})))((({theme:e})=>({minHeight:e.spacing(5),"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,width:"100%",backgroundColor:e.palette.primary.main}}))),d=t.styled(a)((({theme:e})=>({textTransform:"none",fontWeight:e.typography.fontWeightRegular,marginRight:e.spacing(1),color:e.palette.text.secondary,paddingTop:0,paddingBottom:0,minHeight:e.spacing(5),"&.Mui-selected":{color:e.palette.text.secondary,fontWeight:e.typography.fontWeightBold}})));exports.TabCard=({children:t,tabs:i,initialTab:a=0,onChangeTab:s=(()=>null)})=>{const h=(({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:r}=o.useTheme();return"light"===r.mode?r.grey[e]:r.grey[t]})(),[g,m]=l.useState(a);return e.jsx(c,{value:[g,m],children:e.jsxs(r,{variant:"outlined",children:[e.jsx(n,{bgcolor:h,children:e.jsx(u,{value:g,onChange:(e,t)=>{m(t),s(i[t],t)},children:i.map((({text:t,icon:r})=>e.jsx(d,{iconPosition:"start",disableRipple:!0,label:t,icon:r},t)))})}),t]})})},exports.TabCardPanel=({index:t,children:r,sx:i})=>{const[a]=l.useContext(s);let o=a===t;return Array.isArray(t)&&(o=t.includes(a)),o?e.jsx(n,{sx:i,children:r}):null};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/tab-card/tab-card.context.tsx","../../../src/tab-card/tab-card.tsx","../../../src/utils/theme.ts","../../../src/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n","import { styled } from \"@mui/material/styles\";\nimport Paper from \"@mui/material/Paper\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Box from \"@mui/material/Box\";\nimport { PropsWithChildren, ReactElement, SyntheticEvent, useState } from \"react\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\nexport interface TabData {\n text: string;\n icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n children?: React.ReactNode;\n value: number;\n onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n <Tabs {...props} TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }} />\n))(({ theme }) => ({\n minHeight: theme.spacing(5),\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n },\n \"& .MuiTabs-indicatorSpan\": {\n maxWidth: 40,\n width: \"100%\",\n backgroundColor: theme.palette.primary.main,\n },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n textTransform: \"none\",\n fontWeight: theme.typography.fontWeightRegular,\n marginRight: theme.spacing(1),\n color: theme.palette.text.secondary,\n paddingTop: 0,\n paddingBottom: 0,\n minHeight: theme.spacing(5),\n \"&.Mui-selected\": {\n color: theme.palette.text.secondary,\n fontWeight: theme.typography.fontWeightBold,\n },\n}));\n\nexport type TabCardProps = PropsWithChildren<{\n tabs: TabData[];\n initialTab?: number;\n onChangeTab?: (tab: TabData, index: number) => void;\n}>;\n\nexport const TabCard = ({\n children,\n tabs,\n initialTab = 0,\n onChangeTab = () => null,\n}: TabCardProps) => {\n const bgColor = useGetDefaultThemeColor();\n const [selectedTab, setSelectedTab] = useState(initialTab);\n\n const handleChangeTab = (_: SyntheticEvent<Element, Event>, index: number) => {\n setSelectedTab(index);\n onChangeTab(tabs[index], index);\n };\n\n return (\n <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n <Paper variant=\"outlined\">\n <Box bgcolor={bgColor}>\n <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n {tabs.map(({ text, icon }) => (\n <StyledTab iconPosition=\"start\" disableRipple key={text} label={text} icon={icon} />\n ))}\n </StyledTabs>\n </Box>\n {children}\n </Paper>\n </TabCardContextProvider>\n );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n lightWeight = 100,\n darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n const { palette } = useTheme();\n return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { PropsWithChildren, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\nimport { SxProps, Theme } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\n\nexport type TabCardPanelProps = PropsWithChildren<{\n index: number | number[];\n sx?: SxProps<Theme>;\n}>;\n\nexport const TabCardPanel = ({ index, children, sx }: TabCardPanelProps) => {\n const [value] = useContext(TabCardContext);\n let isTab = value === index;\n if (Array.isArray(index)) {\n isTab = index.includes(value);\n }\n\n return isTab ? <Box sx={sx}>{children}</Box> : null;\n};\n"],"names":["TabCardContext","createContext","TabCardContextProvider","Provider","StyledTabs","styled","props","_jsx","Tabs","TabIndicatorProps","children","className","theme","minHeight","spacing","display","justifyContent","backgroundColor","maxWidth","width","palette","primary","main","StyledTab","Tab","textTransform","fontWeight","typography","fontWeightRegular","marginRight","color","text","secondary","paddingTop","paddingBottom","fontWeightBold","tabs","initialTab","onChangeTab","bgColor","lightWeight","darkWeight","useTheme","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","value","_jsxs","Paper","variant","jsx","Box","bgcolor","onChange","_","index","map","icon","iconPosition","disableRipple","label","sx","useContext","isTab","Array","isArray","includes"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/tab-card/tab-card.context.tsx","../../../src/tab-card/tab-card.tsx","../../../src/utils/theme.ts","../../../src/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n","import { styled } from \"@mui/material/styles\";\nimport Paper from \"@mui/material/Paper\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Box from \"@mui/material/Box\";\nimport { PropsWithChildren, ReactElement, SyntheticEvent, useState } from \"react\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\nexport interface TabData {\n text: string;\n icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n children?: React.ReactNode;\n value: number;\n onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n <Tabs {...props} TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }} />\n))(({ theme }) => ({\n minHeight: theme.spacing(5),\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n },\n \"& .MuiTabs-indicatorSpan\": {\n maxWidth: 40,\n width: \"100%\",\n backgroundColor: theme.palette.primary.main,\n },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n textTransform: \"none\",\n fontWeight: theme.typography.fontWeightRegular,\n marginRight: theme.spacing(1),\n color: theme.palette.text.secondary,\n paddingTop: 0,\n paddingBottom: 0,\n minHeight: theme.spacing(5),\n \"&.Mui-selected\": {\n color: theme.palette.text.secondary,\n fontWeight: theme.typography.fontWeightBold,\n },\n}));\n\nexport type TabCardProps = PropsWithChildren<{\n tabs: TabData[];\n initialTab?: number;\n onChangeTab?: (tab: TabData, index: number) => void;\n}>;\n\nexport const TabCard = ({\n children,\n tabs,\n initialTab = 0,\n onChangeTab = () => null,\n}: TabCardProps) => {\n const bgColor = useGetDefaultThemeColor();\n const [selectedTab, setSelectedTab] = useState(initialTab);\n\n const handleChangeTab = (_: SyntheticEvent<Element, Event>, index: number) => {\n setSelectedTab(index);\n onChangeTab(tabs[index], index);\n };\n\n return (\n <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n <Paper variant=\"outlined\">\n <Box bgcolor={bgColor}>\n <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n {tabs.map(({ text, icon }) => (\n <StyledTab iconPosition=\"start\" disableRipple key={text} label={text} icon={icon} />\n ))}\n </StyledTabs>\n </Box>\n {children}\n </Paper>\n </TabCardContextProvider>\n );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n lightWeight = 100,\n darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n const { palette } = useTheme();\n return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { PropsWithChildren, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\nimport { SxProps, Theme } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\n\nexport type TabCardPanelProps = PropsWithChildren<{\n index: number | number[];\n sx?: SxProps<Theme>;\n}>;\n\nexport const TabCardPanel = ({ index, children, sx }: TabCardPanelProps) => {\n const [value] = useContext(TabCardContext);\n let isTab = value === index;\n if (Array.isArray(index)) {\n isTab = index.includes(value);\n }\n\n return isTab ? <Box sx={sx}>{children}</Box> : null;\n};\n"],"names":["TabCardContext","createContext","TabCardContextProvider","Provider","StyledTabs","styled","props","_jsx","Tabs","TabIndicatorProps","children","className","theme","minHeight","spacing","display","justifyContent","backgroundColor","maxWidth","width","palette","primary","main","StyledTab","Tab","textTransform","fontWeight","typography","fontWeightRegular","marginRight","color","text","secondary","paddingTop","paddingBottom","fontWeightBold","tabs","initialTab","onChangeTab","bgColor","lightWeight","darkWeight","useTheme","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","value","_jsxs","Paper","variant","jsx","Box","bgcolor","onChange","_","index","map","icon","iconPosition","disableRipple","label","sx","useContext","isTab","Array","isArray","includes"],"mappings":"+PAEO,MAAMA,EAAiBC,EAAAA,cAA0D,CACtF,EACA,IAAM,OAEKC,EAAyBF,EAAeG,SCc/CC,EAAaC,EAAAA,QAAQC,GACzBC,MAACC,EAAI,IAAKF,EAAOG,kBAAmB,CAAEC,SAAUH,cAAMI,UAAU,8BAD/CN,EAEhB,EAAGO,YAAa,CACjBC,UAAWD,EAAME,QAAQ,GACzB,uBAAwB,CACtBC,QAAS,OACTC,eAAgB,SAChBC,gBAAiB,eAEnB,2BAA4B,CAC1BC,SAAU,GACVC,MAAO,OACPF,gBAAiBL,EAAMQ,QAAQC,QAAQC,UAIrCC,EAAYlB,EAAAA,OAAOmB,EAAPnB,EAAY,EAAGO,YAAa,CAC5Ca,cAAe,OACfC,WAAYd,EAAMe,WAAWC,kBAC7BC,YAAajB,EAAME,QAAQ,GAC3BgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BC,WAAY,EACZC,cAAe,EACfrB,UAAWD,EAAME,QAAQ,GACzB,iBAAkB,CAChBgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BN,WAAYd,EAAMe,WAAWQ,oCAUV,EACrBzB,WACA0B,OACAC,aAAa,EACbC,cAAc,KAAM,UAEpB,MAAMC,EC1D+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMrB,QAAEA,GAAYsB,aACpB,MAAwB,UAAjBtB,EAAQuB,KAAmBvB,EAAQwB,KAAKJ,GAAepB,EAAQwB,KAAKH,EAAW,EDqDtEI,IACTC,EAAaC,GAAkBC,EAAAA,SAASX,GAO/C,OACE9B,MAACL,EAAuB,CAAA+C,MAAO,CAACH,EAAaC,GAC3CrC,SAAAwC,EAAAA,KAACC,EAAK,CAACC,QAAQ,WACb1C,SAAA,CAAAH,EAAA8C,IAACC,EAAI,CAAAC,QAAShB,WACZhC,EAAAA,IAACH,EAAW,CAAA6C,MAAOH,EAAaU,SAThB,CAACC,EAAmCC,KAC1DX,EAAeW,GACfpB,EAAYF,EAAKsB,GAAQA,EAAM,WAQtBtB,EAAKuB,KAAI,EAAG5B,OAAM6B,UACjBrD,EAAAA,IAACgB,EAAS,CAACsC,aAAa,QAAQC,eAAa,EAAYC,MAAOhC,EAAM6B,KAAMA,GAAzB7B,SAIxDrB,MAEoB,uBExED,EAAGgD,QAAOhD,WAAUsD,SAC9C,MAAOf,GAASgB,EAAUA,WAACjE,GAC3B,IAAIkE,EAAQjB,IAAUS,EAKtB,OAJIS,MAAMC,QAAQV,KAChBQ,EAAQR,EAAMW,SAASpB,IAGlBiB,EAAQ3D,MAAC+C,EAAI,CAAAU,GAAIA,WAAKtD,IAAkB,IAAI"}
|
package/tab-card/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/tab-card/tab-card.context.tsx","../../src/tab-card/tab-card.tsx","../../src/utils/theme.ts","../../src/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n","import { styled } from \"@mui/material/styles\";\nimport Paper from \"@mui/material/Paper\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Box from \"@mui/material/Box\";\nimport { PropsWithChildren, ReactElement, SyntheticEvent, useState } from \"react\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\nexport interface TabData {\n text: string;\n icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n children?: React.ReactNode;\n value: number;\n onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n <Tabs {...props} TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }} />\n))(({ theme }) => ({\n minHeight: theme.spacing(5),\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n },\n \"& .MuiTabs-indicatorSpan\": {\n maxWidth: 40,\n width: \"100%\",\n backgroundColor: theme.palette.primary.main,\n },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n textTransform: \"none\",\n fontWeight: theme.typography.fontWeightRegular,\n marginRight: theme.spacing(1),\n color: theme.palette.text.secondary,\n paddingTop: 0,\n paddingBottom: 0,\n minHeight: theme.spacing(5),\n \"&.Mui-selected\": {\n color: theme.palette.text.secondary,\n fontWeight: theme.typography.fontWeightBold,\n },\n}));\n\nexport type TabCardProps = PropsWithChildren<{\n tabs: TabData[];\n initialTab?: number;\n onChangeTab?: (tab: TabData, index: number) => void;\n}>;\n\nexport const TabCard = ({\n children,\n tabs,\n initialTab = 0,\n onChangeTab = () => null,\n}: TabCardProps) => {\n const bgColor = useGetDefaultThemeColor();\n const [selectedTab, setSelectedTab] = useState(initialTab);\n\n const handleChangeTab = (_: SyntheticEvent<Element, Event>, index: number) => {\n setSelectedTab(index);\n onChangeTab(tabs[index], index);\n };\n\n return (\n <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n <Paper variant=\"outlined\">\n <Box bgcolor={bgColor}>\n <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n {tabs.map(({ text, icon }) => (\n <StyledTab iconPosition=\"start\" disableRipple key={text} label={text} icon={icon} />\n ))}\n </StyledTabs>\n </Box>\n {children}\n </Paper>\n </TabCardContextProvider>\n );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n lightWeight = 100,\n darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n const { palette } = useTheme();\n return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { PropsWithChildren, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\nimport { SxProps, Theme } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\n\nexport type TabCardPanelProps = PropsWithChildren<{\n index: number | number[];\n sx?: SxProps<Theme>;\n}>;\n\nexport const TabCardPanel = ({ index, children, sx }: TabCardPanelProps) => {\n const [value] = useContext(TabCardContext);\n let isTab = value === index;\n if (Array.isArray(index)) {\n isTab = index.includes(value);\n }\n\n return isTab ? <Box sx={sx}>{children}</Box> : null;\n};\n"],"names":["TabCardContext","createContext","TabCardContextProvider","Provider","StyledTabs","styled","props","_jsx","Tabs","TabIndicatorProps","children","className","theme","minHeight","spacing","display","justifyContent","backgroundColor","maxWidth","width","palette","primary","main","StyledTab","Tab","textTransform","fontWeight","typography","fontWeightRegular","marginRight","color","text","secondary","paddingTop","paddingBottom","fontWeightBold","TabCard","tabs","initialTab","onChangeTab","bgColor","lightWeight","darkWeight","useTheme","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","value","_jsxs","Paper","variant","Box","bgcolor","onChange","_","index","map","icon","iconPosition","disableRipple","label","TabCardPanel","sx","useContext","isTab","Array","isArray","includes"],"mappings":"oVAEO,MAAMA,EAAiBC,EAA0D,CACtF,EACA,IAAM,OAEKC,EAAyBF,EAAeG,SCc/CC,EAAaC,GAAQC,GACzBC,EAACC,EAAI,IAAKF,EAAOG,kBAAmB,CAAEC,SAAUH,UAAMI,UAAU,8BAD/CN,EAEhB,EAAGO,YAAa,CACjBC,UAAWD,EAAME,QAAQ,GACzB,uBAAwB,CACtBC,QAAS,OACTC,eAAgB,SAChBC,gBAAiB,eAEnB,2BAA4B,CAC1BC,SAAU,GACVC,MAAO,OACPF,gBAAiBL,EAAMQ,QAAQC,QAAQC,UAIrCC,EAAYlB,EAAOmB,EAAPnB,EAAY,EAAGO,YAAa,CAC5Ca,cAAe,OACfC,WAAYd,EAAMe,WAAWC,kBAC7BC,YAAajB,EAAME,QAAQ,GAC3BgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BC,WAAY,EACZC,cAAe,EACfrB,UAAWD,EAAME,QAAQ,GACzB,iBAAkB,CAChBgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BN,WAAYd,EAAMe,WAAWQ,oBAUpBC,EAAU,EACrB1B,WACA2B,OACAC,aAAa,EACbC,cAAc,KAAM,UAEpB,MAAMC,EC1D+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMtB,QAAEA,GAAYuB,IACpB,MAAwB,UAAjBvB,EAAQwB,KAAmBxB,EAAQyB,KAAKJ,GAAerB,EAAQyB,KAAKH,EAAW,EDqDtEI,IACTC,EAAaC,GAAkBC,EAASX,GAO/C,OACE/B,EAACL,EAAuB,CAAAgD,MAAO,CAACH,EAAaC,GAC3CtC,SAAAyC,EAACC,EAAK,CAACC,QAAQ,WACb3C,SAAA,CAAAH,EAAC+C,EAAI,CAAAC,QAASf,WACZjC,EAACH,EAAW,CAAA8C,MAAOH,EAAaS,SAThB,CAACC,EAAmCC,KAC1DV,EAAeU,GACfnB,EAAYF,EAAKqB,GAAQA,EAAM,WAQtBrB,EAAKsB,KAAI,EAAG5B,OAAM6B,UACjBrD,EAACgB,EAAS,CAACsC,aAAa,QAAQC,eAAa,EAAYC,MAAOhC,EAAM6B,KAAMA,GAAzB7B,SAIxDrB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/tab-card/tab-card.context.tsx","../../src/tab-card/tab-card.tsx","../../src/utils/theme.ts","../../src/tab-card/tab-card-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction } from \"react\";\n\nexport const TabCardContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabCardContextProvider = TabCardContext.Provider;\n","import { styled } from \"@mui/material/styles\";\nimport Paper from \"@mui/material/Paper\";\nimport Tabs from \"@mui/material/Tabs\";\nimport Tab from \"@mui/material/Tab\";\nimport Box from \"@mui/material/Box\";\nimport { PropsWithChildren, ReactElement, SyntheticEvent, useState } from \"react\";\nimport { TabCardContextProvider } from \"./tab-card.context\";\nimport { useGetDefaultThemeColor } from \"../utils\";\n\nexport interface TabData {\n text: string;\n icon?: ReactElement;\n}\n\ninterface StyledTabsProps {\n children?: React.ReactNode;\n value: number;\n onChange: (event: React.SyntheticEvent, newValue: number) => void;\n}\n\nconst StyledTabs = styled((props: StyledTabsProps) => (\n <Tabs {...props} TabIndicatorProps={{ children: <span className=\"MuiTabs-indicatorSpan\" /> }} />\n))(({ theme }) => ({\n minHeight: theme.spacing(5),\n \"& .MuiTabs-indicator\": {\n display: \"flex\",\n justifyContent: \"center\",\n backgroundColor: \"transparent\",\n },\n \"& .MuiTabs-indicatorSpan\": {\n maxWidth: 40,\n width: \"100%\",\n backgroundColor: theme.palette.primary.main,\n },\n}));\n\nconst StyledTab = styled(Tab)(({ theme }) => ({\n textTransform: \"none\",\n fontWeight: theme.typography.fontWeightRegular,\n marginRight: theme.spacing(1),\n color: theme.palette.text.secondary,\n paddingTop: 0,\n paddingBottom: 0,\n minHeight: theme.spacing(5),\n \"&.Mui-selected\": {\n color: theme.palette.text.secondary,\n fontWeight: theme.typography.fontWeightBold,\n },\n}));\n\nexport type TabCardProps = PropsWithChildren<{\n tabs: TabData[];\n initialTab?: number;\n onChangeTab?: (tab: TabData, index: number) => void;\n}>;\n\nexport const TabCard = ({\n children,\n tabs,\n initialTab = 0,\n onChangeTab = () => null,\n}: TabCardProps) => {\n const bgColor = useGetDefaultThemeColor();\n const [selectedTab, setSelectedTab] = useState(initialTab);\n\n const handleChangeTab = (_: SyntheticEvent<Element, Event>, index: number) => {\n setSelectedTab(index);\n onChangeTab(tabs[index], index);\n };\n\n return (\n <TabCardContextProvider value={[selectedTab, setSelectedTab]}>\n <Paper variant=\"outlined\">\n <Box bgcolor={bgColor}>\n <StyledTabs value={selectedTab} onChange={handleChangeTab}>\n {tabs.map(({ text, icon }) => (\n <StyledTab iconPosition=\"start\" disableRipple key={text} label={text} icon={icon} />\n ))}\n </StyledTabs>\n </Box>\n {children}\n </Paper>\n </TabCardContextProvider>\n );\n};\n","import { Color, useTheme } from \"@mui/material\";\n\ntype KeyColor = keyof Color;\n\nexport const useGetDefaultThemeColor = ({\n lightWeight = 100,\n darkWeight = 900,\n}: { lightWeight?: KeyColor; darkWeight?: KeyColor } = {}) => {\n const { palette } = useTheme();\n return palette.mode === \"light\" ? palette.grey[lightWeight] : palette.grey[darkWeight];\n};\n","import { PropsWithChildren, useContext } from \"react\";\nimport { TabCardContext } from \"./tab-card.context\";\nimport { SxProps, Theme } from \"@mui/material\";\nimport Box from \"@mui/material/Box\";\n\nexport type TabCardPanelProps = PropsWithChildren<{\n index: number | number[];\n sx?: SxProps<Theme>;\n}>;\n\nexport const TabCardPanel = ({ index, children, sx }: TabCardPanelProps) => {\n const [value] = useContext(TabCardContext);\n let isTab = value === index;\n if (Array.isArray(index)) {\n isTab = index.includes(value);\n }\n\n return isTab ? <Box sx={sx}>{children}</Box> : null;\n};\n"],"names":["TabCardContext","createContext","TabCardContextProvider","Provider","StyledTabs","styled","props","_jsx","Tabs","TabIndicatorProps","children","className","theme","minHeight","spacing","display","justifyContent","backgroundColor","maxWidth","width","palette","primary","main","StyledTab","Tab","textTransform","fontWeight","typography","fontWeightRegular","marginRight","color","text","secondary","paddingTop","paddingBottom","fontWeightBold","TabCard","tabs","initialTab","onChangeTab","bgColor","lightWeight","darkWeight","useTheme","mode","grey","useGetDefaultThemeColor","selectedTab","setSelectedTab","useState","value","_jsxs","Paper","variant","Box","bgcolor","onChange","_","index","map","icon","iconPosition","disableRipple","label","TabCardPanel","sx","useContext","isTab","Array","isArray","includes"],"mappings":"oVAEO,MAAMA,EAAiBC,EAA0D,CACtF,EACA,IAAM,OAEKC,EAAyBF,EAAeG,SCc/CC,EAAaC,GAAQC,GACzBC,EAACC,EAAI,IAAKF,EAAOG,kBAAmB,CAAEC,SAAUH,UAAMI,UAAU,8BAD/CN,EAEhB,EAAGO,YAAa,CACjBC,UAAWD,EAAME,QAAQ,GACzB,uBAAwB,CACtBC,QAAS,OACTC,eAAgB,SAChBC,gBAAiB,eAEnB,2BAA4B,CAC1BC,SAAU,GACVC,MAAO,OACPF,gBAAiBL,EAAMQ,QAAQC,QAAQC,UAIrCC,EAAYlB,EAAOmB,EAAPnB,EAAY,EAAGO,YAAa,CAC5Ca,cAAe,OACfC,WAAYd,EAAMe,WAAWC,kBAC7BC,YAAajB,EAAME,QAAQ,GAC3BgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BC,WAAY,EACZC,cAAe,EACfrB,UAAWD,EAAME,QAAQ,GACzB,iBAAkB,CAChBgB,MAAOlB,EAAMQ,QAAQW,KAAKC,UAC1BN,WAAYd,EAAMe,WAAWQ,oBAUpBC,EAAU,EACrB1B,WACA2B,OACAC,aAAa,EACbC,cAAc,KAAM,UAEpB,MAAMC,EC1D+B,GACrCC,cAAc,IACdC,aAAa,KACwC,MACrD,MAAMtB,QAAEA,GAAYuB,IACpB,MAAwB,UAAjBvB,EAAQwB,KAAmBxB,EAAQyB,KAAKJ,GAAerB,EAAQyB,KAAKH,EAAW,EDqDtEI,IACTC,EAAaC,GAAkBC,EAASX,GAO/C,OACE/B,EAACL,EAAuB,CAAAgD,MAAO,CAACH,EAAaC,GAC3CtC,SAAAyC,EAACC,EAAK,CAACC,QAAQ,WACb3C,SAAA,CAAAH,EAAC+C,EAAI,CAAAC,QAASf,WACZjC,EAACH,EAAW,CAAA8C,MAAOH,EAAaS,SAThB,CAACC,EAAmCC,KAC1DV,EAAeU,GACfnB,EAAYF,EAAKqB,GAAQA,EAAM,WAQtBrB,EAAKsB,KAAI,EAAG5B,OAAM6B,UACjBrD,EAACgB,EAAS,CAACsC,aAAa,QAAQC,eAAa,EAAYC,MAAOhC,EAAM6B,KAAMA,GAAzB7B,SAIxDrB,MAEoB,EExEhBsD,EAAe,EAAGN,QAAOhD,WAAUuD,SAC9C,MAAOf,GAASgB,EAAWlE,GAC3B,IAAImE,EAAQjB,IAAUQ,EAKtB,OAJIU,MAAMC,QAAQX,KAChBS,EAAQT,EAAMY,SAASpB,IAGlBiB,EAAQ5D,EAAC+C,EAAI,CAAAW,GAAIA,WAAKvD,IAAkB,IAAI"}
|
package/tab-card/package.json
CHANGED
|
@@ -4,4 +4,4 @@ export type TabCardPanelProps = PropsWithChildren<{
|
|
|
4
4
|
index: number | number[];
|
|
5
5
|
sx?: SxProps<Theme>;
|
|
6
6
|
}>;
|
|
7
|
-
export declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => JSX.Element | null;
|
|
7
|
+
export declare const TabCardPanel: ({ index, children, sx }: TabCardPanelProps) => import("react/jsx-runtime").JSX.Element | null;
|
package/tab-card/tab-card.d.ts
CHANGED
|
@@ -8,4 +8,4 @@ export type TabCardProps = PropsWithChildren<{
|
|
|
8
8
|
initialTab?: number;
|
|
9
9
|
onChangeTab?: (tab: TabData, index: number) => void;
|
|
10
10
|
}>;
|
|
11
|
-
export declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => JSX.Element;
|
|
11
|
+
export declare const TabCard: ({ children, tabs, initialTab, onChangeTab, }: TabCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,11 +4,11 @@ export declare const DummyTabs: ({
|
|
|
4
4
|
icon?: undefined;
|
|
5
5
|
} | {
|
|
6
6
|
text: string;
|
|
7
|
-
icon: JSX.Element;
|
|
7
|
+
icon: import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
})[];
|
|
9
9
|
export interface TabCardDummyProps {
|
|
10
10
|
tabs: TabData[];
|
|
11
11
|
initialTab: number;
|
|
12
12
|
onChangeTab: (tab: TabData, index: number) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function TabCardDummy({ tabs, initialTab, onChangeTab }: TabCardDummyProps): JSX.Element;
|
|
14
|
+
export declare function TabCardDummy({ tabs, initialTab, onChangeTab }: TabCardDummyProps): import("react/jsx-runtime").JSX.Element;
|
package/tab-panel/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/Box"),i=require("react");const t=i.createContext([0,()=>null]);t.Provider;exports.TabPanel=function({children:a,index:n}){const[l]=i.useContext(t);let s=l===n;return Array.isArray(n)&&(s=n.includes(l)),e.jsx("div",{role:"tabpanel",hidden:!s,id:`simple-tabpanel-${n}`,"aria-labelledby":`simple-tab-${n}`,children:s&&e.jsx(r,{sx:{p:3},children:a})})};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-panel/tab-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import Box from \"@mui/material/Box\";\nimport { useTab } from \"../tab-provider\";\n\ninterface TabPanelProps {\n children?: React.ReactNode;\n index: number | number[];\n}\n\nexport function TabPanel({ children, index }: TabPanelProps) {\n const [value] = useTab();\n let isTab = value === index;\n if (Array.isArray(index)) {\n isTab = index.includes(value);\n }\n\n return (\n <div\n role=\"tabpanel\"\n hidden={!isTab}\n id={`simple-tabpanel-${index}`}\n aria-labelledby={`simple-tab-${index}`}\n >\n {isTab && <Box sx={{ p: 3 }}>{children}</Box>}\n </div>\n );\n}\n"],"names":["TabContext","createContext","Provider","children","index","value","useContext","isTab","Array","isArray","includes","_jsx","jsx","role","hidden","id","Box","sx","p"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-panel/tab-panel.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import Box from \"@mui/material/Box\";\nimport { useTab } from \"../tab-provider\";\n\ninterface TabPanelProps {\n children?: React.ReactNode;\n index: number | number[];\n}\n\nexport function TabPanel({ children, index }: TabPanelProps) {\n const [value] = useTab();\n let isTab = value === index;\n if (Array.isArray(index)) {\n isTab = index.includes(value);\n }\n\n return (\n <div\n role=\"tabpanel\"\n hidden={!isTab}\n id={`simple-tabpanel-${index}`}\n aria-labelledby={`simple-tab-${index}`}\n >\n {isTab && <Box sx={{ p: 3 }}>{children}</Box>}\n </div>\n );\n}\n"],"names":["TabContext","createContext","Provider","children","index","value","useContext","isTab","Array","isArray","includes","_jsx","jsx","role","hidden","id","Box","sx","p"],"mappings":"kGAEO,MAAMA,EAAaC,EAAAA,cAA0D,CAClF,EACA,IAAM,OAE0BD,EAAWE,oCCEpBC,SAAEA,EAAQC,MAAEA,IACnC,MAAOC,GDFmBC,EAAUA,WAACN,GCGrC,IAAIO,EAAQF,IAAUD,EAKtB,OAJII,MAAMC,QAAQL,KAChBG,EAAQH,EAAMM,SAASL,IAIvBM,EACEC,IAAA,MAAA,CAAAC,KAAK,WACLC,QAASP,EACTQ,GAAI,mBAAmBX,sBACN,cAAcA,IAAOD,SAErCI,GAASI,EAAAC,IAACI,EAAG,CAACC,GAAI,CAAEC,EAAG,GAAGf,SAAGA,KAGpC"}
|
package/tab-panel/package.json
CHANGED
package/tab-panel/tab-panel.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
interface TabPanelProps {
|
|
3
2
|
children?: React.ReactNode;
|
|
4
3
|
index: number | number[];
|
|
5
4
|
}
|
|
6
|
-
export declare function TabPanel({ children, index }: TabPanelProps): JSX.Element;
|
|
5
|
+
export declare function TabPanel({ children, index }: TabPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";var e=require("react"),r=require("react/jsx-runtime");const t=e.createContext([0,()=>null]),o=t.Provider;exports.TabContext=t,exports.TabContextProvider=o,exports.TabProvider=({children:t,initialValue:s=0})=>{const a=e.useState(s);return r.jsx(o,{value:a,children:t})},exports.useTab=()=>e.useContext(t);
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-provider/tab-provider.provider.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n const tabState = useState(initialValue);\n\n return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n"],"names":["TabContext","createContext","TabContextProvider","Provider","children","initialValue","tabState","useState","_jsx","value","useContext"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/tab-provider/tab-provider.context.ts","../../../src/tab-provider/tab-provider.provider.tsx"],"sourcesContent":["import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n 0,\n () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n const tabState = useState(initialValue);\n\n return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n"],"names":["TabContext","createContext","TabContextProvider","Provider","children","initialValue","tabState","useState","_jsx","value","useContext"],"mappings":"mEAEO,MAAMA,EAAaC,EAAAA,cAA0D,CAClF,EACA,IAAM,OAEKC,EAAqBF,EAAWG,+ECClB,EAAGC,WAAUC,eAAe,MACrD,MAAMC,EAAWC,EAAQA,SAACF,GAE1B,OAAOG,EAAAA,IAACN,EAAmB,CAAAO,MAAOH,EAAQF,SAAGA,GAA8B,iBDHvD,IAAMM,EAAAA,WAAWV"}
|
|
@@ -2,5 +2,5 @@ import { PropsWithChildren } from "react";
|
|
|
2
2
|
type TabProviderProps = PropsWithChildren<{
|
|
3
3
|
initialValue?: number;
|
|
4
4
|
}>;
|
|
5
|
-
export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => JSX.Element;
|
|
5
|
+
export declare const TabProvider: ({ children, initialValue }: TabProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
package/table-list/cjs/index.js
CHANGED
|
@@ -1,24 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
/** @license React v16.13.1
|
|
3
|
-
* react-is.development.js
|
|
4
|
-
*
|
|
5
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
-
*
|
|
7
|
-
* This source code is licensed under the MIT license found in the
|
|
8
|
-
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/function re(){return L||(L=1,e=A,"production"===process.env.NODE_ENV?e.exports=function(){if(q)return V;q=1;var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,u=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,l=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case r:switch(e=e.type){case u:case s:case n:case i:case o:case l:return e;default:switch(e=e&&e.$$typeof){case c:case f:case y:case d:case a:return e;default:return p}}case t:return p}}}function g(e){return S(e)===s}return V.AsyncMode=u,V.ConcurrentMode=s,V.ContextConsumer=c,V.ContextProvider=a,V.Element=r,V.ForwardRef=f,V.Fragment=n,V.Lazy=y,V.Memo=d,V.Portal=t,V.Profiler=i,V.StrictMode=o,V.Suspense=l,V.isAsyncMode=function(e){return g(e)||S(e)===u},V.isConcurrentMode=g,V.isContextConsumer=function(e){return S(e)===c},V.isContextProvider=function(e){return S(e)===a},V.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},V.isForwardRef=function(e){return S(e)===f},V.isFragment=function(e){return S(e)===n},V.isLazy=function(e){return S(e)===y},V.isMemo=function(e){return S(e)===d},V.isPortal=function(e){return S(e)===t},V.isProfiler=function(e){return S(e)===i},V.isStrictMode=function(e){return S(e)===o},V.isSuspense=function(e){return S(e)===l},V.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===s||e===i||e===o||e===l||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===d||e.$$typeof===a||e.$$typeof===c||e.$$typeof===f||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h||e.$$typeof===m)},V.typeOf=S,V}():e.exports=(D||(D=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,a=e?Symbol.for("react.provider"):60109,c=e?Symbol.for("react.context"):60110,u=e?Symbol.for("react.async_mode"):60111,s=e?Symbol.for("react.concurrent_mode"):60111,f=e?Symbol.for("react.forward_ref"):60112,l=e?Symbol.for("react.suspense"):60113,p=e?Symbol.for("react.suspense_list"):60120,d=e?Symbol.for("react.memo"):60115,y=e?Symbol.for("react.lazy"):60116,m=e?Symbol.for("react.block"):60121,b=e?Symbol.for("react.fundamental"):60117,v=e?Symbol.for("react.responder"):60118,h=e?Symbol.for("react.scope"):60119;function S(e){if("object"==typeof e&&null!==e){var p=e.$$typeof;switch(p){case r:var m=e.type;switch(m){case u:case s:case n:case i:case o:case l:return m;default:var b=m&&m.$$typeof;switch(b){case c:case f:case y:case d:case a:return b;default:return p}}case t:return p}}}var g=u,x=s,w=c,$=a,j=r,O=f,E=n,C=y,P=d,T=t,_=i,N=o,M=l,R=!1;function I(e){return S(e)===s}ee.AsyncMode=g,ee.ConcurrentMode=x,ee.ContextConsumer=w,ee.ContextProvider=$,ee.Element=j,ee.ForwardRef=O,ee.Fragment=E,ee.Lazy=C,ee.Memo=P,ee.Portal=T,ee.Profiler=_,ee.StrictMode=N,ee.Suspense=M,ee.isAsyncMode=function(e){return R||(R=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),I(e)||S(e)===u},ee.isConcurrentMode=I,ee.isContextConsumer=function(e){return S(e)===c},ee.isContextProvider=function(e){return S(e)===a},ee.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},ee.isForwardRef=function(e){return S(e)===f},ee.isFragment=function(e){return S(e)===n},ee.isLazy=function(e){return S(e)===y},ee.isMemo=function(e){return S(e)===d},ee.isPortal=function(e){return S(e)===t},ee.isProfiler=function(e){return S(e)===i},ee.isStrictMode=function(e){return S(e)===o},ee.isSuspense=function(e){return S(e)===l},ee.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===s||e===i||e===o||e===l||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===y||e.$$typeof===d||e.$$typeof===a||e.$$typeof===c||e.$$typeof===f||e.$$typeof===b||e.$$typeof===v||e.$$typeof===h||e.$$typeof===m)},ee.typeOf=S}()),ee)),A.exports;var e}
|
|
10
|
-
/*
|
|
11
|
-
object-assign
|
|
12
|
-
(c) Sindre Sorhus
|
|
13
|
-
@license MIT
|
|
14
|
-
*/function te(){if(B)return z;B=1;var e=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;return z=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map((function(e){return r[e]})).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach((function(e){n[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(n,o){for(var i,a,c=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(n),u=1;u<arguments.length;u++){for(var s in i=Object(arguments[u]))r.call(i,s)&&(c[s]=i[s]);if(e){a=e(i);for(var f=0;f<a.length;f++)t.call(i,a[f])&&(c[a[f]]=i[a[f]])}}return c},z}function ne(){if(Y)return W;Y=1;return W="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function oe(){return J?U:(J=1,U=Function.call.bind(Object.prototype.hasOwnProperty))}if("production"!==process.env.NODE_ENV){var ie=re();F.exports=function(){if(K)return G;K=1;var e=re(),r=te(),t=ne(),n=oe(),o=function(){if(X)return H;X=1;var e=function(){};if("production"!==process.env.NODE_ENV){var r=ne(),t={},n=oe();e=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}}function o(o,i,a,c,u){if("production"!==process.env.NODE_ENV)for(var s in o)if(n(o,s)){var f;try{if("function"!=typeof o[s]){var l=Error((c||"React class")+": "+a+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw l.name="Invariant Violation",l}f=o[s](i,s,c,a,null,r)}catch(e){f=e}if(!f||f instanceof Error||e((c||"React class")+": type specification of "+a+" `"+s+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof f+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),f instanceof Error&&!(f.message in t)){t[f.message]=!0;var p=u?u():"";e("Failed "+a+" type: "+f.message+(null!=p?p:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(t={})},H=o}(),i=function(){};function a(){return null}return"production"!==process.env.NODE_ENV&&(i=function(e){var r="Warning: "+e;"undefined"!=typeof console&&console.error(r);try{throw new Error(r)}catch(e){}}),G=function(c,u){var s="function"==typeof Symbol&&Symbol.iterator,f="@@iterator",l="<<anonymous>>",p={array:b("array"),bigint:b("bigint"),bool:b("boolean"),func:b("function"),number:b("number"),object:b("object"),string:b("string"),symbol:b("symbol"),any:m(a),arrayOf:function(e){return m((function(r,n,o,i,a){if("function"!=typeof e)return new y("Property `"+a+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var c=r[n];if(!Array.isArray(c))return new y("Invalid "+i+" `"+a+"` of type `"+S(c)+"` supplied to `"+o+"`, expected an array.");for(var u=0;u<c.length;u++){var s=e(c,u,o,i,a+"["+u+"]",t);if(s instanceof Error)return s}return null}))},element:m((function(e,r,t,n,o){var i=e[r];return c(i)?null:new y("Invalid "+n+" `"+o+"` of type `"+S(i)+"` supplied to `"+t+"`, expected a single ReactElement.")})),elementType:m((function(r,t,n,o,i){var a=r[t];return e.isValidElementType(a)?null:new y("Invalid "+o+" `"+i+"` of type `"+S(a)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return m((function(r,t,n,o,i){if(!(r[t]instanceof e)){var a=e.name||l;return new y("Invalid "+o+" `"+i+"` of type `"+((c=r[t]).constructor&&c.constructor.name?c.constructor.name:l)+"` supplied to `"+n+"`, expected instance of `"+a+"`.")}var c;return null}))},node:m((function(e,r,t,n,o){return h(e[r])?null:new y("Invalid "+n+" `"+o+"` supplied to `"+t+"`, expected a ReactNode.")})),objectOf:function(e){return m((function(r,o,i,a,c){if("function"!=typeof e)return new y("Property `"+c+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var u=r[o],s=S(u);if("object"!==s)return new y("Invalid "+a+" `"+c+"` of type `"+s+"` supplied to `"+i+"`, expected an object.");for(var f in u)if(n(u,f)){var l=e(u,f,i,a,c+"."+f,t);if(l instanceof Error)return l}return null}))},oneOf:function(e){return Array.isArray(e)?m((function(r,t,n,o,i){for(var a=r[t],c=0;c<e.length;c++)if(d(a,e[c]))return null;var u=JSON.stringify(e,(function(e,r){return"symbol"===g(r)?String(r):r}));return new y("Invalid "+o+" `"+i+"` of value `"+String(a)+"` supplied to `"+n+"`, expected one of "+u+".")})):("production"!==process.env.NODE_ENV&&i(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),a)},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&i("Invalid argument supplied to oneOfType, expected an instance of array."),a;for(var r=0;r<e.length;r++){var o=e[r];if("function"!=typeof o)return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+x(o)+" at index "+r+"."),a}return m((function(r,o,i,a,c){for(var u=[],s=0;s<e.length;s++){var f=(0,e[s])(r,o,i,a,c,t);if(null==f)return null;f.data&&n(f.data,"expectedType")&&u.push(f.data.expectedType)}return new y("Invalid "+a+" `"+c+"` supplied to `"+i+"`"+(u.length>0?", expected one of type ["+u.join(", ")+"]":"")+".")}))},shape:function(e){return m((function(r,n,o,i,a){var c=r[n],u=S(c);if("object"!==u)return new y("Invalid "+i+" `"+a+"` of type `"+u+"` supplied to `"+o+"`, expected `object`.");for(var s in e){var f=e[s];if("function"!=typeof f)return v(o,i,a,s,g(f));var l=f(c,s,o,i,a+"."+s,t);if(l)return l}return null}))},exact:function(e){return m((function(o,i,a,c,u){var s=o[i],f=S(s);if("object"!==f)return new y("Invalid "+c+" `"+u+"` of type `"+f+"` supplied to `"+a+"`, expected `object`.");var l=r({},o[i],e);for(var p in l){var d=e[p];if(n(e,p)&&"function"!=typeof d)return v(a,c,u,p,g(d));if(!d)return new y("Invalid "+c+" `"+u+"` key `"+p+"` supplied to `"+a+"`.\nBad object: "+JSON.stringify(o[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var m=d(s,p,a,c,u+"."+p,t);if(m)return m}return null}))}};function d(e,r){return e===r?0!==e||1/e==1/r:e!=e&&r!=r}function y(e,r){this.message=e,this.data=r&&"object"==typeof r?r:{},this.stack=""}function m(e){if("production"!==process.env.NODE_ENV)var r={},n=0;function o(o,a,c,s,f,p,d){if(s=s||l,p=p||c,d!==t){if(u){var m=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw m.name="Invariant Violation",m}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var b=s+":"+c;!r[b]&&n<3&&(i("You are manually calling a React.PropTypes validation function for the `"+p+"` prop on `"+s+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[b]=!0,n++)}}return null==a[c]?o?null===a[c]?new y("The "+f+" `"+p+"` is marked as required in `"+s+"`, but its value is `null`."):new y("The "+f+" `"+p+"` is marked as required in `"+s+"`, but its value is `undefined`."):null:e(a,c,s,f,p)}var a=o.bind(null,!1);return a.isRequired=o.bind(null,!0),a}function b(e){return m((function(r,t,n,o,i,a){var c=r[t];return S(c)!==e?new y("Invalid "+o+" `"+i+"` of type `"+g(c)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function v(e,r,t,n,o){return new y((e||"React class")+": "+r+" type `"+t+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function h(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(h);if(null===e||c(e))return!0;var r=function(e){var r=e&&(s&&e[s]||e[f]);if("function"==typeof r)return r}(e);if(!r)return!1;var t,n=r.call(e);if(r!==e.entries){for(;!(t=n.next()).done;)if(!h(t.value))return!1}else for(;!(t=n.next()).done;){var o=t.value;if(o&&!h(o[1]))return!1}return!0;default:return!1}}function S(e){var r=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,r){return"symbol"===e||!!r&&("Symbol"===r["@@toStringTag"]||"function"==typeof Symbol&&r instanceof Symbol)}(r,e)?"symbol":r}function g(e){if(null==e)return""+e;var r=S(e);if("object"===r){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return r}function x(e){var r=g(e);switch(r){case"array":case"object":return"an "+r;case"boolean":case"date":case"regexp":return"a "+r;default:return r}}return y.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},G}()(ie.isElement,!0)}else F.exports=function(){if(Z)return Q;Z=1;var e=ne();function r(){}function t(){}return t.resetWarningCache=r,Q=function(){function n(r,t,n,o,i,a){if(a!==e){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function o(){return n}n.isRequired=n;var i={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:t,resetWarningCache:r};return i.PropTypes=i,i}}()();function ae(e,r,t,n,o){const i=e[r],a=o||r;if(null==i||"undefined"==typeof window)return null;let c;const u=i.type;return"function"!=typeof u||function(e){const{prototype:r={}}=e;return Boolean(r.isReactComponent)}(u)||(c="Did you accidentally use a plain function component for an element instead?"),void 0!==c?new Error(`Invalid ${n} \`${a}\` supplied to \`${t}\`. Expected an element that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`):null}k(F.exports.element,ae).isRequired=k(F.exports.element.isRequired,ae),k(F.exports.elementType,(function(e,r,t,n,o){const i=e[r],a=o||r;if(null==i||"undefined"==typeof window)return null;let c;return"function"!=typeof i||function(e){const{prototype:r={}}=e;return Boolean(r.isReactComponent)}(i)||(c="Did you accidentally provide a plain function component instead?"),void 0!==c?new Error(`Invalid ${n} \`${a}\` supplied to \`${t}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`):null}));var ce,ue={};var se,fe,le={};
|
|
15
|
-
/**
|
|
16
|
-
* @license React
|
|
17
|
-
* react-is.development.js
|
|
18
|
-
*
|
|
19
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
20
|
-
*
|
|
21
|
-
* This source code is licensed under the MIT license found in the
|
|
22
|
-
* LICENSE file in the root directory of this source tree.
|
|
23
|
-
*/fe={exports:{}},"production"===process.env.NODE_ENV?fe.exports=function(){if(ce)return ue;ce=1;var e,r=Symbol.for("react.element"),t=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),s=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var y=e.$$typeof;switch(y){case r:switch(e=e.type){case n:case i:case o:case f:case l:return e;default:switch(e=e&&e.$$typeof){case u:case c:case s:case d:case p:case a:return e;default:return y}}case t:return y}}}return e=Symbol.for("react.module.reference"),ue.ContextConsumer=c,ue.ContextProvider=a,ue.Element=r,ue.ForwardRef=s,ue.Fragment=n,ue.Lazy=d,ue.Memo=p,ue.Portal=t,ue.Profiler=i,ue.StrictMode=o,ue.Suspense=f,ue.SuspenseList=l,ue.isAsyncMode=function(){return!1},ue.isConcurrentMode=function(){return!1},ue.isContextConsumer=function(e){return m(e)===c},ue.isContextProvider=function(e){return m(e)===a},ue.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},ue.isForwardRef=function(e){return m(e)===s},ue.isFragment=function(e){return m(e)===n},ue.isLazy=function(e){return m(e)===d},ue.isMemo=function(e){return m(e)===p},ue.isPortal=function(e){return m(e)===t},ue.isProfiler=function(e){return m(e)===i},ue.isStrictMode=function(e){return m(e)===o},ue.isSuspense=function(e){return m(e)===f},ue.isSuspenseList=function(e){return m(e)===l},ue.isValidElementType=function(r){return"string"==typeof r||"function"==typeof r||r===n||r===i||r===o||r===f||r===l||r===y||"object"==typeof r&&null!==r&&(r.$$typeof===d||r.$$typeof===p||r.$$typeof===a||r.$$typeof===c||r.$$typeof===s||r.$$typeof===e||void 0!==r.getModuleId)},ue.typeOf=m,ue}():fe.exports=(se||(se=1,"production"!==process.env.NODE_ENV&&function(){var e,r=Symbol.for("react.element"),t=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.server_context"),s=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),y=Symbol.for("react.offscreen");function m(e){if("object"==typeof e&&null!==e){var y=e.$$typeof;switch(y){case r:var m=e.type;switch(m){case n:case i:case o:case f:case l:return m;default:var b=m&&m.$$typeof;switch(b){case u:case c:case s:case d:case p:case a:return b;default:return y}}case t:return y}}}e=Symbol.for("react.module.reference");var b=c,v=a,h=r,S=s,g=n,x=d,w=p,$=t,j=i,O=o,E=f,C=l,P=!1,T=!1;le.ContextConsumer=b,le.ContextProvider=v,le.Element=h,le.ForwardRef=S,le.Fragment=g,le.Lazy=x,le.Memo=w,le.Portal=$,le.Profiler=j,le.StrictMode=O,le.Suspense=E,le.SuspenseList=C,le.isAsyncMode=function(e){return P||(P=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1},le.isConcurrentMode=function(e){return T||(T=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1},le.isContextConsumer=function(e){return m(e)===c},le.isContextProvider=function(e){return m(e)===a},le.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},le.isForwardRef=function(e){return m(e)===s},le.isFragment=function(e){return m(e)===n},le.isLazy=function(e){return m(e)===d},le.isMemo=function(e){return m(e)===p},le.isPortal=function(e){return m(e)===t},le.isProfiler=function(e){return m(e)===i},le.isStrictMode=function(e){return m(e)===o},le.isSuspense=function(e){return m(e)===f},le.isSuspenseList=function(e){return m(e)===l},le.isValidElementType=function(r){return"string"==typeof r||"function"==typeof r||r===n||r===i||r===o||r===f||r===l||r===y||"object"==typeof r&&null!==r&&(r.$$typeof===d||r.$$typeof===p||r.$$typeof===a||r.$$typeof===c||r.$$typeof===s||r.$$typeof===e||void 0!==r.getModuleId)},le.typeOf=m}()),le),"undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")(),F.exports.oneOfType([F.exports.func,F.exports.object]);const pe={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"};const de=Number.isInteger||function(e){return"number"==typeof e&&isFinite(e)&&Math.floor(e)===e};function ye(e,r,t,n){const o=e[r];if(null==o||!de(o)){const e=function(e){const r=typeof e;switch(r){case"number":return Number.isNaN(e)?"NaN":Number.isFinite(e)?e!==Math.floor(e)?"float":"number":"Infinity";case"object":return null===e?"null":e.constructor.name;default:return r}}(o);return new RangeError(`Invalid ${n} \`${r}\` of type \`${e}\` supplied to \`${t}\`, expected \`integer\`.`)}return null}function me(e,r,...t){return void 0===e[r]?null:ye(e,r,...t)}function be(){return null}me.isRequired=ye,be.isRequired=be,process.env.NODE_ENV;const ve=({order:r,orderBy:t,headCells:n,onRequestSort:o})=>e.jsx(R.default,{children:e.jsx(S.default,{children:n.map((n=>{return e.jsx(g.default,{variant:"head",padding:n.disablePadding?"none":"normal",sortDirection:t===n.id&&r,sx:{fontWeight:"bold"},children:n.sort?e.jsxs(M.default,{active:t===n.id,direction:t===n.id?r:"asc",onClick:(i=n.id,()=>{o(i)}),children:[n.label,t===n.id?e.jsx(j.default,{component:"span",sx:pe,children:"desc"===r?"sorted descending":"sorted ascending"}):null]}):n.label},String(n.id));var i}))})});function he(e,r,t){return r[t]<e[t]?-1:r[t]>e[t]?1:0}const Se=({children:r,data:t,search:n,columns:o,defaultSort:i,defaultOrder:c="asc",loading:u=!1})=>{const[s,f]=a.useState(""),[l,p]=a.useState(c),[d,y]=a.useState(i),m=t.slice().filter(function(e,r){return t=>!r||e.some((e=>{let n=t[e.id];return n?.toLowerCase&&(n=n.toLowerCase()),n?.toString().includes(r.toLowerCase())}))}(o,s)).sort(function(e,r){return"desc"===e?(e,t)=>he(e,t,r):(e,t)=>-he(e,t,r)}(l,d));return e.jsx(e.Fragment,{children:e.jsxs(j.default,{sx:{paddingX:1,paddingBottom:2},children:[n&&e.jsx(j.default,{paddingY:2,children:e.jsx(E.default,{fullWidth:!0,placeholder:"Search",InputProps:{role:"search",startAdornment:e.jsx(P.default,{position:"start",children:e.jsx(N.default,{})})},onChange:e=>f(e.target.value)})}),e.jsx(O.default,{children:e.jsxs(T.default,{children:[e.jsx(ve,{order:l,orderBy:d,headCells:o,onRequestSort:e=>{p(d===e&&"asc"===l?"desc":"asc"),y(e)}}),e.jsx(C.default,{children:u?e.jsx(S.default,{children:e.jsx(g.default,{colSpan:o.length,sx:{textAlign:"center"},children:e.jsx(_.default,{})})}):0===m.length?e.jsx(S.default,{children:e.jsx(g.default,{colSpan:o.length,sx:{textAlign:"center"},children:"No data"})}):r(m)})]})})]})})};Se.defaultProps={defaultOrder:"asc"};exports.TableList=({columns:r,options:t,data:n,onClick:o,search:i,defaultSort:c,defaultOrder:u,loading:s})=>{const f=[...r,{id:"__options",label:"",disablePadding:!1,numeric:!1,sort:!1}],[l,p]=a.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx(Se,{columns:f,data:n,search:i,defaultSort:c,defaultOrder:u,loading:s,children:r=>r.map(((r,n)=>e.jsxs(S.default,{onClick:()=>o&&o(r),role:"row","aria-rowindex":n,sx:{cursor:o&&"pointer"},children:[f.map((({id:t},o)=>e.jsx(g.default,{role:"cell",scope:"row","aria-rowindex":n,"aria-colindex":o,children:r[t]},t.toString()))),t&&e.jsx(g.default,{children:e.jsx(x.default,{"data-testid":`options-${r.id}`,onClick:e=>{e.stopPropagation(),p({item:r,anchor:e.currentTarget})},children:e.jsx(I.default,{})})})]},r.id)))}),t&&e.jsx($.default,{anchorEl:l?.anchor,open:!!l,onClose:()=>p(null),anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:t.map((({id:r,label:t,onClick:n})=>e.jsx(w.default,{onClick:()=>{l&&n(l?.item),p(null)},children:t},r)))})]})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material/TableRow"),i=require("@mui/material/TableCell"),t=require("@mui/material/IconButton"),a=require("@mui/material/MenuItem"),n=require("@mui/material/Menu"),l=require("react"),o=require("@mui/material/Box"),s=require("@mui/material/TableContainer"),d=require("@mui/material/TextField"),c=require("@mui/material/TableBody"),u=require("@mui/material/InputAdornment"),m=require("@mui/material/Table"),h=require("@mui/material/CircularProgress"),x=require("@mui/icons-material/Search"),p=require("@mui/material/TableSortLabel"),g=require("@mui/material/TableHead"),j=require("@mui/icons-material/MoreVert");const q={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"},b=({order:t,orderBy:a,headCells:n,onRequestSort:l})=>e.jsx(g,{children:e.jsx(r,{children:n.map((r=>{return e.jsx(i,{variant:"head",padding:r.disablePadding?"none":"normal",sortDirection:a===r.id&&t,sx:{fontWeight:"bold"},children:r.sort?e.jsxs(p,{active:a===r.id,direction:a===r.id?t:"asc",onClick:(n=r.id,()=>{l(n)}),children:[r.label,a===r.id?e.jsx(o,{component:"span",sx:q,children:"desc"===t?"sorted descending":"sorted ascending"}):null]}):r.label},String(r.id));var n}))})});function f(e,r,i){return r[i]<e[i]?-1:r[i]>e[i]?1:0}const S=({children:t,data:a,search:n,columns:p,defaultSort:g,defaultOrder:j="asc",loading:q=!1})=>{const[S,C]=l.useState(""),[w,T]=l.useState(j),[v,k]=l.useState(g),B=a.slice().filter(function(e,r){return i=>!r||e.some((e=>{let t=i[e.id];return t?.toLowerCase&&(t=t.toLowerCase()),t?.toString().includes(r.toLowerCase())}))}(p,S)).sort(function(e,r){return"desc"===e?(e,i)=>f(e,i,r):(e,i)=>-f(e,i,r)}(w,v));return e.jsx(e.Fragment,{children:e.jsxs(o,{sx:{paddingX:1,paddingBottom:2},children:[n&&e.jsx(o,{paddingY:2,children:e.jsx(d,{fullWidth:!0,placeholder:"Search",InputProps:{role:"search",startAdornment:e.jsx(u,{position:"start",children:e.jsx(x,{})})},onChange:e=>C(e.target.value)})}),e.jsx(s,{children:e.jsxs(m,{children:[e.jsx(b,{order:w,orderBy:v,headCells:p,onRequestSort:e=>{T(v===e&&"asc"===w?"desc":"asc"),k(e)}}),e.jsx(c,{children:q?e.jsx(r,{children:e.jsx(i,{colSpan:p.length,sx:{textAlign:"center"},children:e.jsx(h,{})})}):0===B.length?e.jsx(r,{children:e.jsx(i,{colSpan:p.length,sx:{textAlign:"center"},children:"No data"})}):t(B)})]})})]})})};S.defaultProps={defaultOrder:"asc"};exports.TableList=({columns:o,options:s,data:d,onClick:c,search:u,defaultSort:m,defaultOrder:h,loading:x})=>{const p=[...o,{id:"__options",label:"",disablePadding:!1,numeric:!1,sort:!1}],[g,q]=l.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx(S,{columns:p,data:d,search:u,defaultSort:m,defaultOrder:h,loading:x,children:a=>a.map(((a,n)=>e.jsxs(r,{onClick:()=>c&&c(a),role:"row","aria-rowindex":n,sx:{cursor:c&&"pointer"},children:[p.map((({id:r},t)=>e.jsx(i,{role:"cell",scope:"row","aria-rowindex":n,"aria-colindex":t,children:a[r]},r.toString()))),s&&e.jsx(i,{children:e.jsx(t,{"data-testid":`options-${a.id}`,onClick:e=>{e.stopPropagation(),q({item:a,anchor:e.currentTarget})},children:e.jsx(j,{})})})]},a.id)))}),s&&e.jsx(n,{anchorEl:g?.anchor,open:!!g,onClose:()=>q(null),anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:s.map((({id:r,label:i,onClick:t})=>e.jsx(a,{onClick:()=>{g&&t(g?.item),q(null)},children:i},r)))})]})};
|
|
24
2
|
//# sourceMappingURL=index.js.map
|