imbric-theme 0.8.0 → 0.8.1

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/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.1",
   "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>