@dilicorp/ui 0.1.21 → 0.2.0

package/dist/molecules/dropdown/dropdown-item.d.ts

@@ -21,7 +21,7 @@ interface DropdownOnClickProps {
     onClick: () => void;
     element?: React.ReactElement;
 }
-interface DropdownElementProps {
+export interface DropdownElementProps {
     separator?: true;
     element?: React.ReactElement;
 }

package/dist/molecules/dropdown/dropdown-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC5B;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B;AAED,oBAAY,iBAAiB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,uBAAuB,CAAA;AAEtJ,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsCpD,CAAA"}
+{"version":3,"file":"dropdown-item.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC5B;AAED,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;CAC7B;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAA;IACjB,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B;AAED,oBAAY,iBAAiB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,uBAAuB,CAAA;AAEtJ,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsCpD,CAAA"}

package/dist/molecules/dropdown/dropdown.d.ts

@@ -4,6 +4,7 @@ export declare type DropdownProps = {
     tag?: 'button' | 'div';
     label: string | React.ReactNode;
     color?: 'none' | 'primary' | 'secondary' | 'success' | 'danger' | 'info' | 'warning' | 'default';
+    outline?: boolean;
     items: DropdownItemProps[];
     className?: string;
     align?: 'left' | 'right';

package/dist/molecules/dropdown/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEjE,oBAAY,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAChG,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAyE5C,CAAA"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/molecules/dropdown/dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGjE,oBAAY,aAAa,GAAG;IAC1B,GAAG,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;IAChG,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,iBAAiB,EAAE,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6E5C,CAAA"}

package/dist/molecules/dropdown/dropdown.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import classNames from 'classnames';
 import { DropdownItem } from './dropdown-item';
+import { Icon } from '../../atoms/icon';
 export const Dropdown = (props) => {
-    const { tag: Tag = 'button', label, color = 'primary', items, className, align = 'left' } = props;
+    const { tag: Tag = 'button', label, color = 'primary', outline, items, className, align = 'left' } = props;
     const ref = React.useRef(null);
-    const classes = classNames(className, 'dropdown-toggle', Tag === 'button' && 'btn', color !== 'none' && `btn-${color}`);
+    const btnOutlineColor = `btn${outline ? '-outline' : ''}-${color}`;
+    const classes = classNames(className, 'dropdown-toggle', Tag === 'button' && 'btn', btnOutlineColor);
     const [toggle, setToggle] = React.useState(false);
     const handleClick = React.useCallback(() => {
         setToggle(prev => !prev);
@@ -29,7 +31,9 @@ export const Dropdown = (props) => {
     }, [toggle]);
     const classesDropdown = classNames('dropdown-menu', align, toggle && 'show');
     return (React.createElement("div", { ref: ref, className: "dropdown" },
-        React.createElement(Tag, { className: classes, onClick: handleClick }, label),
+        React.createElement(Tag, { className: classes, onClick: handleClick },
+            React.createElement("span", null, label),
+            React.createElement(Icon, { icon: "fa-chevron-down", pluxee: true })),
         React.createElement("div", { className: classesDropdown }, items.map((item, index) => {
             const _item = Object.assign(Object.assign({}, item), ('onClick' in item && {
                 onClick: () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.1.21",
+  "version": "0.2.0",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",
@@ -73,6 +73,7 @@
     "react-dropzone": "^11.4.2",
     "react-input-mask": "^2.0.4",
     "react-js-pagination": "^3.0.3",
+    "react-loading-skeleton": "^3.3.1",
     "react-select": "^5.2.1",
     "react-text-mask": "^5.5.0",
     "rfdc": "^1.3.0",

package/dist/components/page-list/column-management-components/button-config.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-declare type Item = {
-    label: string;
-    onClick?: () => void;
-};
-declare type ItemProps = Item | React.ReactElement;
-declare type Props = {
-    items?: ItemProps[];
-    className?: string;
-    show?: boolean;
-};
-export declare const ButtonConfig: React.FC<Props>;
-export {};
-//# sourceMappingURL=button-config.d.ts.map

package/dist/components/page-list/column-management-components/button-config.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/page-list/column-management-components/button-config.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Icon } from '../../../atoms/icon';
-import { Dropdown } from '../../../molecules/dropdown/dropdown';
-export const ButtonConfig = (props) => {
-    const { className, items, show = true } = props;
-    const classes = classNames(className, show ? 'd-inline-block' : 'd-none', 'btn btn-default mb-3 ms-3');
-    const remap = items === null || items === void 0 ? void 0 : items.map(item => {
-        if (React.isValidElement(item))
-            return { element: item };
-        return {
-            label: item.label,
-            onClick: () => {
-                if (item.onClick)
-                    item.onClick();
-            }
-        };
-    });
-    return (React.createElement(Dropdown, { tag: 'div', color: "default", className: classes, align: "right", label: React.createElement(Icon, { icon: "faCog" }), items: remap || [] }));
-};

package/dist/components/page-list/page-limit/page-limit.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare type PageLimitProps = {
-    onChange: (newValue: number) => void;
-    label?: string;
-    limit?: number;
-    options?: number[];
-    divider?: boolean;
-};
-export declare const PageLimit: ({ label, options, limit, onChange, divider }: PageLimitProps) => JSX.Element;
-//# sourceMappingURL=page-limit.d.ts.map

package/dist/components/page-list/page-limit/page-limit.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/components/page-list/page-limit/page-limit.js

@@ -1,8 +0,0 @@
-import React from 'react';
-export const PageLimit = ({ label = 'Items per page', options = [10, 20, 50, 100], limit = 20, onChange, divider }) => {
-    return (React.createElement(React.Fragment, null,
-        divider && React.createElement("div", { className: "dropdown-divider" }),
-        React.createElement("div", { style: { display: 'flex', flexDirection: 'column', padding: '.25rem 1rem' } },
-            React.createElement("p", null, label),
-            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))))));
-};