imbric-theme 0.8.0 → 0.8.2

package/atoms/Icon/Icon.js

@@ -60,7 +60,7 @@ Icon.defaultProps = {
   color: 'base',
   background: 'transparent',
   isClickable: false,
-  getStyles: () => {},
+  getStyles: () => { },
 }
 
 export default withStyles(styles)(Icon)

package/atoms/Icon/constants.js

@@ -989,6 +989,16 @@ export const iconsMap = {
       </>
     ),
   },
+  cloneDefault: {
+    viewBox: '0 0 24 24',
+    svg: (
+      <>
+        <path d="M22.8,0H7.2C6.5,0,6,0.5,6,1.2v15.6C6,17.5,6.5,18,7.2,18h15.6c0.7,0,1.2-0.5,1.2-1.2V1.2C24,0.5,23.5,0,22.8,0z M22.4,16.4
+	H7.6V1.6h14.8V16.4z"/>
+        <path d="M16.4,22.4H1.6V7.6h2.8V6H1.2C0.5,6,0,6.5,0,7.2v15.6C0,23.5,0.5,24,1.2,24h15.6c0.7,0,1.2-0.5,1.2-1.2v-3.2h-1.6V22.4z" />
+      </>
+    ),
+  },
 
 
 }

package/atoms/Textarea/Textarea.js

@@ -6,9 +6,9 @@ import withStyles from '../../hocs/withStyles'
 
 const DEFAULT_TEXTAREA_ROWS = 5
 
