dinocollab-shared 1.2.41 → 1.2.43
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/cart/styled.js +1 -1
- package/dist/cart/styled.js.map +1 -1
- package/dist/cart/widget.js +1 -1
- package/dist/cart/widget.js.map +1 -1
- package/dist/components/buttons.js +1 -1
- package/dist/components/buttons.js.map +1 -1
- package/dist/factory/cart-content/create.cart-content.js +2 -0
- package/dist/factory/cart-content/create.cart-content.js.map +1 -0
- package/dist/factory/cart-content/styled.js +2 -0
- package/dist/factory/cart-content/styled.js.map +1 -0
- package/dist/factory/cart-item/create.cart-item.js +2 -0
- package/dist/factory/cart-item/create.cart-item.js.map +1 -0
- package/dist/factory/cart-item/styled.js +2 -0
- package/dist/factory/cart-item/styled.js.map +1 -0
- package/dist/media-player/core/videoplayer.js.map +1 -1
- package/dist/media-right/media-widget/index.js +1 -1
- package/dist/media-right/media-widget/index.js.map +1 -1
- package/dist/media-right/media-widget/media-group-accordion.js +1 -1
- package/dist/media-right/media-widget/media-group-accordion.js.map +1 -1
- package/dist/media-right/media-widget/styled.js +1 -1
- package/dist/media-right/media-widget/styled.js.map +1 -1
- package/dist/notification/notify-list.js +1 -1
- package/dist/notification/notify-list.js.map +1 -1
- package/dist/notification/widget.js +1 -1
- package/dist/notification/widget.js.map +1 -1
- package/dist/types/cart/styled.d.ts +3 -15
- package/dist/types/cart/styled.d.ts.map +1 -1
- package/dist/types/cart/widget.d.ts +7 -7
- package/dist/types/cart/widget.d.ts.map +1 -1
- package/dist/types/components/buttons.d.ts +1 -0
- package/dist/types/components/buttons.d.ts.map +1 -1
- package/dist/types/factory/cart-content/create.cart-content.d.ts +5 -0
- package/dist/types/factory/cart-content/create.cart-content.d.ts.map +1 -0
- package/dist/types/factory/cart-content/index.d.ts +3 -0
- package/dist/types/factory/cart-content/index.d.ts.map +1 -0
- package/dist/types/factory/cart-content/styled.d.ts +10 -0
- package/dist/types/factory/cart-content/styled.d.ts.map +1 -0
- package/dist/types/factory/cart-content/types.d.ts +49 -0
- package/dist/types/factory/cart-content/types.d.ts.map +1 -0
- package/dist/types/factory/cart-item/create.cart-item.d.ts +5 -0
- package/dist/types/factory/cart-item/create.cart-item.d.ts.map +1 -0
- package/dist/types/factory/cart-item/index.d.ts +3 -0
- package/dist/types/factory/cart-item/index.d.ts.map +1 -0
- package/dist/types/factory/cart-item/styled.d.ts +8 -0
- package/dist/types/factory/cart-item/styled.d.ts.map +1 -0
- package/dist/types/factory/cart-item/types.d.ts +25 -0
- package/dist/types/factory/cart-item/types.d.ts.map +1 -0
- package/dist/types/factory/index.d.ts +3 -0
- package/dist/types/factory/index.d.ts.map +1 -0
- package/dist/types/media-player/core/videoplayer.d.ts +2 -2
- package/dist/types/media-player/core/videoplayer.d.ts.map +1 -1
- package/dist/types/media-right/index.d.ts +0 -1
- package/dist/types/media-right/index.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/index.d.ts +10 -3
- package/dist/types/media-right/media-widget/index.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/media-group-accordion.d.ts +9 -3
- package/dist/types/media-right/media-widget/media-group-accordion.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/styled.d.ts +2 -13
- package/dist/types/media-right/media-widget/styled.d.ts.map +1 -1
- package/dist/types/notification/notify-list.d.ts +11 -2
- package/dist/types/notification/notify-list.d.ts.map +1 -1
- package/dist/types/notification/widget.d.ts +2 -0
- package/dist/types/notification/widget.d.ts.map +1 -1
- package/package.json +3 -2
- package/dist/media-right/media-widget/item-title-props-context.js +0 -2
- package/dist/media-right/media-widget/item-title-props-context.js.map +0 -1
- package/dist/media-right/media-widget/media-list.js +0 -2
- package/dist/media-right/media-widget/media-list.js.map +0 -1
- package/dist/media-right/media-widget/units.js +0 -2
- package/dist/media-right/media-widget/units.js.map +0 -1
- package/dist/types/media-right/media-widget/item-title-props-context.d.ts +0 -15
- package/dist/types/media-right/media-widget/item-title-props-context.d.ts.map +0 -1
- package/dist/types/media-right/media-widget/media-list.d.ts +0 -8
- package/dist/types/media-right/media-widget/media-list.d.ts.map +0 -1
- package/dist/types/media-right/media-widget/units.d.ts +0 -3
- package/dist/types/media-right/media-widget/units.d.ts.map +0 -1
|
@@ -1,7 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ButtonProps } from '@mui/material';
|
|
3
|
-
import type {
|
|
4
|
-
export interface IMediaGroupWidgetProps
|
|
2
|
+
import { ButtonProps, TypographyProps } from '@mui/material';
|
|
3
|
+
import type { IMediaRightItem } from '../types';
|
|
4
|
+
export interface IMediaGroupWidgetProps {
|
|
5
|
+
itemTitleProps?: TypographyProps & {
|
|
6
|
+
[key: string]: any;
|
|
7
|
+
};
|
|
8
|
+
itemTitlePropsGetter?: (item: IMediaRightItem, onClose?: () => void) => TypographyProps & {
|
|
9
|
+
[key: string]: any;
|
|
10
|
+
};
|
|
11
|
+
onClose?: () => void;
|
|
5
12
|
localStorageKey?: string;
|
|
6
13
|
hrefCart?: string;
|
|
7
14
|
buttonMoveToCartProps?: ButtonProps & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/index.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAS,WAAW,EAAU,eAAe,EAA2B,MAAM,eAAe,CAAA;AAOpG,OAAO,KAAK,EAAoB,eAAe,EAAE,MAAM,UAAU,CAAA;AAKjE,MAAM,WAAW,sBAAsB;IACrC,cAAc,CAAC,EAAE,eAAe,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IACzD,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,MAAM,IAAI,KAAK,eAAe,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAChH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qBAAqB,CAAC,EAAE,WAAW,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC5D,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACvC;AAiBD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuH7D,CAAA;AAED,eAAO,MAAM,sBAAsB,WAAY,sBAAsB,wDAIpE,CAAA"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import type {
|
|
3
|
-
import type { IMediaRightGroup } from '../types';
|
|
1
|
+
import type { ComponentType, FC } from 'react';
|
|
2
|
+
import type { AccordionProps, AccordionDetailsProps, AccordionSummaryProps, BoxProps, TypographyProps } from '@mui/material';
|
|
3
|
+
import type { IMediaRightGroup, IMediaRightItem } from '../types';
|
|
4
4
|
export interface IMediaGroupAccordionProps {
|
|
5
5
|
group: IMediaRightGroup;
|
|
6
6
|
accordionProps?: Partial<AccordionProps>;
|
|
7
|
+
accordionSummaryProps?: Partial<AccordionSummaryProps>;
|
|
8
|
+
accordionDetailsProps?: Partial<AccordionDetailsProps>;
|
|
9
|
+
renderItem?: (item: IMediaRightItem) => React.ReactNode;
|
|
7
10
|
onEditGroup: (group: IMediaRightGroup) => void;
|
|
8
11
|
onDeleteGroup: (groupId: string) => void;
|
|
9
12
|
onDeleteMedia: (groupId: string, mediaId: string) => void;
|
|
10
13
|
}
|
|
11
14
|
export declare const MediaGroupAccordion: FC<IMediaGroupAccordionProps>;
|
|
15
|
+
export declare const PlaylistAccordion: ComponentType<AccordionProps>;
|
|
16
|
+
export declare const ItemBox: ComponentType<BoxProps>;
|
|
17
|
+
export declare const ItemTitle: ComponentType<TypographyProps>;
|
|
12
18
|
//# sourceMappingURL=media-group-accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"media-group-accordion.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/media-group-accordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"media-group-accordion.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/media-group-accordion.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAc,MAAM,OAAO,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC5H,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAEjE,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,gBAAgB,CAAA;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IACtD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,WAAW,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1D;AAED,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,yBAAyB,CA8C7D,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,cAAc,CAoB1D,CAAA;AAEF,eAAO,MAAM,OAAO,EAAE,aAAa,CAAC,QAAQ,CAMzC,CAAA;AAEH,eAAO,MAAM,SAAS,EAAE,aAAa,CAAC,eAAe,CAMlD,CAAA"}
|
|
@@ -1,16 +1,5 @@
|
|
|
1
1
|
import type { ComponentType } from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
export declare const
|
|
4
|
-
root: string;
|
|
5
|
-
header: string;
|
|
6
|
-
headerText: string;
|
|
7
|
-
footer: string;
|
|
8
|
-
content: string;
|
|
9
|
-
item: string;
|
|
10
|
-
itemTitle: string;
|
|
11
|
-
itemChild: string;
|
|
12
|
-
itemChildTitle: string;
|
|
13
|
-
};
|
|
14
|
-
export declare const MenuContentStyled: ComponentType<BoxProps>;
|
|
2
|
+
import type { MenuProps, StackProps } from '@mui/material';
|
|
3
|
+
export declare const Root: ComponentType<StackProps>;
|
|
15
4
|
export declare const MenuStyled: ComponentType<MenuProps>;
|
|
16
5
|
//# sourceMappingURL=styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/styled.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1D,eAAO,MAAM,IAAI,EAAE,aAAa,CAAC,UAAU,CAMxC,CAAA;AAEH,eAAO,MAAM,UAAU,EAAE,aAAa,CAAC,SAAS,CAsC7C,CAAA"}
|
|
@@ -1,6 +1,15 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
1
|
+
import { Component, ComponentProps } from 'react';
|
|
2
|
+
import { Button } from '@mui/material';
|
|
2
3
|
import { INotification } from './types';
|
|
3
|
-
interface
|
|
4
|
+
export interface INotifyListSlots {
|
|
5
|
+
/** @default true */
|
|
6
|
+
enableViewAll?: boolean;
|
|
7
|
+
buttonViewAllProps?: ComponentProps<typeof Button> & {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
onViewAllClick?: () => void;
|
|
11
|
+
}
|
|
12
|
+
interface INotifyListProps extends INotifyListSlots {
|
|
4
13
|
data: INotification[];
|
|
5
14
|
onClick?: (value: INotification) => void;
|
|
6
15
|
isMobile?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notify-list.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"notify-list.d.ts","sourceRoot":"","sources":["../../../src/notification/notify-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAc,MAAM,EAAsC,MAAM,eAAe,CAAA;AAGtF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAKvC,MAAM,WAAW,gBAAgB;IAC/B,oBAAoB;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAA;IAC3E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;CAC5B;AAED,UAAU,gBAAiB,SAAQ,gBAAgB;IACjD,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IAClD,MAAM;IA4DN,UAAU,SAAU,aAAa,SAAS,MAAM,6CAoB/C;IAED,cAAc,iBAAkB,aAAa,UAI5C;IAED,cAAc,UAAW,MAAM,YAI9B;IAED,QAAQ,cAAe,OAAO,qBAE7B;CACF;AACD,eAAe,UAAU,CAAA"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { FetchDataFunction } from './hook';
|
|
3
3
|
import { INotification, ReadFunction, FetchDetailFunction } from './types';
|
|
4
|
+
import { INotifyListSlots } from './notify-list';
|
|
4
5
|
export interface INotificationWidgetProps {
|
|
5
6
|
featData: FetchDataFunction<INotification[]>;
|
|
6
7
|
fetchDetail?: FetchDetailFunction;
|
|
7
8
|
onRead?: ReadFunction;
|
|
9
|
+
notifyListSlots?: INotifyListSlots;
|
|
8
10
|
}
|
|
9
11
|
export declare const NotificationWidget: FC<INotificationWidgetProps>;
|
|
10
12
|
export default NotificationWidget;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/notification/widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,EAAE,EAAuB,MAAM,OAAO,CAAA;AAK1D,OAAO,EAAE,iBAAiB,EAAgB,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAyB,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../src/notification/widget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,EAAE,EAAuB,MAAM,OAAO,CAAA;AAK1D,OAAO,EAAE,iBAAiB,EAAgB,MAAM,QAAQ,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAyB,MAAM,SAAS,CAAA;AACjG,OAAmB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AA2H5D,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,iBAAiB,CAAC,aAAa,EAAE,CAAC,CAAA;IAC5C,WAAW,CAAC,EAAE,mBAAmB,CAAA;IACjC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,eAAe,CAAC,EAAE,gBAAgB,CAAA;CACnC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAwD3D,CAAA;AACD,eAAe,kBAAkB,CAAA;AAEjC,eAAO,MAAM,wBAAwB,WAAY,wBAAwB,0CAIxE,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dinocollab-shared",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.43",
|
|
4
4
|
"description": "DinoCollab shared utilities and components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
"author": "@dinocollab",
|
|
11
11
|
"license": "ISC",
|
|
12
12
|
"scripts": {
|
|
13
|
-
"build": "npx rimraf dist && rollup -c && node create-proxy-files.js"
|
|
13
|
+
"build": "npx rimraf dist && rollup -c && node create-proxy-files.js",
|
|
14
|
+
"test": "pnpm version patch && pnpm build && pnpm pack"
|
|
14
15
|
},
|
|
15
16
|
"files": [
|
|
16
17
|
"dist"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item-title-props-context.js","sources":["../../../src/media-right/media-widget/item-title-props-context.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\r\nimport type { IMediaRightItem } from '../types'\r\nimport type { TypographyProps } from '@mui/material'\r\n\r\nexport type ITypographyProps = TypographyProps & { [key: string]: any }\r\n\r\nexport type GetItemTitleProps = (item: IMediaRightItem) => ITypographyProps\r\n\r\nexport interface ITitlePropsContextValue {\r\n itemTitleProps?: ITypographyProps\r\n itemTitlePropsGetter?: (item: IMediaRightItem) => ITypographyProps\r\n onClose?: () => void\r\n}\r\n\r\nexport const ItemTitlePropsContext = createContext<ITitlePropsContextValue | undefined>(undefined)\r\n\r\nexport const useItemTitleProps = () => useContext(ItemTitlePropsContext)"],"names":["ItemTitlePropsContext","createContext","undefined","useItemTitleProps","useContext"],"mappings":"0DAcaA,EAAwBC,OAAmDC,GAE3EC,EAAoB,WAAH,OAASC,EAAWJ,EAAsB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as r}from"react/jsx-runtime";import{ImageWithFallback as i}from"dinocollab-core/components";import{useItemTitleProps as o}from"./item-title-props-context.js";import{Typography as l,List as n,ListItem as a}from"@mui/material";import{DeleteButton as m}from"./button.delete.js";import{mediaWidgetClasses as c}from"./styled.js";var s=function(s){var d=s.medias,p=s.onDelete,u=o()||{},f=u.itemTitleProps,h=u.itemTitlePropsGetter,x=u.onClose;return 0===d.length?t(l,{variant:"body2",color:"text.secondary",sx:{textAlign:"center",py:2},children:"No media in this playlist yet"}):t(n,{children:d.map(function(o){return r(a,{sx:{gap:1,alignItems:"center"},className:c.itemChild,children:[t(i,{src:null==o?void 0:o.PictureUrl,title:null==o?void 0:o.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture",style:{width:"50px",height:"50px",borderRadius:3,objectFit:"cover",flex:"0 0 auto"}}),t(l,e(e({noWrap:!0,variant:"subtitle1",fontWeight:500,sx:{flexGrow:1},title:o.ProductName},h?h(o):null!=f?f:{}),{},{onClick:x,className:c.itemChildTitle,children:o.ProductName})),t(m,{onDelete:function(){return p(o.ProductId)},size:"small"})]},o.MediaId)})})};export{s as MediaList};
|
|
2
|
-
//# sourceMappingURL=media-list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"media-list.js","sources":["../../../src/media-right/media-widget/media-list.tsx"],"sourcesContent":["import { ImageWithFallback } from 'dinocollab-core/components'\r\nimport { useItemTitleProps } from './item-title-props-context'\r\nimport { List, ListItem, Typography } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { IMediaRightItem } from '../types'\r\nimport { DeleteButton } from './button.delete'\r\nimport { mediaWidgetClasses } from './styled'\r\n\r\nexport interface IMediaListProps {\r\n medias: IMediaRightItem[]\r\n onDelete: (mediaId: string) => void\r\n}\r\n\r\nexport const MediaList: FC<IMediaListProps> = ({ medias, onDelete }) => {\r\n const { itemTitleProps, itemTitlePropsGetter, onClose } = useItemTitleProps() || {}\r\n\r\n if (medias.length === 0) {\r\n return (\r\n <Typography variant='body2' color='text.secondary' sx={{ textAlign: 'center', py: 2 }}>\r\n No media in this playlist yet\r\n </Typography>\r\n )\r\n }\r\n\r\n return (\r\n <List>\r\n {medias.map((media) => (\r\n <ListItem key={media.MediaId} sx={{ gap: 1, alignItems: 'center' }} className={mediaWidgetClasses.itemChild}>\r\n <ImageWithFallback\r\n src={media?.PictureUrl}\r\n title={media?.PictureUrl}\r\n fallbackSrc='images/default-video.webp'\r\n alt='product-picture'\r\n style={{\r\n width: '50px',\r\n height: '50px',\r\n borderRadius: 3,\r\n objectFit: 'cover',\r\n flex: '0 0 auto'\r\n }}\r\n />\r\n <Typography\r\n noWrap\r\n variant='subtitle1'\r\n fontWeight={500}\r\n sx={{ flexGrow: 1 }}\r\n title={media.ProductName}\r\n {...(itemTitlePropsGetter ? itemTitlePropsGetter(media) : itemTitleProps ?? {})}\r\n onClick={onClose}\r\n className={mediaWidgetClasses.itemChildTitle}\r\n >\r\n {media.ProductName}\r\n </Typography>\r\n <DeleteButton onDelete={() => onDelete(media.ProductId)} size='small' />\r\n </ListItem>\r\n ))}\r\n </List>\r\n )\r\n}\r\n"],"names":["MediaList","_ref","medias","onDelete","_ref2","useItemTitleProps","itemTitleProps","itemTitlePropsGetter","onClose","length","_jsx","Typography","variant","color","sx","textAlign","py","children","List","map","media","_jsxs","ListItem","gap","alignItems","className","mediaWidgetClasses","itemChild","ImageWithFallback","src","PictureUrl","title","fallbackSrc","alt","style","width","height","borderRadius","objectFit","flex","_objectSpread","noWrap","fontWeight","flexGrow","ProductName","onClick","itemChildTitle","DeleteButton","ProductId","size","MediaId"],"mappings":"yaAaaA,EAAiC,SAAxBC,GAAiD,IAAtBC,EAAMD,EAANC,OAAQC,EAAQF,EAARE,SACvDC,EAA0DC,KAAuB,CAAE,EAA3EC,EAAcF,EAAdE,eAAgBC,EAAoBH,EAApBG,qBAAsBC,EAAOJ,EAAPI,QAE9C,OAAsB,IAAlBN,EAAOO,OAEPC,EAACC,EAAW,CAAAC,QAAQ,QAAQC,MAAM,iBAAiBC,GAAI,CAAEC,UAAW,SAAUC,GAAI,GAErEC,SAAA,kCAKfP,EAACQ,EACE,CAAAD,SAAAf,EAAOiB,IAAI,SAACC,GAAK,OAChBC,EAACC,EAAQ,CAAqBR,GAAI,CAAES,IAAK,EAAGC,WAAY,UAAYC,UAAWC,EAAmBC,UAASV,SAAA,CACzGP,EAACkB,EACC,CAAAC,IAAKT,aAAAA,EAAAA,EAAOU,WACZC,MAAOX,aAAAA,EAAAA,EAAOU,WACdE,YAAY,4BACZC,IAAI,kBACJC,MAAO,CACLC,MAAO,OACPC,OAAQ,OACRC,aAAc,EACdC,UAAW,QACXC,KAAM,cAGV7B,EAACC,EAAU6B,EAAAA,EAAA,CACTC,QAAM,EACN7B,QAAQ,YACR8B,WAAY,IACZ5B,GAAI,CAAE6B,SAAU,GAChBZ,MAAOX,EAAMwB,aACRrC,EAAuBA,EAAqBa,GAASd,QAAAA,EAAkB,CAAE,GAAA,CAAA,EAAA,CAC9EuC,QAASrC,EACTiB,UAAWC,EAAmBoB,eAAc7B,SAE3CG,EAAMwB,eAETlC,EAACqC,EAAa,CAAA5C,SAAU,WAAF,OAAQA,EAASiB,EAAM4B,UAAU,EAAEC,KAAK,YA1BjD7B,EAAM8B,QA4BtB,IAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{jsx as r,jsxs as t}from"react/jsx-runtime";import{Card as o,CardContent as e,Typography as i}from"@mui/material";import n from"@mui/icons-material/Folder";var a=function(){return r(o,{sx:{boxShadow:0,height:"100%"},children:t(e,{sx:{textAlign:"center",py:4},children:[r(n,{sx:{fontSize:64,color:"text.secondary",mb:2}}),r(i,{variant:"h6",color:"text.secondary",children:"No playlist yet."}),r(i,{variant:"body2",color:"text.secondary",children:"Try adding some playlist."})]})})};export{a as EmptyState};
|
|
2
|
-
//# sourceMappingURL=units.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"units.js","sources":["../../../src/media-right/media-widget/units.tsx"],"sourcesContent":["import { Card, CardContent, Typography } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport FolderIcon from '@mui/icons-material/Folder'\r\n\r\nexport const EmptyState: FC = () => (\r\n <Card sx={{ boxShadow: 0, height: '100%' }}>\r\n <CardContent sx={{ textAlign: 'center', py: 4 }}>\r\n <FolderIcon sx={{ fontSize: 64, color: 'text.secondary', mb: 2 }} />\r\n <Typography variant='h6' color='text.secondary'>\r\n No playlist yet.\r\n </Typography>\r\n <Typography variant='body2' color='text.secondary'>\r\n Try adding some playlist.\r\n </Typography>\r\n </CardContent>\r\n </Card>\r\n)\r\n"],"names":["EmptyState","_jsx","Card","sx","boxShadow","height","_jsxs","CardContent","textAlign","py","children","FolderIcon","fontSize","color","mb","Typography","variant"],"mappings":"kKAIaA,IAAAA,EAAiB,WAAP,OACrBC,EAACC,EAAI,CAACC,GAAI,CAAEC,UAAW,EAAGC,OAAQ,iBAChCC,EAACC,GAAYJ,GAAI,CAAEK,UAAW,SAAUC,GAAI,GAC1CC,SAAA,CAAAT,EAACU,EAAW,CAAAR,GAAI,CAAES,SAAU,GAAIC,MAAO,iBAAkBC,GAAI,KAC7Db,EAACc,EAAU,CAACC,QAAQ,KAAKH,MAAM,iBAAgBH,SAAA,qBAG/CT,EAACc,GAAWC,QAAQ,QAAQH,MAAM,4DAI/B"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { IMediaRightItem } from '../types';
|
|
3
|
-
import type { TypographyProps } from '@mui/material';
|
|
4
|
-
export type ITypographyProps = TypographyProps & {
|
|
5
|
-
[key: string]: any;
|
|
6
|
-
};
|
|
7
|
-
export type GetItemTitleProps = (item: IMediaRightItem) => ITypographyProps;
|
|
8
|
-
export interface ITitlePropsContextValue {
|
|
9
|
-
itemTitleProps?: ITypographyProps;
|
|
10
|
-
itemTitlePropsGetter?: (item: IMediaRightItem) => ITypographyProps;
|
|
11
|
-
onClose?: () => void;
|
|
12
|
-
}
|
|
13
|
-
export declare const ItemTitlePropsContext: import("react").Context<ITitlePropsContextValue | undefined>;
|
|
14
|
-
export declare const useItemTitleProps: () => ITitlePropsContextValue | undefined;
|
|
15
|
-
//# sourceMappingURL=item-title-props-context.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item-title-props-context.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/item-title-props-context.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAEpD,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,CAAA;AAEvE,MAAM,MAAM,iBAAiB,GAAG,CAAC,IAAI,EAAE,eAAe,KAAK,gBAAgB,CAAA;AAE3E,MAAM,WAAW,uBAAuB;IACtC,cAAc,CAAC,EAAE,gBAAgB,CAAA;IACjC,oBAAoB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,gBAAgB,CAAA;IAClE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAM,qBAAqB,8DAAgE,CAAA;AAElG,eAAO,MAAM,iBAAiB,2CAA0C,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { FC } from 'react';
|
|
2
|
-
import type { IMediaRightItem } from '../types';
|
|
3
|
-
export interface IMediaListProps {
|
|
4
|
-
medias: IMediaRightItem[];
|
|
5
|
-
onDelete: (mediaId: string) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const MediaList: FC<IMediaListProps>;
|
|
8
|
-
//# sourceMappingURL=media-list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"media-list.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/media-list.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI/C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC;AAED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,eAAe,CA6CzC,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"units.d.ts","sourceRoot":"","sources":["../../../../src/media-right/media-widget/units.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,eAAO,MAAM,UAAU,EAAE,EAYxB,CAAA"}
|