@epilot360/icons 1.18.2 → 1.18.4

package/src/react/Workflow/index.tsx

@@ -1,6 +0,0 @@
-import { data } from '../../svg/Workflow/data';
-import { makeIcon } from '../makeIcon';
-
-export const Workflow = makeIcon(data, 'workflow', 'Workflow');
-
-export default Workflow;

package/src/react/Workflow/story.stories.tsx

@@ -1,13 +0,0 @@
-import { generateStory } from '../../stories/util';
-
-import { Workflow } from '.';
-
-const story = generateStory(Workflow);
-
-export default {
-  title: 'Icons/Workflow',
-  tags: ['autodocs'],
-  ...story.meta,
-};
-
-export const Icon = story.story;

package/src/react/common.ts

@@ -1,8 +0,0 @@
-import type { IconProps } from '../types';
-
-export const defaultIconProps: IconProps = {
-  width: 20,
-  height: 20,
-  fill: 'currentColor',
-  variant: 'filled',
-};

package/src/react/index.ts

@@ -1,261 +0,0 @@
-export * from './Epilot';
-export * from './Edit';
-export * from './OpenInNew';
-export * from './Share';
-export * from './Delete';
-export * from './Add';
-export * from './AddCircle';
-export * from './Purpose';
-export * from './Check';
-export * from './CheckCircle';
-export * from './Warning';
-export * from './Error';
-export * from './Info';
-export * from './Help';
-export * from './ContentCopy';
-export * from './FileCopy';
-export * from './FileCopyOff';
-export * from './FilterAlt';
-export * from './FilterAltOff';
-export * from './DataObject';
-export * from './Notifications';
-export * from './Visibility';
-export * from './VisibilityOff';
-export * from './Close';
-export * from './ExpandMore';
-export * from './ExpandLess';
-export * from './ChevronRight';
-export * from './ChevronLeft';
-export * from './Search';
-export * from './Settings';
-export * from './Calendar';
-export * from './CalendarToday';
-export * from './Explore';
-export * from './DragIndicator';
-export * from './Download';
-export * from './Save';
-export * from './Refresh';
-export * from './Menu';
-export * from './Link';
-export * from './AddLink';
-export * from './Login';
-export * from './Logout';
-export * from './Lock';
-export * from './LockOpen';
-export * from './Table';
-export * from './TableEdit';
-export * from './Attributes';
-export * from './ArrowRight';
-export * from './ArrowLeft';
-export * from './Dashboard';
-export * from './Opportunity';
-export * from './Order';
-export * from './Contact';
-export * from './Account';
-export * from './Contract';
-export * from './BillingAccount';
-export * from './Request';
-export * from './Message';
-export * from './Thread';
-export * from './MarkMessageUnread';
-export * from './MarkNoteUnread';
-export * from './MarkNoteRead';
-export * from './MarkMessageRead';
-export * from './MoveToInbox';
-export * from './File';
-export * from './EmailTemplate';
-export * from './FileShared';
-export * from './Note';
-export * from './Document';
-export * from './Templates';
-export * from './Product';
-export * from './Price';
-export * from './Tax';
-export * from './Submission';
-export * from './Partner';
-export * from './Partnering';
-export * from './Meter';
-export * from './Entity';
-export * from './Webhook';
-export * from './Design';
-export * from './Workflow';
-export * from './Blueprint';
-export * from './Phase';
-export * from './Automation';
-export * from './AutomationCircle';
-export * from './Journey';
-export * from './Relations';
-export * from './Availability';
-export * from './Filter';
-export * from './Sort';
-export * from './Desktop';
-export * from './Phone';
-export * from './Image';
-export * from './Pause';
-export * from './Play';
-export * from './Alarm';
-export * from './ArrowCircleLeft';
-export * from './MoreVert';
-export * from './MoreHoriz';
-export * from './MoreHorizCircle';
-export * from './QuestionMark';
-export * from './Skip';
-export * from './Checklist';
-export * from './PersonCheck';
-export * from './PersonAdd';
-export * from './Comment';
-export * from './Star';
-export * from './Store';
-export * from './Exclamation';
-export * from './Primary';
-export * from './PriceMapping';
-export * from './Reply';
-export * from './ReplyAll';
-export * from './Resize';
-export * from './Portal';
-export * from './ThumbUp';
-export * from './ThumbDown';
-export * from './EntityBuilder';
-export * from './Connection';
-export * from './CheckBox';
-export * from './Number';
-export * from './RadioButton';
-export * from './TextField';
-export * from './Address';
-export * from './Signature';
-export * from './Upload';
-export * from './Calculator';
-export * from './Payment';
-export * from './Consent';
-export * from './Paragraph';
-export * from './Action';
-export * from './AttributeEdit';
-export * from './Summary';
-export * from './Solar';
-export * from './SDK';
-export * from './Lookup';
-export * from './PreviousProvider';
-export * from './SuccessConfirmation';
-export * from './Category';
-export * from './ExpandContent';
-export * from './CollapseContent';
-export * from './Map';
-export * from './Sun';
-export * from './Frame';
-export * from './EnergySavingsLeaf';
-export * from './AvgTime';
-export * from './Call';
-export * from './Mail';
-export * from './Cable';
-export * from './Stack';
-export * from './TwoColumns';
-export * from './Diagram';
-export * from './Repeat';
-export * from './MoveDown';
-export * from './StepOver';
-export * from './Pending';
-export * from './PauseCircle';
-export * from './Condition';
-export * from './ConditionCircle';
-export * from './NoteStack';
-export * from './DoubleThumbsUp';
-export * from './AIStar';
-export * from './AICompose';
-export * from './Label';
-export * from './LabelOff';
-export * from './Remove';
-export * from './FileManager';
-export * from './Bolt';
-export * from './ViewDay';
-export * from './Flip';
-export * from './Update';
-export * from './Schedule';
-export * from './CalendarClock';
-export * from './ReadMore';
-export * from './Keep';
-export * from './KeepOff';
-export * from './Grid';
-export * from './GridView';
-export * from './AutoDelete';
-export * from './DeleteForever';
-export * from './Restore';
-export * from './Forest';
-export * from './Fuel';
-export * from './Recycling';
-export * from './Dangerous';
-export * from './Apartment';
-export * from './PlayCircle';
-export * from './AddTask';
-export * from './Raven';
-export * from './DriveFileMove';
-export * from './Merge';
-export * from './Archive';
-export * from './Unarchive';
-export * from './LocationAway';
-export * from './LinkOff';
-export * from './AccountCircleOff';
-export * from './Send';
-export * from './Undo';
-export * from './ChipExtraction';
-export * from './Target';
-export * from './Campaign';
-export * from './Ticket';
-export * from './Flow';
-export * from './Cards';
-export * from './Task';
-export * from './Widgets';
-export * from './Attach';
-export * from './Description';
-export * from './StackedEmail';
-export * from './ChatBubble';
-export * from './Globe';
-export * from './Home';
-export * from './Euro';
-export * from './Toggle';
-export * from './Numbers';
-export * from './Building';
-export * from './Move';
-export * from './MoveIn';
-export * from './ConditionGraph';
-export * from './FeatureSearch';
-export * from './Synchronize';
-export * from './ArrowUp';
-export * from './ArrowDown';
-export * from './RegularExpression';
-export * from './Inbox';
-export * from './EditDocument';
-export * from './LeftPanelClose';
-export * from './LeftPanelOpen';
-export * from './Hand';
-export * from './SmartToy';
-export * from './AdminPanelSettings';
-export * from './Sync';
-export * from './SyncDisabled';
-export * from './DoNotDisturbOn';
-export * from './Swap';
-export * from './Expand';
-export * from './Collapse';
-export * from './ActionKey';
-export * from './BarChart';
-export * from './Database';
-export * from './Coupon';
-export * from './ProductRecommendation';
-export * from './Location';
-export * from './Labs';
-export * from './FormatBold';
-export * from './FormatItalic';
-export * from './FormatUnderlined';
-export * from './FormatStrikethrough';
-export * from './Heading';
-export * from './FormatListBulleted';
-export * from './FormatListNumbered';
-export * from './Code';
-export * from './Group';
-export * from './FolderLimited';
-export * from './Analytics';
-export * from './AreaChart';
-export * from './Trending';
-export * from './Library';
-export * from './ChartLine';
-
-export * from './EpilotIcon';