-const handleChange = ({ onChange }) => () => {
-  onChange()
-}
+// const handleChange = ({ onChange }) => () => {
+//   onChange()
+// }
 
 export const Textarea = ({
   children,
@@ -16,13 +16,17 @@ export const Textarea = ({
   placeholder,
   onChange,
   getStyles,
+  value,
+  id,
 }) => {
   return (
     <textarea
+      id={id}
       className={getStyles('textarea')}
       rows={rows}
       placeholder={placeholder}
-      onChange={handleChange({ onChange })}
+      onChange={onChange}
+      value={value}
     >
       {children}
     </textarea>
@@ -35,12 +39,15 @@ Textarea.propTypes = {
   onChange: PropTypes.func.isRequired,
   rows: PropTypes.number,
   placeholder: PropTypes.string,
+  value: PropTypes.string,
+  id: PropTypes.string.isRequired,
 }
 
 Textarea.defaultProps = {
-  getStyles: () => {},
-  onChange: () => {},
+  getStyles: () => { },
+  onChange: () => { },
   rows: DEFAULT_TEXTAREA_ROWS,
+  id: '',
 }
 
 export default withStyles(styles)(Textarea)

package/atoms/Textarea/Textarea.module.css

@@ -9,7 +9,7 @@
   box-shadow: var(--box-shadow-sm);
   color: var(--color-font-base);
   font-family: var(--font-family-sans);
-  font-size: var(--input-font-size);
+  font-size: var(--paragraph-font-size-xs);
   font-weight: var(--font-weight-medium);
   line-height: var(--line-height-tight);
   resize: vertical;
@@ -22,4 +22,4 @@
 .textarea:focus {
   box-shadow: 0 0 0 1px var(--color-primary), 0 0 10px 0 var(--color-primary);
   outline: none;
-}
+}

package/layout/DynamicTable/DynamicTable.js

@@ -25,6 +25,7 @@ export const DynamicTable = ({
   isViewAddColumn,
   isViewFilterTable,
   isViewBtn,
+  isViewLeftBtn,
   isViewDownloadDoc,
   typeBtn,
   titleBtn,
@@ -102,6 +103,25 @@ export const DynamicTable = ({
           </div>
         ) : null}
 
+        {isViewLeftBtn ? (
+
+          <>
+
+            <div className={getStyles('opFunctionBox3')}>
+
+              <Button
+                type={typeBtn}
+                isInline={true}
+                onClick={handleBtn}
+              >
+                {titleBtn}
+              </Button>
+
+            </div>
+          </>
+        ) : null}
+
+
         {isViewRange ? (
           <div className={getStyles('opFunctionBox1')}>
             <DatePicker
@@ -238,6 +258,7 @@ DynamicTable.propTypes = {
   isViewFilterTable: PropTypes.bool,
   isViewDownloadDoc: PropTypes.bool,
   isViewBtn: PropTypes.bool,
+  isViewLeftBtn: PropTypes.bool,
   onChangeInput: PropTypes.func,
   handleAddColumn: PropTypes.func,
   handleFilterTable: PropTypes.func,
@@ -268,6 +289,7 @@ DynamicTable.defaultProps = {
   isViewFilterTable: false,
   isViewDownloadDoc: true,
   isViewBtn: false,
+  isViewLeftBtn: false,
   isLayoutDate: 'Calendar',
   handleSelectRange: () => { },
   handleDownloadExcel: () => { },

package/layout/DynamicTable/DynamicTable.module.css

@@ -15,7 +15,7 @@
 
 .opFunctionBoxTotal2 {
   display: inline-flex;
-  align-items: flex-end;
+  align-items: center;
   width: 100%;
   justify-content: flex-start;
 }

package/layout/Sidebar/Sidebar.js

@@ -8,8 +8,6 @@ import { useRouter } from 'next/router'
 import styles from './Sidebar.module.css'
 
 import Picture from '../../atoms/Picture'
-import Icon from '../../atoms/Icon'
-import Divider from '../../atoms/Divider'
 import ItemMenu from '../../molecules/ItemMenu/ItemMenu'
 
 export const Sidebar = ({ getStyles, menuCollapseView, options, isHrefLogo, isSrcLogoS, isSrcLogo }) => {

package/molecules/CardServiceDetail/CardServiceDetail.js

@@ -259,7 +259,7 @@ export const CardServiceDetail = ({
 
         <div className={getStyles('card-content')}>
 
-          <div className={getStyles('card-subcontent')}>
+          {/* <div className={getStyles('card-subcontent')}>
 
             <Label >
               <Icon
@@ -273,7 +273,7 @@ export const CardServiceDetail = ({
 
             <p className={getStyles('card-content-p')}>{txtNumberDriverService}</p>
 
-          </div>
+          </div> */}
 
           <div className={getStyles('card-subcontent')}>
 

package/molecules/ItemMenu/ItemMenu.js

@@ -35,7 +35,7 @@ export const ItemMenu = ({ children, getStyles, size, icon, color, background, s
                   <Icon
                     size={size}
                     name={icon}
-                    color={ itemActive ? 'primary' : color}
+                    color={itemActive ? 'primary' : color}
                     background={background}
                     onClick={function noRefCheck() { }}
                   />
@@ -66,7 +66,7 @@ export const ItemMenu = ({ children, getStyles, size, icon, color, background, s
                 <Icon
                   size={size}
                   name={icon}
-                  color={ itemActive ? 'primary' : color}
+                  color={itemActive ? 'primary' : color}
                   background={background}
                   onClick={function noRefCheck() { }}
                 />
@@ -88,13 +88,13 @@ export const ItemMenu = ({ children, getStyles, size, icon, color, background, s
 
                 {itemSubmenu.map((item, index) => (
                   item.view ?
-                  <Link key={index} href={item.href} passHref>
-                    <li className={getStyles('pro-menu-item', { 'activesub': item.active })}>
-                      <div className={getStyles('pro-inner-item')} role="button">
-                        <span className={getStyles('pro-item-content')}>{item.text}</span></div>
-                    </li>
-                  </Link>
-                  : null
+                    <Link key={index} href={item.href} passHref>
+                      <li className={getStyles('pro-menu-item', { 'activesub': item.active })}>
+                        <div className={getStyles('pro-inner-item')} role="button">
+                          <span className={getStyles('pro-item-content')}>{item.text}</span></div>
+                      </li>
+                    </Link>
+                    : null
                 ))}
               </ul>
             </div>

package/molecules/RowTable/RowTable.js

@@ -29,6 +29,7 @@ export const RowTable = ({
   onClickActionSendEmail,
   onClickActionDelete,
   onClickActionLink,
+  onClickActionClone,
   txtTootipIconUserView,
   txtTootipIconListInvoice,
   txtTootipIconListListXLS,
@@ -38,6 +39,7 @@ export const RowTable = ({
   txtTootipIconSendEmail,
   txtTootipIconDelete,
   txtTootipIconLink,
+  txtTootipIconClone,
   colorRow,
 }) => {
 
@@ -663,6 +665,72 @@ export const RowTable = ({
 
                             : null}
 
+
+
+                          {itemTd.viewClone ?
+
+                            item.viewClone === undefined ?
+
+                              <>
+                                <span
+                                  data-tip
+                                  data-for='clone'
+                                  onMouseEnter={handleMouseEnter}
+                                  onMouseLeave={handleMouseLeave}
+                                >
+                                  <>
+                                    <Icon
+                                      background="base"
+                                      name="cloneDefault"
+                                      onClick={e => { onClickActionClone(e, item) }}
+                                    />
+                                    <Horizontal size="xs" />
+                                  </>
+
+                                </span>
+
+                                {isToolTipMounted ? (
+                                  <ReactTooltip id='clone' type='error'>
+                                    <span>{txtTootipIconClone}</span>
+                                  </ReactTooltip>
+                                ) : null}
+                              </>
+
+                              :
+
+                              item.viewClone ?
+
+                                <>
+                                  <span
+                                    data-tip
+                                    data-for='clone'
+                                    onMouseEnter={handleMouseEnter}
+                                    onMouseLeave={handleMouseLeave}
+                                  >
+                                    <>
+                                      <Icon
+                                        background="base"
+                                        name="clone"
+                                        onClick={e => { onClickActionClone(e, item) }}
+                                      />
+                                      <Horizontal size="xs" />
+                                    </>
+
+                                  </span>
+
+                                  {isToolTipMounted ? (
+                                    <ReactTooltip id='clone' type='error'>
+                                      <span>{txtTootipIconClone}</span>
+                                    </ReactTooltip>
+                                  ) : null}
+                                </>
+
+                                : null
+
+                            : null}
+
+
+
                         </td>
 
                         :
@@ -795,6 +863,7 @@ RowTable.propTypes = {
   onClickActionSendEmail: PropTypes.func,
   onClickActionDelete: PropTypes.func,
   onClickActionLink: PropTypes.func,
+  onClickActionClone: PropTypes.func,
   txtTootipIconUserView: PropTypes.string,
   txtTootipIconListInvoice: PropTypes.string,
   txtTootipIconListListXLS: PropTypes.string,
@@ -804,6 +873,7 @@ RowTable.propTypes = {
   txtTootipIconSendEmail: PropTypes.string,
   txtTootipIconDelete: PropTypes.string,
   txtTootipIconLink: PropTypes.string,
+  txtTootipIconClone: PropTypes.string,
   colorRow: PropTypes.string,
   isCheckedCheckbox: PropTypes.bool
 }
@@ -822,6 +892,7 @@ RowTable.defaultProps = {
   onClickActionSendEmail: () => { },
   onClickActionDelete: () => { },
   onClickActionLink: () => { },
+  onClickActionClone: () => { },
   txtTootipIconUserView: '',
   txtTootipIconListInvoice: '',
   txtTootipIconListListXLS: '',
@@ -831,7 +902,7 @@ RowTable.defaultProps = {
   txtTootipIconSendEmail: '',
   txtTootipIconDelete: '',
   txtTootipIconLink: '',
-
+  txtTootipIconClone: '',
 
   isCheckedCheckbox: false
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imbric-theme",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "description": "Components library IMBRIC",
   "private": false,
   "main": "index.js",

package/public/static/images/clone-svgrepo-com.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<path d="M22.8,0H7.2C6.5,0,6,0.5,6,1.2v15.6C6,17.5,6.5,18,7.2,18h15.6c0.7,0,1.2-0.5,1.2-1.2V1.2C24,0.5,23.5,0,22.8,0z M22.4,16.4
+	H7.6V1.6h14.8V16.4z"/>
+<path d="M16.4,22.4H1.6V7.6h2.8V6H1.2C0.5,6,0,6.5,0,7.2v15.6C0,23.5,0.5,24,1.2,24h15.6c0.7,0,1.2-0.5,1.2-1.2v-3.2h-1.6V22.4z"/>
+</svg>

package/public/static/images/copy-svgrepo-com.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.024 3.75c0-.966.784-1.75 1.75-1.75H20.25c.966 0 1.75.784 1.75 1.75v11.498a1.75 1.75 0 01-1.75 1.75H8.774a1.75 1.75 0 01-1.75-1.75V3.75zm1.75-.25a.25.25 0 00-.25.25v11.498c0 .139.112.25.25.25H20.25a.25.25 0 00.25-.25V3.75a.25.25 0 00-.25-.25H8.774z"/><path d="M1.995 10.749a1.75 1.75 0 011.75-1.751H5.25a.75.75 0 110 1.5H3.745a.25.25 0 00-.25.25L3.5 20.25c0 .138.111.25.25.25h9.5a.25.25 0 00.25-.25v-1.51a.75.75 0 111.5 0v1.51A1.75 1.75 0 0113.25 22h-9.5A1.75 1.75 0 012 20.25l-.005-9.501z"/></svg>