@crystaldesign/products-component 25.11.0-beta.17 → 25.11.0-beta.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/cjs/index.js +45 -25
  2. package/build/esm/index.js +45 -25
  3. package/build/types/products-component/src/products/ProductsHeader/index.d.ts.map +1 -1
  4. package/build/umd/products-component.umd.min.js +5 -5
  5. package/build/umd/report.html +1 -1
  6. package/package.json +2 -2
package/build/cjs/index.js CHANGED
@@ -1145,7 +1145,7 @@ var FilterHeader$1 = function FilterHeader(_ref) {
1145
1145
  };
1146
1146
 
1147
1147
  var filterContainer$1 = "filter-container-fOTsM";
1148
- var css_248z$8 = ".filter-container-fOTsM {\n background: #f2f2f2;\n position: relative;\n margin-bottom: 12px;\n border-radius: 3px;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.filter-container-fOTsM * {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #ffffff;\n}\n\n/* Chrome, Edge, and Safari */\n.filter-container-fOTsM *::-webkit-scrollbar {\n width: 6px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-track {\n background: #ffffff;\n border-radius: 3px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n";
1148
+ var css_248z$8 = ".filter-container-fOTsM {\n background: #f2f2f2;\n border-radius: 3px;\n width: 100%;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.filter-container-fOTsM * {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #ffffff;\n}\n\n/* Chrome, Edge, and Safari */\n.filter-container-fOTsM *::-webkit-scrollbar {\n width: 6px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-track {\n background: #ffffff;\n border-radius: 3px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n";
1149
1149
  styleInject(css_248z$8);
1150
1150
 