package/src/react/makeIcon.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-
-import { DEFAULT_VIEWBOX, SVG_NS } from '../svgString';
-import type { IconData } from '../types';
-
-import { defaultIconProps } from './common';
-import type { IconPropsReact } from './types';
-
-/**
- * Build an icon React component from its shared {@link IconData}.
- *
- * The path data lives in a single `data` module that both this component and
- * the `svgIcon()` string API import, so it is never bundled twice. The
- * rendered output and prop handling match the previously code-generated
- * components: props spread onto the `<svg>` element, `size` overrides
- * width/height, and `variant` selects filled/outlined.
- */
-export const makeIcon = (data: IconData, name: string, displayName: string) => {
-  const Icon = (props: IconPropsReact) => {
-    // `size` is destructured out so it is not forwarded as a stray DOM attribute.
-    const { variant, size, ...restProps } = {
-      ...defaultIconProps,
-      ...props,
-    };
-
-    const inner = variant === 'outlined' ? data.o ?? data.f : data.f ?? data.o;
-    const rootAttrs = variant === 'outlined' ? data.rao : data.raf;
-    const viewBox = (variant === 'outlined' ? data.vbo : undefined) ?? data.vb ?? DEFAULT_VIEWBOX;
-    const overrides = props.size ? { width: props.size, height: props.size } : {};
-
-    return React.createElement('svg', {
-      xmlns: SVG_NS,
-      viewBox,
-      ...rootAttrs,
-      'aria-label': name,
-      ...restProps,
-      ...overrides,
-      dangerouslySetInnerHTML: { __html: inner ?? '' },
-    });
-  };
-
-  Icon.displayName = displayName;
-
-  return Icon;
-};

