@dilicorp/ui 0.1.21 → 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.
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { SkeletonProps } from 'react-loading-skeleton';
3
+ import 'react-loading-skeleton/dist/skeleton.css';
4
+ export declare const Skeleton: (props: SkeletonProps) => JSX.Element;
5
+ //# sourceMappingURL=skeleton.d.ts.map
@@ -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"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import SkeletonReact from 'react-loading-skeleton';
3
+ import 'react-loading-skeleton/dist/skeleton.css';
4
+ export const Skeleton = (props) => {
5
+ return React.createElement(SkeletonReact, Object.assign({}, props));
6
+ };
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';
@@ -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;AAGlC,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"}
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.21",
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
- };