@dilicorp/ui 0.1.20 → 0.1.22
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/skeleton.d.ts +5 -0
- package/dist/atoms/skeleton.d.ts.map +1 -0
- package/dist/atoms/skeleton.js +6 -0
- package/dist/components/tabs/tabs.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/package.json +2 -1
- package/dist/components/page-list/column-management-components/button-config.d.ts +0 -14
- package/dist/components/page-list/column-management-components/button-config.d.ts.map +0 -1
- package/dist/components/page-list/column-management-components/button-config.js +0 -20
- package/dist/components/page-list/page-limit/page-limit.d.ts +0 -10
- package/dist/components/page-list/page-limit/page-limit.d.ts.map +0 -1
- package/dist/components/page-list/page-limit/page-limit.js +0 -8
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/atoms/skeleton.tsx"],"names":[],"mappings":";AACA,OAAsB,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACrE,OAAO,0CAA0C,CAAA;AAEjD,eAAO,MAAM,QAAQ,UAAW,aAAa,gBAE5C,CAAA"}
|
|
@@ -26,7 +26,7 @@ export const Tabs = ({ children }) => {
|
|
|
26
26
|
var _a;
|
|
27
27
|
return (React.createElement(Tab, Object.assign({ key: `tab-child-${index}` }, getParams(index)), (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.children));
|
|
28
28
|
})),
|
|
29
|
-
tabPanels.map((child, index) => {
|
|
29
|
+
tabPanels.filter(item => item).map((child, index) => {
|
|
30
30
|
var _a;
|
|
31
31
|
return (React.createElement(TabPanel, { key: `tab-panel-child-${index}`, active: getActive(index) }, (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.children));
|
|
32
32
|
})));
|
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export * from './atoms/row';
|
|
|
13
13
|
export * from './atoms/separator';
|
|
14
14
|
export * from './atoms/spinner';
|
|
15
15
|
export * from './atoms/typography';
|
|
16
|
+
export * from './atoms/skeleton';
|
|
16
17
|
export * from './molecules/alert';
|
|
17
18
|
export * from './molecules/breadcrumb';
|
|
18
19
|
export * from './molecules/card';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,0BAA0B,CAAA;AACxC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAGhC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,kBAAkB,CAAA;AAChC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AAGjC,cAAc,wCAAwC,CAAA;AACtD,cAAc,sDAAsD,CAAA;AACpE,cAAc,4BAA4B,CAAA;AAC1C,cAAc,wBAAwB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAA;AACrE,cAAc,0BAA0B,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAA;AAC9F,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEjD,cAAc,kCAAkC,CAAA;AAChD,cAAc,0CAA0C,CAAA;AACxD,OAAO,KAAK,cAAc,MAAM,gCAAgC,CAAA;AAChE,cAAc,sCAAsC,CAAA;AACpD,cAAc,kCAAkC,CAAA;AAChD,cAAc,yCAAyC,CAAA;AAGvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -14,6 +14,7 @@ export * from './atoms/row';
|
|
|
14
14
|
export * from './atoms/separator';
|
|
15
15
|
export * from './atoms/spinner';
|
|
16
16
|
export * from './atoms/typography';
|
|
17
|
+
export * from './atoms/skeleton';
|
|
17
18
|
// Molecules
|
|
18
19
|
export * from './molecules/alert';
|
|
19
20
|
export * from './molecules/breadcrumb';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dilicorp/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.22",
|
|
4
4
|
"description": "A simple UI design for Dilicorp",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -73,6 +73,7 @@
|
|
|
73
73
|
"react-dropzone": "^11.4.2",
|
|
74
74
|
"react-input-mask": "^2.0.4",
|
|
75
75
|
"react-js-pagination": "^3.0.3",
|
|
76
|
+
"react-loading-skeleton": "^3.3.1",
|
|
76
77
|
"react-select": "^5.2.1",
|
|
77
78
|
"react-text-mask": "^5.5.0",
|
|
78
79
|
"rfdc": "^1.3.0",
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare type Item = {
|
|
3
|
-
label: string;
|
|
4
|
-
onClick?: () => void;
|
|
5
|
-
};
|
|
6
|
-
declare type ItemProps = Item | React.ReactElement;
|
|
7
|
-
declare type Props = {
|
|
8
|
-
items?: ItemProps[];
|
|
9
|
-
className?: string;
|
|
10
|
-
show?: boolean;
|
|
11
|
-
};
|
|
12
|
-
export declare const ButtonConfig: React.FC<Props>;
|
|
13
|
-
export {};
|
|
14
|
-
//# sourceMappingURL=button-config.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-config.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/column-management-components/button-config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,aAAK,IAAI,GAAG;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,aAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,YAAY,CAAA;AAE1C,aAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,EAAE,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA8BxC,CAAA"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { Icon } from '../../../atoms/icon';
|
|
4
|
-
import { Dropdown } from '../../../molecules/dropdown/dropdown';
|
|
5
|
-
export const ButtonConfig = (props) => {
|
|
6
|
-
const { className, items, show = true } = props;
|
|
7
|
-
const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'btn btn-default mb-3 ms-3');
|
|
8
|
-
const remap = items === null || items === void 0 ? void 0 : items.map(item => {
|
|
9
|
-
if (React.isValidElement(item))
|
|
10
|
-
return { element: item };
|
|
11
|
-
return {
|
|
12
|
-
label: item.label,
|
|
13
|
-
onClick: () => {
|
|
14
|
-
if (item.onClick)
|
|
15
|
-
item.onClick();
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
});
|
|
19
|
-
return (React.createElement(Dropdown, { tag: 'div', color: "default", className: classes, align: "right", label: React.createElement(Icon, { icon: "faCog" }), items: remap || [] }));
|
|
20
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare type PageLimitProps = {
|
|
3
|
-
onChange: (newValue: number) => void;
|
|
4
|
-
label?: string;
|
|
5
|
-
limit?: number;
|
|
6
|
-
options?: number[];
|
|
7
|
-
divider?: boolean;
|
|
8
|
-
};
|
|
9
|
-
export declare const PageLimit: ({ label, options, limit, onChange, divider }: PageLimitProps) => JSX.Element;
|
|
10
|
-
//# sourceMappingURL=page-limit.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-limit.d.ts","sourceRoot":"","sources":["../../../../src/components/page-list/page-limit/page-limit.tsx"],"names":[],"mappings":";AAEA,oBAAY,cAAc,GAAG;IACzB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,SAAS,iDAA8F,cAAc,gBAajI,CAAA"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const PageLimit = ({ label = 'Items per page', options = [10, 20, 50, 100], limit = 20, onChange, divider }) => {
|
|
3
|
-
return (React.createElement(React.Fragment, null,
|
|
4
|
-
divider && React.createElement("div", { className: "dropdown-divider" }),
|
|
5
|
-
React.createElement("div", { style: { display: 'flex', flexDirection: 'column', padding: '.25rem 1rem' } },
|
|
6
|
-
React.createElement("p", null, label),
|
|
7
|
-
React.createElement("select", { className: 'form-control', name: "items_per_page", id: "items_per_page", onChange: (value) => onChange(Number(value.target.value)) }, options.map(opt => React.createElement("option", { selected: opt === limit, value: opt }, opt))))));
|
|
8
|
-
};
|