Update the Icon component (#712)

* updated the Icon component by adding possibility to pass props

* updated the Icon component by adding possibility to pass props

* Automatic frontend build

---------

Co-authored-by: ValeriaMaltseva <[email protected]>

assets/js/src/core/components/icon/icon.tsx

@@ -23,7 +23,7 @@ export interface IconProps extends Omit<ElementIcon, 'type'> {
   className?: string
 }
 
-export const Icon = ({ value, type = 'name', options, className }: IconProps): React.JSX.Element => {
+export const Icon = ({ value, type = 'name', options, className, ...props }: IconProps): React.JSX.Element => {
   const iconLibrary = useInjection<IconLibrary>(serviceIds.iconLibrary)
   const width = options?.width ?? 16
   const height = options?.height ?? 16
@@ -57,6 +57,7 @@ export const Icon = ({ value, type = 'name', options, className }: IconProps): R
     <div
       className={ `pimcore-icon pimcore-icon-${value} anticon ${className}` }
       style={ { width, height } }
+      { ...props }
     >
       {renderIcon()}
     </div>

assets/js/src/core/components/pql-query-input/pql-query-input.tsx

@@ -72,6 +72,7 @@ export const PQLQueryInput = ({ value, handleChange, handleBlur, errorData, isSh
           >
             <Icon
               className={ styles.infoIcon }
+              options={ { width: 12, height: 12 } }
               value='question-circle-outlined'
             />
           </Tooltip>

public/build/0c41a9ab-2f8e-4ffa-96cd-c1b2c037471a/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "vendor": {
+      "js": [
+        "/bundles/pimcorestudioui/build/0c41a9ab-2f8e-4ffa-96cd-c1b2c037471a/vendor.js"
+      ]
+    }
+  }
+}

public/build/0c41a9ab-2f8e-4ffa-96cd-c1b2c037471a/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/0c41a9ab-2f8e-4ffa-96cd-c1b2c037471a/vendor.js": "/bundles/pimcorestudioui/build/0c41a9ab-2f8e-4ffa-96cd-c1b2c037471a/vendor.js"
+}

public/build/da1a26af-a33f-4ff7-8d88-e6078ebeafd8/entrypoints.json

@@ -0,0 +1,9 @@
+{
+  "entrypoints": {
+    "main": {
+      "js": [
+        "/bundles/pimcorestudioui/build/da1a26af-a33f-4ff7-8d88-e6078ebeafd8/main.js"
+      ]
+    }
+  }
+}

public/build/da1a26af-a33f-4ff7-8d88-e6078ebeafd8/main.js.LICENSE.txt

@@ -0,0 +1,16 @@
+/*!
+ * 
+ *       /**
+ *        * Pimcore
+ *        *
+ *        * This source file is available under two different licenses:
+ *        * - Pimcore Open Core License (POCL)
+ *        * - Pimcore Commercial License (PCL)
+ *        * Full copyright and license information is available in
+ *        * LICENSE.md which is distributed with this source code.
+ *        *
+ *        *  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+ *        *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+ *        * /
+ *
+ */

public/build/da1a26af-a33f-4ff7-8d88-e6078ebeafd8/manifest.json

@@ -0,0 +1,3 @@
+{
+  "bundles/pimcorestudioui/build/da1a26af-a33f-4ff7-8d88-e6078ebeafd8/main.js": "/bundles/pimcorestudioui/build/da1a26af-a33f-4ff7-8d88-e6078ebeafd8/main.js"
+}

public/build/ea9a118a-b013-411b-ac1d-a25a81c67e95/105.js.LICENSE.txt

@@ -0,0 +1,16 @@
+/*!
+ * 
+ *       /**
+ *        * Pimcore
+ *        *
+ *        * This source file is available under two different licenses:
+ *        * - Pimcore Open Core License (POCL)
+ *        * - Pimcore Commercial License (PCL)
+ *        * Full copyright and license information is available in
+ *        * LICENSE.md which is distributed with this source code.
+ *        *
+ *        *  @copyright  Copyright (c) Pimcore GmbH (http://www.pimcore.org)
+ *        *  @license    https://github.com/pimcore/studio-ui-bundle/blob/1.x/LICENSE.md POCL and PCL
+ *        * /
+ *
+ */