imbric-theme 1.0.7 → 1.0.8

package/index.js

@@ -56,7 +56,7 @@ export { default as ColumnTable } from './molecules/ColumnTable'
 export { default as RowTable } from './molecules/RowTable'
 export { default as FooterTable } from './molecules/FooterTable'
 export { default as DynamicSelect } from './molecules/DynamicSelect'
-export { default as DatePicker } from './molecules/DynamicSelect'
+export { default as DatePicker } from './molecules/DatePicker'
 export { default as CardDefault } from './molecules/CardDefault'
 export { default as Tabs } from './molecules/Tabs'
 export { default as DatePickerTime } from './molecules/DatePickerTime'

package/molecules/ColumnTable/ColumnTable.js

@@ -100,14 +100,30 @@ export const ColumnTable = ({ getStyles, handleSorting, columnUppercase, onChang
                 {props.viewIsFilter ? (
 
                   props.typeFilter === 'select' ?
-                    <DynamicSelect
-                      isInline
-                      // onChange={item => useStateDate([item.selection])}
-                      onChange={item => { onChangeSelect(item, props.idInput) }}
-                      optionsSelect={opSelect || props.optionsSelect}
-                      placeholder={props.placeholder}
-                      maxMenuHeight={110}
-                    />
+
+
+                    props.opSelectSecundary ?
+
+                      <DynamicSelect
+                        isInline
+                        // onChange={item => useStateDate([item.selection])}
+                        onChange={item => { onChangeSelect(item, props.idInput) }}
+                        optionsSelect={props.optionsSelect}
+                        placeholder={props.placeholder}
+                        maxMenuHeight={110}
+                      />
+
+                      :
+
+                      <DynamicSelect
+                        isInline
+                        // onChange={item => useStateDate([item.selection])}
+                        onChange={item => { onChangeSelect(item, props.idInput) }}
+                        optionsSelect={opSelect || props.optionsSelect}
+                        placeholder={props.placeholder}
+                        maxMenuHeight={110}
+                      />
+
                     :
                     <Input
                       isInputFilter

package/molecules/DynamicSelect/DynamicSelect.js

@@ -63,7 +63,9 @@ export const DynamicSelect = ({
   hideSelectedOptions,
   menuPlacement,
   getOptionValue,
-  getOptionLabel
+  getOptionLabel,
+  isMaxContent,
+  id,
 }) => {
 
 
@@ -87,7 +89,8 @@ export const DynamicSelect = ({
     control: (base, state) => ({
       ...base,
       cursor: 'pointer',
-      width: '100%',
+      width: isMaxContent ? 'max-content' : '100%',
+      flexWrap: 'nowrap',
       borderRadius: 0,
       border: 'var(--border-width-thin) solid var(--color-brand-white-lilac)',
       // border: state.isFocused ? "var(--border-width-thin) solid var(--color-brand-white-lilac)" : "var(--border-width-thin) solid var(--color-brand-white-lilac)",
@@ -170,6 +173,7 @@ export const DynamicSelect = ({
 
       {sortableMultiSelect ?
         <SortableSelect
+          id={id}
           useDragHandle
           // react-sortable-hoc props:
           axis="xy"
@@ -204,6 +208,7 @@ export const DynamicSelect = ({
         />
         :
         <Select
+          id={id}
           name="basic"
           // className="basic-single"
           // classNamePrefix="select"
@@ -283,6 +288,7 @@ DynamicSelect.defaultProps = {
   sortableMultiSelect: false,
   hideSelectedOptions: true,
   menuPlacement: 'auto',
+  isMaxContent: false,
   // getOptionValue: () => { option => option.value },
   // getOptionLabel: () => { option => option.label },
 }

package/package.json

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