@splunk/react-icons 5.11.0 → 5.12.0

package/WindowSidebarRight.js

@@ -0,0 +1,152 @@
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
+            /******/;
+            e.d(t, {
+                a: t
+            });
+            /******/            return t;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
+                        enumerable: true,
+                        get: t[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var r = {};
+    // ESM COMPAT FLAG
+        e.r(r);
+    // EXPORTS
+        e.d(r, {
+        default: () => /* binding */ m
+    });
+    // external "react"
+    const t = require("react");
+    var n =  e.n(t);
+    // external "@splunk/react-icons/IconProvider"
+    const a = require("@splunk/react-icons/IconProvider");
+    // external "@splunk/react-icons/SVG"
+    const o = require("@splunk/react-icons/SVG");
+    var l =  e.n(o);
+    // external "@splunk/ui-utils/logger"
+    const u = require("@splunk/ui-utils/logger");
+    // ./src/icons/WindowSidebarRight.tsx
+    function i(e, r) {
+        if (null == e) return {};
+        var t, n, a = c(e, r);
+        if (Object.getOwnPropertySymbols) {
+            var o = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < o.length; n++) {
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+            }
+        }
+        return a;
+    }
+    function c(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (-1 !== r.indexOf(n)) continue;
+                t[n] = e[n];
+            }
+        }
+        return t;
+    }
+    // This file is auto-generated.
+    // Do not edit this file manually. Changes will be lost upon regeneration.
+    // To modify the icon file template, update 'scripts/templates.ts'.
+        var d = new Map;
+    d.set("outlined", (function() {
+        
+        return n().createElement(n().Fragment, null,  n().createElement("path", {
+            d: "M19 6.5C19 6.22386 18.7761 6 18.5 6H15V18H18.5C18.7761 18 19 17.7761 19 17.5V6.5ZM5 17.5C5 17.7761 5.22386 18 5.5 18H13V6H5.5C5.22386 6 5 6.22386 5 6.5V17.5ZM21 17.5C21 18.8807 19.8807 20 18.5 20H5.5C4.11929 20 3 18.8807 3 17.5V6.5C3 5.11929 4.11929 4 5.5 4H18.5C19.8807 4 21 5.11929 21 6.5V17.5Z"
+        }));
+    }));
+    d.set("filled", (function() {
+        
+        return n().createElement(n().Fragment, null,  n().createElement("path", {
+            d: "M13 20H5.5C4.11929 20 3 18.8807 3 17.5V6.5C3 5.11929 4.11929 4 5.5 4H13V20Z"
+        }),  n().createElement("path", {
+            d: "M18.5 4C19.8807 4 21 5.11929 21 6.5V17.5C21 18.8807 19.8807 20 18.5 20H15V4H18.5Z"
+        }));
+    }));
+    var f = [ "default", "outlined", "filled" ];
+    var v = function e(r) {
+        return f.indexOf(r) >= 0;
+    };
+    var s = function e(r) {
+        return r === "default" || r && !v(r) ? "outlined" : r;
+    };
+    /**
+ * @description Panels represent sidebar of screen layout
+ * @category Layouts
+ * @keywords dock, navigation, window, overview
+ * @variants outlined,filled
+ */    var p = function e(r) {
+        var o = r.children, c = r.variant, f = c === void 0 ? "default" : c, p = i(r, [ "children", "variant" ]);
+        var m = s(f);
+        var g = "windowsidebarright-".concat(m);
+        var y = (0, t.useContext)(a.IconContext);
+        var b = d.get(m);
+        if ((0, u.isDev)() && f && !v(f)) {
+            (0, u.log)("warn", "Unknown variant '".concat(f, "', defaulting to ").concat(m));
+        }
+        if (y && b) {
+            var C = y.toRender, O = y.addIcon;
+            O(g, b());
+            if (!C) {
+                return null;
+            }
+        }
+        
+        return n().createElement(l(), p, o, y ?  n().createElement("use", {
+            href: "#".concat(g)
+        }) : !!b && b());
+    };
+    /* harmony default export */    const m = p;
+    module.exports = r;
+    /******/})();

package/eslint.config.cjs

@@ -0,0 +1,11 @@
+const { defineConfig } = require('eslint/config');
+const browserTs = require('../../infra/eslint/browser-ts.js');
+
+module.exports = defineConfig(
+    browserTs,
+    {
+        rules: {
+            'react/jsx-no-useless-fragment': 'off',
+        },
+    },
+);

package/icon-catalog.json

@@ -11,6 +11,30 @@
       "outlined"
     ]
   },
+  {
+    "name": "AlignArrowLeft",
+    "key": "./AlignArrowLeft",
+    "category": "Formatting",
+    "description": "Align object to left, expand/collapse side panel",
+    "keywords": "edit, field, cell, textarea, alignment",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "AlignArrowRight",
+    "key": "./AlignArrowRight",
+    "category": "Formatting",
+    "description": "Align object to right, expand/collapse side panel",
+    "keywords": "edit, field, cell, textarea, alignment",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "AlignBottom",
     "key": "./AlignBottom",
@@ -528,6 +552,30 @@
       "outlined"
     ]
   },
+  {
+    "name": "ArrowsFourCorners",
+    "key": "./ArrowsFourCorners",
+    "category": "Controls",
+    "description": "Fullscreen, pan, movable or resizable object for free directions",
+    "keywords": "move, 4 ways, expand/collapse",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
+  {
+    "name": "ArrowsFourCornersInside",
+    "key": "./ArrowsFourCornersInside",
+    "category": "Controls",
+    "description": "Exit fullscreen, shrink, resizable object",
+    "keywords": "move, 4 ways, expand/collapse",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "ArrowsFourRightLeftUpDown",
     "key": "./ArrowsFourRightLeftUpDown",
@@ -3652,6 +3700,17 @@
       "outlined"
     ]
   },