package/src/react/types.ts

@@ -1,5 +0,0 @@
-import { SVGProps } from 'react';
-
-import { IconProps } from '../types';
-
-export interface IconPropsReact extends IconProps, SVGProps<SVGElement> {}

package/src/stories/Readme.mdx

@@ -1,69 +0,0 @@
-import { Meta } from '@storybook/blocks';
-
-<Meta title="Readme" />
-
-# @epilot360/icons
-
-[![License](http://img.shields.io/:license-mit-blue.svg)](#)
-[![npm version](https://img.shields.io/npm/v/@epilot360/icons.svg)](https://www.npmjs.com/package/@epilot360/icons)
-
-Curated set of epilot icons based on [material-symbols](https://www.npmjs.com/package/material-symbols)
-
-```
-yarn add @epilot360/icons
-```
-
-## Usage
-
-The `@epilot360/icons` package is shipped as an external system module in the 360 portal.
-
-You can import any icon as a React component by name:
-
-```tsx
-import { Edit as EditIcon, EpilotIcon } from '@epilot360/icons'
-
-<EditIcon />
-// or
-<EpilotIcon name="edit" />
-```
-
-## Usage outside 360 portal
-
-To avoid bundling the entire `@epilot360/icons` library, you can import the module directly:
-
-```tsx
-import EditIcon from '@epilot360/icons/react/Edit'
-
-<EditIcon />
-```
-
-## Using SVG
-
-To directly use svg files shipped as part of this package, e.g. with `file-loader` you can import from:
-
-```tsx
-import EditIconSVG from '@epilot360/icons/svg/Edit/icon.svg'
-import EditIconSVGFill from '@epilot360/icons/svg/Edit/icon-fill.svg'
-
-<img src={EditIconSVG} />
-```
-
-## Using svgIcon()
-
-The `svgIcon()` function returns the raw SVG as a string.
-
-```tsx
-import { svgIcon } from '@epilot360/icons';
-
-<div dangerouslySetInnerHTML={{ __html: svgIcon({ name: 'epilot' }) }} />
-
-<pre>
-  {svgIcon({ name: 'epilot', variant: 'filled', width: 48, height: 48, fill: 'white' })}
-</pre>
-```
-
-# All Icons
-
-import { SearchComponent } from './SearchComponent';
-
-<SearchComponent />

package/src/stories/SVGExample.stories.tsx

@@ -1,55 +0,0 @@
-import type { Meta, StoryContext, StoryObj } from '@storybook/react';
-import { codeBlock } from 'common-tags';
-
-import { SVGExample } from './SVGExample';
-
-const meta: Meta<typeof SVGExample> = {
-  title: 'SVG',
-  component: SVGExample,
-  parameters: {
-    layout: 'centered',
-    docs: {
-      description: {
-        component: 'The `svgIcon()` function returns the raw SVG as a string.',
-      },
-      source: {
-        transform: (_code: string, ctx: StoryContext) => {
-          /* eslint-disable prettier/prettier */
-          const { name, variant, fill, size, width, height, xclass } = ctx.args;
-          const iconOpts = `{ name: '${name}', variant: '${variant}', fill: '${fill}'${size || width || height ? size ? `, size: '${size}'` : `, width: '${width}', height: '${height}'` : ''}${xclass ? `, xclass: '${xclass}'` : ''} }`
-
-          return codeBlock`
-          <div dangerouslySetInnerHTML={{ __html: svgIcon(${iconOpts}) }} />
-          
-          <pre>
-            {svgIcon(${iconOpts})}
-          </pre>
-          `;
-          /* eslint-enable prettier/prettier */
-        },
-      },
-      canvas: {
-        sourceState: 'shown',
-      },
-    },
-  },
-  tags: ['autodocs'],
-  argTypes: {
-    fill: { control: 'color' },
-    size: { control: 'number' },
-    width: { control: 'number' },
-    height: { control: 'number' },
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof SVGExample>;
-
-export const Story: Story = {
-  args: {
-    name: 'edit',
-    variant: 'filled',
-    fill: '#000',
-  },
-};

package/src/stories/SVGExample.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-import { svgIcon } from '../svg/svgIcon';
-
-export const SVGExample = (props: Parameters<typeof svgIcon>[0]) => (
-  <>
-    <div dangerouslySetInnerHTML={{ __html: svgIcon(props) }} />
-    <pre style={{ whiteSpace: 'pre-wrap', overflowWrap: 'break-word' }}>{svgIcon(props)}</pre>
-  </>
-);

package/src/stories/Search.mdx

@@ -1,8 +0,0 @@
-import { Meta } from '@storybook/blocks';
-import { SearchComponent } from './SearchComponent';
-
-<Meta title="Search All Icons" order={20} />
-
-# Search All Icons
-
-<SearchComponent />

package/src/stories/SearchComponent.css

@@ -1,48 +0,0 @@
-.search-component .search-component__input {
-  margin-top: 2rem;
-  margin-bottom: .2rem;
-  position: relative;
-  display: flex;
-}
-
-.search-component__search_icon {
-  position: absolute;
-  top: .5rem;
-  left: .5rem;
-}
-
-.search-component .search-component__count {
-  margin-bottom: 2rem;
-}
-
-.search-component .search-component__input input {
-  font-size: 1.2rem;
-  padding: .4rem .5rem .4rem 2rem;
-  width: 100%;
-  border-radius: 1rem;
-  border: 1px solid #ccc;
-}
-
-
-.search-component .search-component__icons {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 16px;
-  width: 100%;
-}
-
-.search-component .search-component__icon {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 151px;
-  height: 150px;
-  border: 1px solid #ccc;
-  cursor: pointer;
-  border-radius: 1rem;
-}
-
-.search-component .search-component__icon:hover {
-  background-color: #ccc;
-}

package/src/stories/SearchComponent.tsx

@@ -1,89 +0,0 @@
-/* eslint-disable import/no-unresolved */
-import YAML from 'js-yaml';
-import uniqBy from 'lodash/uniqBy';
-import { SnackbarProvider, enqueueSnackbar } from 'notistack';
-import React, { FC, useMemo } from 'react';
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore
-import iconConfigYaml from '../../icons.config.yaml?raw';
-import * as reactIcons from '../react';
-import { IconProps } from '../types';
-import './SearchComponent.css';
-
-// eslint-disable-next-line prettier/prettier
-const iconLib = reactIcons as unknown as { [key: string]: FC<IconProps> & { iconName: string } };
-
-interface IconConfig {
-  [Icon: string]: {
-    name: string;
-    tags: string[];
-    aliases: string[];
-  };
-}
-const iconConfig = YAML.load(iconConfigYaml) as IconConfig;
-
-export const SearchComponent = () => {
-  const [searchTerm, setSearchTerm] = React.useState('');
-
-  const icons = useMemo(() => {
-    const iconComponents = Object.keys(iconConfig)
-      .filter((iconName) => {
-        if (searchTerm) {
-          return iconConfig[iconName].aliases?.some((alias) => alias.toLowerCase().includes(searchTerm.toLowerCase()));
-        }
-
-        return true;
-      })
-      .filter((iconName) => iconLib[iconName] !== undefined)
-      .map((iconName) => ({ Component: iconLib[iconName], ...iconConfig[iconName] }));
-
-    // exact match
-    const exactMatch = iconComponents.find(({ name }) => name.toLowerCase() === searchTerm.toLowerCase());
-    if (searchTerm && exactMatch) {
-      iconComponents.unshift(exactMatch);
-    }
-
-    return uniqBy(iconComponents, 'name');
-  }, [searchTerm]);
-
-  const copyNameToClipboard = (name: string) => {
-    navigator.clipboard.writeText(name);
-    enqueueSnackbar(`Copied "${name}" to clipboard`, {
-      variant: 'success',
-      anchorOrigin: { vertical: 'top', horizontal: 'center' },
-    });
-  };
-
-  return (
-    <div className="search-component">
-      <SnackbarProvider />
-
-      <div className="search-component__input">
-        <input
-          type="text"
-          placeholder="Search by name..."
-          value={searchTerm}
-          onChange={(e) => setSearchTerm(e.target.value)}
-        />
-        <span className="search-component__search_icon">
-          <reactIcons.Search fill="#888" />
-        </span>
-      </div>
-
-      <div className="search-component__count">{icons.length} icons</div>
-
-      <div className="search-component__icons">
-        {icons.map(({ Component: IconComponent, name }) => (
-          <div className="search-component__icon" title={name} key={name} onClick={() => copyNameToClipboard(name)}>
-            <div className="search-component__icon_icon">
-              <IconComponent width={24} height={24} />
-            </div>
-
-            <div className="search-component__icon_title">{name}</div>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};

package/src/stories/util.ts

@@ -1,37 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { FC } from 'react';
-
-import { IconProps } from '../types';
-
-type IconComponent = FC<IconProps>;
-
-export const generateStory = (component: FC<IconProps>) => {
-  const meta: Meta<IconComponent> = {
-    title: `Icons/${component.displayName}`,
-    component: component,
-    parameters: {
-      layout: 'centered',
-      docs: {
-        canvas: {
-          sourceState: 'shown',
-        },
-      },
-    },
-    tags: ['autodocs'],
-    argTypes: {
-      fill: { control: 'color' },
-      width: { control: 'number' },
-      height: { control: 'number' },
-      size: { control: 'number' },
-      variant: { control: 'radio', options: ['filled', 'outlined'] },
-    },
-  };
-
-  const story: StoryObj<IconComponent> = {
-    args: {
-      variant: 'filled',
-    },
-  };
-
-  return { meta, story };
-};

package/src/svg/AICompose/data.ts

@@ -1,9 +0,0 @@
-import type { IconData } from '../../types';
-
-export const data: IconData = {
-  o: '<path d="M12 16h-1v-3a1 1 0 0 1 0-1l10-9h2l1 1a2 2 0 0 1 0 2l-9 10a1 1 0 0 1-1 0h-2ZM22 6l1-1-1-1-1 1 1 1ZM7 4l2 3 3 2-3 2-2 3-2-3-3-2 3-2 2-3ZM12 2l1 1 1 1-1 1-1 1-1-1-1-1 1-1 1-1Z"/>',
-  f: '<path d="M12 16h-1v-3a1 1 0 0 1 0-1l10-9h2l1 1a2 2 0 0 1 0 2l-9 10a1 1 0 0 1-1 0h-2ZM22 6l1-1-1-1-1 1 1 1ZM7 4l2 3 3 2-3 2-2 3-2-3-3-2 3-2 2-3ZM12 2l1 1 1 1-1 1-1 1-1-1-1-1 1-1 1-1Z"/>',
-  vb: '0 0 24 24',
-};
-
-export default data;

package/src/svg/AICompose/icon-fill.svg

@@ -1,5 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.75 16C11.5375 16 11.3594 15.9281 11.2156 15.7844C11.0719 15.6406 11 15.4625 11 15.25V13.4312C11 13.2312 11.0375 13.0406 11.1125 12.8594C11.1875 12.6781 11.2937 12.5188 11.4312 12.3813L20.9 2.93125C21.05 2.79375 21.2156 2.6875 21.3969 2.6125C21.5781 2.5375 21.7688 2.5 21.9688 2.5C22.1687 2.5 22.3625 2.5375 22.55 2.6125C22.7375 2.6875 22.9 2.8 23.0375 2.95L24.0688 4C24.2188 4.1375 24.3281 4.3 24.3969 4.4875C24.4656 4.675 24.5 4.8625 24.5 5.05C24.5 5.25 24.4656 5.44062 24.3969 5.62188C24.3281 5.80313 24.2188 5.96875 24.0688 6.11875L14.6188 15.5688C14.4813 15.7063 14.3219 15.8125 14.1406 15.8875C13.9594 15.9625 13.7687 16 13.5687 16H11.75ZM21.95 6.1L23 5.05L21.95 4L20.9 5.05L21.95 6.1Z" fill="black"/>
-<path d="M6.53662 4.32266C6.69582 3.89245 7.30418 3.89245 7.46338 4.32266L8.52271 7.18532C8.57284 7.32058 8.67942 7.42716 8.81468 7.47729L11.6773 8.53662C12.1076 8.69582 12.1076 9.30418 11.6773 9.46338L8.81468 10.5227C8.67942 10.5728 8.57284 10.6794 8.52271 10.8147L7.46338 13.6773C7.30418 14.1076 6.69582 14.1076 6.53662 13.6773L5.47729 10.8147C5.42716 10.6794 5.32058 10.5728 5.18532 10.5227L2.32266 9.46338C1.89245 9.30418 1.89245 8.69582 2.32266 8.53662L5.18532 7.47729C5.32058 7.42716 5.42716 7.32058 5.47729 7.18532L6.53662 4.32266Z" fill="black"/>
-<path d="M11.8234 2.12299C11.884 1.959 12.116 1.959 12.1766 2.12299L12.6058 3.28288C12.6249 3.33443 12.6656 3.37508 12.7171 3.39416L13.877 3.82335C14.041 3.88403 14.041 4.11597 13.877 4.17665L12.7171 4.60584C12.6656 4.62492 12.6249 4.66557 12.6058 4.71712L12.1766 5.87701C12.116 6.041 11.884 6.041 11.8234 5.87701L11.3942 4.71712C11.3751 4.66557 11.3344 4.62492 11.2829 4.60584L10.123 4.17665C9.959 4.11597 9.959 3.88403 10.123 3.82335L11.2829 3.39416C11.3344 3.37508 11.3751 3.33443 11.3942 3.28288L11.8234 2.12299Z" fill="black"/>
-</svg>