imbric-theme 1.0.2 → 1.0.3

package/atoms/Input/Input.js

@@ -164,24 +164,24 @@ export const Input = ({
           : isOpenModal
 
             ?
-            <div class="DynamicSelect_dynamic-select__oduOS">
-              <div class="css-1mfvq3n-container">
-                <div style={{ zIndex: 1 }} class="css-mlo5or-control">
-                  <div onClick={(op) => onClickModal(op, id)} style={{ height: '36px' }} class="css-1huup54-ValueContainer">
-                    <div class=" css-qc6sy-singleValue">{value}</div>
+            <div className={getStyles('DynamicSelect_dynamic-select__oduOS')}>
+              <div className={getStyles('css-1mfv3n-container')}>
+                <div style={{ zIndex: 1 }} className={getStyles('css-mlo5or-control')}>
+                  <div onClick={(op) => onClickModal(op, id)} style={{ height: '36px' }} className={getStyles('css-1huup54-ValueContainer')}>
+                    <div className={getStyles('css-qc6sy-singleValue')}>{value}</div>
                   </div>
-                  <div class=" css-1hb7zxy-IndicatorsContainer">
+                  <div className={getStyles('css-1hb7zxy-IndicatorsContainer')}>
 
 
-                    {value !== '' ? <div onClick={(op) => onClickDeleteInput(op, id)} class=" css-tlfecz-indicatorContainer" aria-hidden="true">
-                      <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg">
+                    {value !== '' ? <div onClick={(op) => onClickDeleteInput(op, id)} className={getStyles('css-tlfecz-indicatorContainer')} aria-hidden="true">
+                      <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" className={getStyles('css-tj5bde-Svg')} >
                         <path d="M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"></path>
                       </svg>
                     </div> : null}
-                    <span class=" css-1okebmr-indicatorSeparator">
+                    <span className={getStyles('css-1okebmr-indicatorSeparator')}>
                     </span>
-                    <div onClick={(op) => onClickModal(op, id)} class="css-tlfecz-indicatorContainer" aria-hidden="true">
-                      <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-tj5bde-Svg">
+                    <div onClick={(op) => onClickModal(op, id)} className={getStyles('css-tlfecz-indicatorContainer')} aria-hidden="true">
+                      <svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" className={getStyles('css-tj5bde-Svg')}>
                         <path
                           fillRule="evenodd"
                           clipRule="evenodd"

package/layout/DynamicTable/DynamicTable.js

@@ -22,6 +22,7 @@ export const DynamicTable = ({
   opColumns,
   opAddColumns,
   opFilterTable,
+  opFilterSecondaryTable,
   isLayoutDate,
   isViewRange,
   isViewRangeSecundary,
@@ -29,6 +30,7 @@ export const DynamicTable = ({
   isViewTitleTableSecundary,
   isViewAddColumn,
   isViewFilterTable,
+  isViewFilterSecondaryTable,
   isViewBtn,
   isViewLeftBtn,
   isViewLeftBtnSecondary,
@@ -45,17 +47,22 @@ export const DynamicTable = ({
   handleBtnTertiary,
   handleAddColumn,
   handleFilterTable,
+  handleFilterSecondaryTable,
   handleSelectRange,
   handleSelectRangeSecundary,
   handleDownloadExcel,
   handleDefaultValue,
   handleDefaultValueFilter,
+  handleDefaultValueFilterSecondary,
   labelDinamicSelect,
   placeholderDinamicSelect,
   isLoadingDinamicSelect,
   labelDinamicSelectFilter,
   placeholderDinamicSelectFilter,
   isLoadingDinamicSelectFilter,
+  labelDinamicSelectFilterSecondary,
+  placeholderDinamicSelectFilterSecondary,
+  isLoadingDinamicSelectFilterSecondary,
   labelSinceDateRange,
   labelTillDateRange,
   labelSinceDateRangeSecundary,
@@ -66,10 +73,11 @@ export const DynamicTable = ({
   handleChangeCheckboxDate,
 }) => {
 
-  const [tableData, setTableData] = useState(optionsData);
-  const [columnsData, setColumnsData] = useState(opColumns);
-  const [addColumsData, setAddColumsData] = useState(opAddColumns);
-  const [filterTableData, setFilterTableData] = useState(opFilterTable);
+  const [tableData, setTableData] = useState(optionsData)
+  const [columnsData, setColumnsData] = useState(opColumns)
+  const [addColumsData, setAddColumsData] = useState(opAddColumns)
+  const [filterTableData, setFilterTableData] = useState(opFilterTable)
+  const [filterSecondaryTableData, setFilterSecondaryTableData] = useState(opFilterSecondaryTable)
 
 
   // STATE TOOLTIP
@@ -288,6 +296,36 @@ export const DynamicTable = ({
           </>
         ) : null}
 
+
+        {isViewFilterSecondaryTable ? (
+
+          <>
+            <div className={getStyles('opFunctionBox3')}>
+              <Label>{labelDinamicSelectFilterSecondary}</Label>
+
+              {isLoadingDinamicSelectFilterSecondary ?
+                <DynamicSelect
+                  isInline
+                  onChange={handleFilterSecondaryTable}
+                  optionsSelect={filterSecondaryTableData}
+                  placeholder={placeholderDinamicSelectFilterSecondary}
+                  defaultValue={handleDefaultValueFilterSecondary}
+                  closeMenuOnSelect={false}
+                  isClearable={false}
+                  instanceId={'idFilterSecondaryTableAll'}
+                // defaultValue= { [{value: 'id', label: 'ID'}, {value: 'idService', label: 'ID Reserva'}] }
+                /> : null
+              }
+
+            </div>
+
+            <Horizontal size="xs" />
+
+          </>
+        ) : null}
+
+
+
         {isViewAddColumn ? (
 
           <>
@@ -393,12 +431,14 @@ DynamicTable.propTypes = {
   isViewTitleTableSecundary: PropTypes.bool,
   isViewAddColumn: PropTypes.bool,
   isViewFilterTable: PropTypes.bool,
+  isViewFilterSecondaryTable: PropTypes.bool,
   isViewDownloadDoc: PropTypes.bool,
   isViewBtn: PropTypes.bool,
   isViewLeftBtn: PropTypes.bool,
   onChangeInput: PropTypes.func,
   handleAddColumn: PropTypes.func,
   handleFilterTable: PropTypes.func,
+  handleFilterSecondaryTable: PropTypes.func,
   isError: PropTypes.string,
   isLayoutDate: PropTypes.string,
   handleSelectRange: PropTypes.func,
@@ -407,7 +447,9 @@ DynamicTable.propTypes = {
   labelDinamicSelect: PropTypes.string,
   placeholderDinamicSelect: PropTypes.string,
   labelDinamicSelectFilter: PropTypes.string,
+  labelDinamicSelectFilterSecondary: PropTypes.string,
   placeholderDinamicSelectFilter: PropTypes.string,
+  placeholderDinamicSelectFilterSecondary: PropTypes.string,
   labelSinceDateRange: PropTypes.string,
   labelTillDateRange: PropTypes.string,
   labelSinceDateRangeSecundary: PropTypes.string,
@@ -432,12 +474,14 @@ DynamicTable.defaultProps = {
   getStyles: () => { },
   handleAddColumn: () => { },
   handleFilterTable: () => { },
+  handleFilterSecondaryTable: () => { },
   isViewRange: true,
   isViewRangeSecundary: false,
   isViewTitleTable: false,
   isViewTitleTableSecundary: false,
   isViewAddColumn: true,
   isViewFilterTable: false,
+  isViewFilterSecondaryTable: false,
   isViewDownloadDoc: true,
   isViewBtn: false,
   isViewLeftBtn: false,
@@ -449,6 +493,8 @@ DynamicTable.defaultProps = {
   placeholderDinamicSelect: 'Seleccionar columnas',
   labelDinamicSelectFilter: '',
   placeholderDinamicSelectFilter: '',
+  labelDinamicSelectFilterSecondary: '',
+  placeholderDinamicSelectFilterSecondary: '',
   labelSinceDateRange: 'Desde',
   labelTillDateRange: 'Hasta',
   labelSinceDateRangeSecundary: 'Desde',

package/package.json

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