@dilicorp/ui 0.1.22 → 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.22",
+  "version": "0.2.0",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",