+  {
+    "name": "EyeClosed",
+    "key": "./EyeClosed",
+    "category": "Actions",
+    "description": "Hidden objects, visualizations, layers as status. Not recommend to use as action",
+    "keywords": "show/hide, view, visibility",
+    "variants": [
+      "default",
+      "outlined"
+    ]
+  },
   {
     "name": "EyeSlashed",
     "key": "./EyeSlashed",
@@ -7946,6 +8005,18 @@
       "outlined"
     ]
   },
+  {
+    "name": "WindowOverlay",
+    "key": "./WindowOverlay",
+    "category": "Actions",
+    "description": "Duplicate window, floating panel, modal dialog",
+    "keywords": "copy, clone, screen, mirroring, popup",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "WindowPortrait",
     "key": "./WindowPortrait",
@@ -7970,6 +8041,18 @@
       "outlined"
     ]
   },
+  {
+    "name": "WindowSidebarRight",
+    "key": "./WindowSidebarRight",
+    "category": "Layouts",
+    "description": "Panels represent sidebar of screen layout",
+    "keywords": "dock, navigation, window, overview",
+    "variants": [
+      "default",
+      "filled",
+      "outlined"
+    ]
+  },
   {
     "name": "WindowUser",
     "key": "./WindowUser",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-icons",
-  "version": "5.11.0",
+  "version": "5.12.0",
   "description": "Library of various React icons",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -10,9 +10,9 @@
     "docs:publish": "eval $(splunk-docs-package docs) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:publish:external": "eval $(splunk-docs-package docs-external --suffix=public) && artifact-ci publish generic $DOCS_GEN_OUTPUT_NAME $DOCS_GEN_REMOTE_PATH",
     "docs:start": "webpack serve --config docs.gen.webpack.config.js",
-    "eslint": "eslint src --ext \".ts,.tsx\"",
+    "eslint": "eslint \"src/**/*.{ts,tsx}\"",
     "eslint:fix": "yarn run eslint --fix",
-    "eslint:ci": "yarn run eslint -f junit -o test-reports/lint-results.xml",
+    "eslint:ci": "yarn run eslint -f @gitlab-formatters/gitlab -o test-reports/lint-results.json",
     "fetch-figma": "node ./scripts/fetch-figma.js",
     "lint": "yarn run stylelint && yarn run eslint",
     "lint:ci": "yarn run eslint:ci && yarn run stylelint",
@@ -42,7 +42,7 @@
     "@babel/core": "^7.28.0",
     "@babel/plugin-transform-runtime": "^7.28.0",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/eslint-config": "^5.1.0",
+    "@splunk/eslint-config": "^6.0.0",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/webpack-configs": "^7.0.3",
     "@storybook/csf-tools": "^7.6.20",
@@ -64,13 +64,8 @@
     "babel-plugin-transform-imports": "^2.0.0",
     "babel-plugin-transform-require-context": "^0.1.1",
     "cross-env": "^6.0.3",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
+    "eslint": "^9.39.4",
     "eslint-import-resolver-webpack": "^0.13.4",
-    "eslint-plugin-import": "^2.30.1",
-    "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.36.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
     "figma-js": "1.16.1-0",
     "jest": "^30.1.3",
     "jest-environment-jsdom": "^30.1.2",

package/types/icons/AlignArrowLeft.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Align object to left, expand/collapse side panel
+ * @category Formatting
+ * @keywords edit, field, cell, textarea, alignment
+ * @variants outlined,filled
+ */
+declare const AlignArrowLeft: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default AlignArrowLeft;

package/types/icons/AlignArrowRight.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Align object to right, expand/collapse side panel
+ * @category Formatting
+ * @keywords edit, field, cell, textarea, alignment
+ * @variants outlined,filled
+ */
+declare const AlignArrowRight: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default AlignArrowRight;

package/types/icons/ArrowsFourCorners.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Fullscreen, pan, movable or resizable object for free directions
+ * @category Controls
+ * @keywords move, 4 ways, expand/collapse
+ * @variants outlined,filled
+ */
+declare const ArrowsFourCorners: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default ArrowsFourCorners;

package/types/icons/ArrowsFourCornersInside.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Exit fullscreen, shrink, resizable object
+ * @category Controls
+ * @keywords move, 4 ways, expand/collapse
+ * @variants outlined,filled
+ */
+declare const ArrowsFourCornersInside: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default ArrowsFourCornersInside;

package/types/icons/EyeClosed.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined';
+}
+/**
+ * @description Hidden objects, visualizations, layers as status. Not recommend to use as action
+ * @category Actions
+ * @keywords show/hide, view, visibility
+ * @variants outlined
+ */
+declare const EyeClosed: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default EyeClosed;

package/types/icons/WindowOverlay.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Duplicate window, floating panel, modal dialog
+ * @category Actions
+ * @keywords copy, clone, screen, mirroring, popup
+ * @variants outlined,filled
+ */
+declare const WindowOverlay: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default WindowOverlay;

package/types/icons/WindowSidebarRight.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import SVG from '@splunk/react-icons/SVG';
+export interface IconBaseProps extends React.ComponentProps<typeof SVG> {
+    children?: React.ReactNode;
+    /**
+     *  Defaults to outlined, determines the variant of the icon to be rendered
+     */
+    variant?: 'default' | 'outlined' | 'filled';
+}
+/**
+ * @description Panels represent sidebar of screen layout
+ * @category Layouts
+ * @keywords dock, navigation, window, overview
+ * @variants outlined,filled
+ */
+declare const WindowSidebarRight: ({ children, variant, ...otherprops }: IconBaseProps) => React.JSX.Element | null;
+export default WindowSidebarRight;