1151
1151
  var Facets = function Facets(_ref) {
@@ -1597,50 +1597,70 @@ var ProductHeader = function ProductHeader(_ref) {
1597
1597
  inputVisible = _useState4[0],
1598
1598
  setInputVisible = _useState4[1];
1599
1599
  var _useDivaCore = divaCore.useDivaCore(),
1600
- openSideMenu = _useDivaCore.actions.openSideMenu,
1601
- headerInfos = _useDivaCore.state.headerInfos;
1600
+ openDrawerMenu = _useDivaCore.actions.openDrawerMenu;
1602
1601
  react.useEffect(function () {
1603
- openSideMenu({
1602
+ openDrawerMenu({
1603
+ id: 'products-header',
1604
1604
  content: sliderContent,
1605
- open: false,
1606
- side: 'left',
1607
- title: 'Filter',
1608
- style: {
1605
+ direction: 'left',
1606
+ title: /*#__PURE__*/jsxRuntime.jsx("div", {
1607
+ style: {
1608
+ width: '100%',
1609
+ padding: '12px 4px',
1610
+ fontSize: '20px'
1611
+ },
1612
+ children: "Filter"
1613
+ }),
1614
+ wrapperStyle: {
1609
1615
  overflow: 'auto',
1610
1616
  height: '100%',
1611
- padding: ' 0px 20px'
1617
+ width: '100%'
1612
1618
  },
1613
- showCoreHeader: headerInfos.visible,
1614
- backgroundColor: '#fff'
1619
+ backgroundColor: '#fff',
1620
+ open: false
1615
1621
  });
1616
1622
  }, []);
1617
1623
  react.useEffect(function () {
1618
- openSideMenu({
1624
+ openDrawerMenu({
1625
+ id: 'products-header',
1619
1626
  content: sliderContent,
1620
- side: 'left',
1621
- title: 'Filter',
1622
- showCoreHeader: headerInfos.visible,
1623
- style: {
1627
+ direction: 'left',
1628
+ title: /*#__PURE__*/jsxRuntime.jsx("div", {
1629
+ style: {
1630
+ width: '100%',
1631
+ padding: '12px 4px',
1632
+ fontSize: '20px'
1633
+ },
1634
+ children: "Filter"
1635
+ }),
1636
+ wrapperStyle: {
1624
1637
  overflow: 'auto',
1625
1638
  height: '100%',
1626
- padding: ' 0px 20px'
1639
+ width: '100%'
1627
1640
  },
1628
1641
  backgroundColor: '#fff'
1629
1642
  });
1630
1643
  }, [sliderContent]);
1631
1644
  var openFilter = function openFilter() {
1632
- openSideMenu({
1645
+ openDrawerMenu({
1646
+ id: 'products-header',
1633
1647
  content: sliderContent,
1634
- open: true,
1635
- title: 'Filter',
1636
- side: 'left',
1637
- style: {
1648
+ direction: 'left',
1649
+ title: /*#__PURE__*/jsxRuntime.jsx("div", {
1650
+ style: {
1651
+ width: '100%',
1652
+ padding: '12px 4px',
1653
+ fontSize: '20px'
1654
+ },
1655
+ children: "Filter"
1656
+ }),
1657
+ wrapperStyle: {
1638
1658
  overflow: 'auto',
1639
1659
  height: '100%',
1640
- padding: ' 0px 20px'
1660
+ width: '100%'
1641
1661
  },
1642
- showCoreHeader: headerInfos.visible,
1643
- backgroundColor: '#fff'
1662
+ backgroundColor: '#fff',
1663
+ open: true
1644
1664
  });
1645
1665
  };
1646
1666
  react.useEffect(function () {
package/build/esm/index.js CHANGED
@@ -1129,7 +1129,7 @@ var FilterHeader$1 = function FilterHeader(_ref) {
1129
1129
  };
1130
1130
 
1131
1131
  var filterContainer$1 = "filter-container-fOTsM";
1132
- var css_248z$8 = ".filter-container-fOTsM {\n background: #f2f2f2;\n position: relative;\n margin-bottom: 12px;\n border-radius: 3px;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.filter-container-fOTsM * {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #ffffff;\n}\n\n/* Chrome, Edge, and Safari */\n.filter-container-fOTsM *::-webkit-scrollbar {\n width: 6px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-track {\n background: #ffffff;\n border-radius: 3px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n";
1132
+ var css_248z$8 = ".filter-container-fOTsM {\n background: #f2f2f2;\n border-radius: 3px;\n width: 100%;\n}\n\n/* ===== Scrollbar CSS ===== */\n/* Firefox */\n.filter-container-fOTsM * {\n scrollbar-width: thin;\n scrollbar-color: #7b7b7b #ffffff;\n}\n\n/* Chrome, Edge, and Safari */\n.filter-container-fOTsM *::-webkit-scrollbar {\n width: 6px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-track {\n background: #ffffff;\n border-radius: 3px;\n}\n\n.filter-container-fOTsM *::-webkit-scrollbar-thumb {\n background-color: #7b7b7b;\n border-radius: 3px;\n border: 0px solid #ffffff;\n}\n";
1133
1133
  styleInject(css_248z$8);
1134
1134
 
1135
1135
  var Facets = function Facets(_ref) {
@@ -1581,50 +1581,70 @@ var ProductHeader = function ProductHeader(_ref) {
1581
1581
  inputVisible = _useState4[0],
1582
1582
  setInputVisible = _useState4[1];
1583
1583
  var _useDivaCore = useDivaCore(),
1584
- openSideMenu = _useDivaCore.actions.openSideMenu,
1585
- headerInfos = _useDivaCore.state.headerInfos;
1584
+ openDrawerMenu = _useDivaCore.actions.openDrawerMenu;
1586
1585
  useEffect(function () {
1587
- openSideMenu({
1586
+ openDrawerMenu({
1587
+ id: 'products-header',
1588
1588
  content: sliderContent,
1589
- open: false,
1590
- side: 'left',
1591
- title: 'Filter',
1592
- style: {
1589
+ direction: 'left',
1590
+ title: /*#__PURE__*/jsx("div", {
1591
+ style: {
1592
+ width: '100%',
1593
+ padding: '12px 4px',
1594
+ fontSize: '20px'
1595
+ },
1596
+ children: "Filter"
1597
+ }),
1598
+ wrapperStyle: {
1593
1599
  overflow: 'auto',
1594
1600
  height: '100%',
1595
- padding: ' 0px 20px'
1601
+ width: '100%'
1596
1602
  },
1597
- showCoreHeader: headerInfos.visible,
1598
- backgroundColor: '#fff'
1603
+ backgroundColor: '#fff',
1604
+ open: false
1599
1605
  });
1600
1606
  }, []);
1601
1607
  useEffect(function () {
1602
- openSideMenu({
1608
+ openDrawerMenu({
1609
+ id: 'products-header',
1603
1610
  content: sliderContent,
1604
- side: 'left',
1605
- title: 'Filter',
1606
- showCoreHeader: headerInfos.visible,
1607
- style: {
1611
+ direction: 'left',
1612
+ title: /*#__PURE__*/jsx("div", {
1613
+ style: {
1614
+ width: '100%',
1615
+ padding: '12px 4px',
1616
+ fontSize: '20px'
1617
+ },
1618
+ children: "Filter"
1619
+ }),
1620
+ wrapperStyle: {
1608
1621
  overflow: 'auto',
1609
1622
  height: '100%',
1610
- padding: ' 0px 20px'
1623
+ width: '100%'
1611
1624
  },
1612
1625
  backgroundColor: '#fff'
1613
1626
  });
1614
1627
  }, [sliderContent]);
1615
1628
  var openFilter = function openFilter() {
1616
- openSideMenu({
1629
+ openDrawerMenu({
1630
+ id: 'products-header',
1617
1631
  content: sliderContent,
1618
- open: true,
1619
- title: 'Filter',
1620
- side: 'left',
1621
- style: {
1632
+ direction: 'left',
1633
+ title: /*#__PURE__*/jsx("div", {
1634
+ style: {
1635
+ width: '100%',
1636
+ padding: '12px 4px',
1637
+ fontSize: '20px'
1638
+ },
1639
+ children: "Filter"
1640
+ }),
1641
+ wrapperStyle: {
1622
1642
  overflow: 'auto',
1623
1643
  height: '100%',
1624
- padding: ' 0px 20px'
1644
+ width: '100%'
1625
1645
  },
1626
- showCoreHeader: headerInfos.visible,
1627
- backgroundColor: '#fff'
1646
+ backgroundColor: '#fff',
1647
+ open: true
1628
1648
  });
1629
1649
  };
1630
1650
  useEffect(function () {
package/build/types/products-component/src/products/ProductsHeader/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/products/ProductsHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOpD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EACN;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,aAAa,gEAAiE,KAAK,sBAiExF,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/products/ProductsHeader/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAOpD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,YAAY,EAAE,YAAY,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EACN;QACE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,GACD,SAAS,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,aAAa,gEAAiE,KAAK,sBAgExF,CAAC;AAEF,eAAe,aAAa,CAAC"}