@websolutespa/bom-mixer-ui 1.8.11 → 1.8.12

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @websolutespa/bom-mixer-ui
 
+## 1.8.12
+
+### Patch Changes
+
+- Modified: Container
+- Updated dependencies
+  - @websolutespa/bom-core@1.8.9
+
 ## 1.8.11
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -473,9 +473,9 @@ const CssObj = {
   /*
   "fontSizeAdjust": "font-size-adjust",
   "fontStretch": "font-stretch",
-  "fontStyle": "font-style",
   "fontVariant": "font-variant",
   */
+  'fontStyle': 'font-style',
   'fontWeight': 'font-weight',
   'gap': 'gap',
   'grid': 'grid',
@@ -2024,21 +2024,39 @@ const Code = styled__default.default.div`
   ${props => getCssResponsive(props)}
 `;
 
-const ContainerBase = styled__default.default.div`
+const StyledContainer = styled__default.default.div`
   width: 100%;
   margin: 0 auto;
   ${props => getContainer(props)}
   ${props => getCssResponsive(props)}
 `;
+const ContainerBase = /*#__PURE__*/React.forwardRef((_a, ref) => {
+  var {
+      children,
+      as = 'div',
+      className
+    } = _a,
+    props = __rest(_a, ["children", "as", "className"]);
+  return jsxRuntime.jsx(StyledContainer, Object.assign({
+    ref: ref,
+    as: as,
+    className: bomCore.getClassNames('container', className)
+  }, props, {
+    children: children
+  }));
+});
+ContainerBase.displayName = 'ContainerBase';
 const ContainerFluid = /*#__PURE__*/React.forwardRef((_a, ref) => {
   var {
       children,
-      as = 'div'
+      as = 'div',
+      className
     } = _a,
-    props = __rest(_a, ["children", "as"]);
-  return jsxRuntime.jsx(ContainerBase, Object.assign({
+    props = __rest(_a, ["children", "as", "className"]);
+  return jsxRuntime.jsx(StyledContainer, Object.assign({
     ref: ref,
-    as: as
+    as: as,
+    className: bomCore.getClassNames('container-fluid', className)
   }, props, {
     variant: "fluid",
     children: children
@@ -2921,17 +2939,23 @@ const DrawerBase = _a => {
     props = __rest(_a, ["name", "visible", "onClose", "placement", "className", "variant", "variants", "children"]);
   const [drawer, openDrawer, closeDrawer] = bomMixerHooks.useDrawer();
   const onClose = () => {
+    console.log('onClose', name, drawer);
     if (outerOnClose) {
       outerOnClose();
     }
-    closeDrawer();
+    if (drawer === name) {
+      closeDrawer();
+    }
   };
-  React.useEffect(() => {
+  const open = typeof outerVisible === 'undefined' ? drawer === name : outerVisible;
+  /*
+  useEffect(() => {
     if (typeof outerVisible === 'undefined') {
       return;
     }
     outerVisible ? openDrawer(name) : closeDrawer();
   }, [closeDrawer, name, openDrawer, outerVisible]);
+  */
   const classNames = bomCore.getClassNames('drawer', className, placement);
   const globalVariants = useVariants('drawer', drawerVariants);
   variants = variants || globalVariants;
@@ -2942,7 +2966,7 @@ const DrawerBase = _a => {
       variants
     },
     children: jsxRuntime.jsx(AriaKit__namespace.DialogProvider, {
-      open: drawer === name,
+      open: open,
       children: jsxRuntime.jsx(DrawerBaseStyle, Object.assign({
         onClose: () => onClose(),
         className: classNames,
@@ -12739,6 +12763,7 @@ exports.Section = Section;
 exports.Select = Select;
 exports.SelectLegacy = SelectLegacy;
 exports.Skeleton = Skeleton;
+exports.StyledContainer = StyledContainer;
 exports.Svg = Svg;
 exports.SvgAnimation = SvgAnimation;
 exports.SwiperComponent = SwiperComponent;