@dilicorp/ui 0.2.29 → 0.2.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/atoms/icon.d.ts +1 -2
- package/dist/atoms/icon.js +3 -15
- package/dist/atoms/input-datepicker.d.ts +0 -1
- package/dist/atoms/input-datepicker.js +2 -2
- package/dist/atoms/pluxee-icon/base-icon.js +7 -1
- package/dist/atoms/pluxee-icon/icon-download.js +2 -2
- package/dist/atoms/pluxee-icon/pluxee-icon.d.ts +1 -8
- package/dist/atoms/pluxee-icon/pluxee-icon.js +3 -24
- package/dist/components/alert-template/alert-provider.js +1 -1
- package/dist/components/form-builder/components/button.d.ts +1 -1
- package/dist/components/form-builder/components/button.js +1 -2
- package/dist/components/form-builder/components/checkbox.d.ts +0 -1
- package/dist/components/form-builder/components/checkbox.js +3 -4
- package/dist/components/form-builder/components/input-currency.js +2 -15
- package/dist/components/form-builder/components/input-mask.js +2 -15
- package/dist/components/form-builder/components/input-prefix-suffix.js +2 -15
- package/dist/components/form-builder/components/input.d.ts +0 -1
- package/dist/components/form-builder/components/input.js +4 -6
- package/dist/components/form-builder/components/radio.d.ts +0 -1
- package/dist/components/form-builder/components/radio.js +3 -4
- package/dist/components/layout/authenticated-layout/authenticated-layout.d.ts +0 -4
- package/dist/components/layout/authenticated-layout/authenticated-layout.js +6 -6
- package/dist/components/layout/layout.d.ts +0 -4
- package/dist/components/page-create/page-create.d.ts +1 -1
- package/dist/components/page-create/page-create.js +1 -1
- package/dist/components/page-list/filters/filter-async-select.d.ts +25 -0
- package/dist/components/page-list/filters/filter-async-select.js +49 -0
- package/dist/components/page-list/filters/index.d.ts +1 -0
- package/dist/components/page-list/filters/index.js +1 -0
- package/dist/components/page-list/page-list.js +2 -6
- package/dist/components/side-navigation-bar/side-navigation-bar-item.d.ts +0 -1
- package/dist/components/side-navigation-bar/side-navigation-bar-item.js +13 -39
- package/dist/components/side-navigation-bar/side-navigation-bar.js +2 -2
- package/dist/css/style.min.css +2 -2
- package/dist/index.d.ts +2 -5
- package/dist/index.js +2 -5
- package/dist/molecules/table-column-management.js +4 -8
- package/dist/molecules/table.d.ts +2 -0
- package/dist/molecules/table.js +3 -3
- package/package.json +1 -1
- package/.vscode/extensions.json +0 -7
- package/.vscode/settings.json +0 -38
- package/dist/atoms/pluxee-icon/icon-card-slashed.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-card-slashed.js +0 -12
- package/dist/atoms/pluxee-icon/icon-circle.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-circle.js +0 -6
- package/dist/atoms/pluxee-icon/icon-clock.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-clock.js +0 -7
- package/dist/atoms/pluxee-icon/icon-eye-closed-outline.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-eye-closed-outline.js +0 -10
- package/dist/atoms/pluxee-icon/icon-identification.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-identification.js +0 -10
- package/dist/atoms/pluxee-icon/icon-negotiation.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-negotiation.js +0 -6
- package/dist/atoms/pluxee-icon/icon-play.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-play.js +0 -6
- package/dist/atoms/pluxee-icon/icon-qrcode.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-qrcode.js +0 -17
- package/dist/atoms/pluxee-icon/icon-update-limit.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-update-limit.js +0 -8
- package/dist/atoms/pluxee-icon/icon-user-group.d.ts +0 -6
- package/dist/atoms/pluxee-icon/icon-user-group.js +0 -6
- package/dist/components/layout/pluxee-logo/pluxee-logo-card.d.ts +0 -8
- package/dist/components/layout/pluxee-logo/pluxee-logo-card.js +0 -14
- package/dist/molecules/card-summary/card-summary-body.d.ts +0 -12
- package/dist/molecules/card-summary/card-summary-body.js +0 -9
- package/dist/molecules/card-summary/card-summary-container.d.ts +0 -14
- package/dist/molecules/card-summary/card-summary-container.js +0 -19
- package/dist/molecules/card-summary/card-summary-footer.d.ts +0 -15
- package/dist/molecules/card-summary/card-summary-footer.js +0 -11
- package/dist/molecules/card-summary/card-summary-header.d.ts +0 -12
- package/dist/molecules/card-summary/card-summary-header.js +0 -11
- package/dist/molecules/card-summary/card-summary.d.ts +0 -40
- package/dist/molecules/card-summary/card-summary.js +0 -10
- package/dist/molecules/modal/modal.d.ts +0 -11
- package/dist/molecules/modal/modal.js +0 -15
- package/dist/molecules/panel/panel-container.d.ts +0 -12
- package/dist/molecules/panel/panel-container.js +0 -9
- package/dist/molecules/panel/panel-field.d.ts +0 -12
- package/dist/molecules/panel/panel-field.js +0 -12
- package/dist/molecules/panel/panel-group.d.ts +0 -14
- package/dist/molecules/panel/panel-group.js +0 -9
- package/dist/molecules/panel/panel.d.ts +0 -31
- package/dist/molecules/panel/panel.js +0 -8
- package/dist/molecules/player-video/modal-video.d.ts +0 -24
- package/dist/molecules/player-video/modal-video.js +0 -18
- package/dist/molecules/player-video/player-video.d.ts +0 -31
- package/dist/molecules/player-video/player-video.js +0 -8
- package/dist/molecules/player-video/thumb-video.d.ts +0 -12
- package/dist/molecules/player-video/thumb-video.js +0 -11
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import { Button } from '../../atoms/button';
|
|
3
|
-
import { Alert } from '../../molecules/alert';
|
|
4
|
-
import classNames from 'classnames';
|
|
5
|
-
export const Modal = forwardRef((props, ref) => {
|
|
6
|
-
const { children, title, closeFn, className, innerRef } = props;
|
|
7
|
-
const classes = classNames(className !== null && className !== void 0 ? className : 'alert-small');
|
|
8
|
-
return (React.createElement(Alert, { ref: ref !== null && ref !== void 0 ? ref : innerRef, className: classes },
|
|
9
|
-
React.createElement("div", { className: "modal modal-sm" },
|
|
10
|
-
React.createElement("div", { className: "modal-header" },
|
|
11
|
-
React.createElement("div", { className: "title" }, title),
|
|
12
|
-
React.createElement(Button, { small: true, onClick: closeFn }, "\u00D7")),
|
|
13
|
-
React.createElement("div", { className: "modal-body" }, children))));
|
|
14
|
-
});
|
|
15
|
-
Modal.displayName = 'Modal';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type PanelContainerProps = {
|
|
3
|
-
children: React.ReactNode;
|
|
4
|
-
type?: 'row' | 'flex';
|
|
5
|
-
containerClassName?: string;
|
|
6
|
-
} & React.HTMLAttributes<HTMLDivElement>;
|
|
7
|
-
export declare const PanelContainer: {
|
|
8
|
-
({ children, className, type, containerClassName }: PanelContainerProps): JSX.Element;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=panel-container.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
export const PanelContainer = ({ children, className, type = 'row', containerClassName }) => {
|
|
4
|
-
const classes = classNames(className, type === 'row' ? 'row' : 'd-flex');
|
|
5
|
-
const classesContainer = classNames(containerClassName, 'panel-container');
|
|
6
|
-
return (React.createElement("div", { className: classesContainer },
|
|
7
|
-
React.createElement("div", { className: classes }, children)));
|
|
8
|
-
};
|
|
9
|
-
PanelContainer.displayName = 'PanelContainer';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type PanelFieldProps = {
|
|
3
|
-
label: string;
|
|
4
|
-
value?: React.ReactNode;
|
|
5
|
-
forceShow?: boolean;
|
|
6
|
-
};
|
|
7
|
-
export declare const PanelField: {
|
|
8
|
-
({ label, value, forceShow }: PanelFieldProps): JSX.Element | null;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=panel-field.d.ts.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const PanelField = ({ label, value, forceShow = true }) => {
|
|
3
|
-
if (!forceShow && !value)
|
|
4
|
-
return null;
|
|
5
|
-
return (React.createElement("div", { className: "panel-field" },
|
|
6
|
-
label ? React.createElement(React.Fragment, null,
|
|
7
|
-
label,
|
|
8
|
-
":") : '',
|
|
9
|
-
" ",
|
|
10
|
-
React.createElement("strong", null, value)));
|
|
11
|
-
};
|
|
12
|
-
PanelField.displayName = 'PanelField';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ColProps } from '../../atoms/col';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
label?: string;
|
|
5
|
-
value?: React.ReactNode | string;
|
|
6
|
-
big?: boolean;
|
|
7
|
-
upper?: boolean;
|
|
8
|
-
} & ColProps;
|
|
9
|
-
export declare const PanelGroup: {
|
|
10
|
-
({ value, label, size, big, upper }: Props): JSX.Element;
|
|
11
|
-
displayName: string;
|
|
12
|
-
};
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=panel-group.d.ts.map
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Col } from '../../atoms/col';
|
|
3
|
-
export const PanelGroup = ({ value, label, size = [12, 6], big = false, upper = true }) => {
|
|
4
|
-
return (React.createElement(Col, { size: size },
|
|
5
|
-
React.createElement("div", { className: "panel-group" },
|
|
6
|
-
React.createElement("label", null, label),
|
|
7
|
-
React.createElement("div", { className: `${upper ? ' upper' : ''} text${big ? ' big' : ''}` }, value || '-'))));
|
|
8
|
-
};
|
|
9
|
-
PanelGroup.displayName = 'PanelGroup';
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Panel: {
|
|
3
|
-
Container: {
|
|
4
|
-
({ children, className, type, containerClassName }: {
|
|
5
|
-
children: import("react").ReactNode;
|
|
6
|
-
type?: "row" | "flex" | undefined;
|
|
7
|
-
containerClassName?: string | undefined;
|
|
8
|
-
} & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
9
|
-
displayName: string;
|
|
10
|
-
};
|
|
11
|
-
Group: {
|
|
12
|
-
({ value, label, size, big, upper }: {
|
|
13
|
-
label?: string | undefined;
|
|
14
|
-
value?: import("react").ReactNode;
|
|
15
|
-
big?: boolean | undefined;
|
|
16
|
-
upper?: boolean | undefined;
|
|
17
|
-
} & {
|
|
18
|
-
size?: boolean | ("none" | 1 | 2 | 3 | 4 | 5 | "auto" | 6 | 7 | 8 | 9 | 10 | 11 | 12) | ("none" | 1 | 2 | 3 | 4 | 5 | "auto" | 6 | 7 | 8 | 9 | 10 | 11 | 12)[] | undefined;
|
|
19
|
-
} & import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
20
|
-
displayName: string;
|
|
21
|
-
};
|
|
22
|
-
Field: {
|
|
23
|
-
({ label, value, forceShow }: {
|
|
24
|
-
label: string;
|
|
25
|
-
value?: import("react").ReactNode;
|
|
26
|
-
forceShow?: boolean | undefined;
|
|
27
|
-
}): JSX.Element | null;
|
|
28
|
-
displayName: string;
|
|
29
|
-
};
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=panel.d.ts.map
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AlertRef } from '../alert';
|
|
3
|
-
declare type SourceType = {
|
|
4
|
-
src: string;
|
|
5
|
-
type: 'mp4' | 'ogg' | 'webm';
|
|
6
|
-
};
|
|
7
|
-
declare type SubtitleType = {
|
|
8
|
-
src: string;
|
|
9
|
-
lang: string;
|
|
10
|
-
label: string;
|
|
11
|
-
};
|
|
12
|
-
declare type ModalVideoProps = {
|
|
13
|
-
closeFn?: () => void;
|
|
14
|
-
className?: string;
|
|
15
|
-
innerRef?: React.ForwardedRef<AlertRef>;
|
|
16
|
-
sources: SourceType[];
|
|
17
|
-
subtitles?: SubtitleType[];
|
|
18
|
-
autoplay?: boolean;
|
|
19
|
-
muted?: boolean;
|
|
20
|
-
controls?: boolean;
|
|
21
|
-
};
|
|
22
|
-
export declare const ModalVideo: React.ForwardRefExoticComponent<ModalVideoProps & React.RefAttributes<AlertRef>>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=modal-video.d.ts.map
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React, { forwardRef } from 'react';
|
|
2
|
-
import { Alert } from '../alert';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { Icon } from '../../atoms/icon';
|
|
5
|
-
export const ModalVideo = forwardRef((props, ref) => {
|
|
6
|
-
const { closeFn, className, innerRef, sources, subtitles, autoplay = true, muted = true, controls = true } = props;
|
|
7
|
-
const classes = classNames(className);
|
|
8
|
-
return (React.createElement(Alert, { ref: ref !== null && ref !== void 0 ? ref : innerRef, className: classes },
|
|
9
|
-
React.createElement("div", { className: "modal" },
|
|
10
|
-
React.createElement("div", { className: "d-flex justify-content-end container-player-close" },
|
|
11
|
-
React.createElement("button", { className: "button-player-close", onClick: closeFn },
|
|
12
|
-
React.createElement(Icon, { pluxee: true, icon: "fa-delete", size: "lg" }))),
|
|
13
|
-
React.createElement("div", { className: "modal-body" },
|
|
14
|
-
React.createElement("video", { className: "player-video-src", controls: controls, autoPlay: autoplay, muted: muted },
|
|
15
|
-
sources && sources.map(item => React.createElement("source", { key: item.src, src: item.src, type: `video/${item.type}` })),
|
|
16
|
-
subtitles && subtitles.map(item => React.createElement("track", { key: item.src, src: item.src, kind: "subtitles", srcLang: item.lang, label: item.label })))))));
|
|
17
|
-
});
|
|
18
|
-
ModalVideo.displayName = 'ModalVideo';
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export * from './thumb-video';
|
|
3
|
-
export * from './modal-video';
|
|
4
|
-
export declare const PlayerVideo: {
|
|
5
|
-
Modal: import("react").ForwardRefExoticComponent<{
|
|
6
|
-
closeFn?: (() => void) | undefined;
|
|
7
|
-
className?: string | undefined;
|
|
8
|
-
innerRef?: import("react").ForwardedRef<import("../alert").AlertRef> | undefined;
|
|
9
|
-
sources: {
|
|
10
|
-
src: string;
|
|
11
|
-
type: "mp4" | "ogg" | "webm";
|
|
12
|
-
}[];
|
|
13
|
-
subtitles?: {
|
|
14
|
-
src: string;
|
|
15
|
-
lang: string;
|
|
16
|
-
label: string;
|
|
17
|
-
}[] | undefined;
|
|
18
|
-
autoplay?: boolean | undefined;
|
|
19
|
-
muted?: boolean | undefined;
|
|
20
|
-
controls?: boolean | undefined;
|
|
21
|
-
} & import("react").RefAttributes<import("../alert").AlertRef>>;
|
|
22
|
-
Thumb: ({ thumbSrc, width, height, className, onClick, children }: {
|
|
23
|
-
thumbSrc: string;
|
|
24
|
-
onClick?: (() => void) | undefined;
|
|
25
|
-
width?: string | number | undefined;
|
|
26
|
-
height?: string | number | undefined;
|
|
27
|
-
className?: string | undefined;
|
|
28
|
-
children?: import("react").ReactNode;
|
|
29
|
-
}) => JSX.Element;
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=player-video.d.ts.map
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type ThumbVideoProps = {
|
|
3
|
-
thumbSrc: string;
|
|
4
|
-
onClick?: () => void;
|
|
5
|
-
width?: string | number;
|
|
6
|
-
height?: string | number;
|
|
7
|
-
className?: string;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
};
|
|
10
|
-
export declare const ThumbVideo: ({ thumbSrc, width, height, className, onClick, children }: ThumbVideoProps) => JSX.Element;
|
|
11
|
-
export {};
|
|
12
|
-
//# sourceMappingURL=thumb-video.d.ts.map
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { Icon } from '../../atoms/icon';
|
|
4
|
-
export const ThumbVideo = ({ thumbSrc, width = 250, height = 'auto', className, onClick, children }) => {
|
|
5
|
-
const classes = classNames(className, 'btn-thumb');
|
|
6
|
-
return (React.createElement(React.Fragment, null,
|
|
7
|
-
React.createElement("button", { className: classes, onClick: onClick },
|
|
8
|
-
React.createElement(Icon, { icon: "fa-play", pluxee: true, size: "lg" }),
|
|
9
|
-
React.createElement("img", { className: "img-thumb", src: thumbSrc, width: width, height: height })),
|
|
10
|
-
children));
|
|
11
|
-
};
|