@epilot360/icons 1.7.1 → 1.8.0

package/src/svg/svgIcon.ts

@@ -1,175 +0,0 @@
-/* eslint-disable import/order */
-import { EpilotSVG } from './Epilot';
-import { EditSVG } from './Edit';
-import { OpenInNewSVG } from './OpenInNew';
-import { ShareSVG } from './Share';
-import { DeleteSVG } from './Delete';
-import { AddSVG } from './Add';
-import { AddCircleSVG } from './AddCircle';
-import { CheckSVG } from './Check';
-import { CheckCircleSVG } from './CheckCircle';
-import { WarningSVG } from './Warning';
-import { ErrorSVG } from './Error';
-import { InfoSVG } from './Info';
-import { HelpSVG } from './Help';
-import { ContentCopySVG } from './ContentCopy';
-import { DataObjectSVG } from './DataObject';
-import { NotificationsSVG } from './Notifications';
-import { VisibilitySVG } from './Visibility';
-import { VisibilityOffSVG } from './VisibilityOff';
-import { CloseSVG } from './Close';
-import { ExpandMoreSVG } from './ExpandMore';
-import { ExpandLessSVG } from './ExpandLess';
-import { SearchSVG } from './Search';
-import { SettingsSVG } from './Settings';
-import { CalendarSVG } from './Calendar';
-import { ExploreSVG } from './Explore';
-import { DragIndicatorSVG } from './DragIndicator';
-import { DownloadSVG } from './Download';
-import { RefreshSVG } from './Refresh';
-import { MenuSVG } from './Menu';
-import { LinkSVG } from './Link';
-import { LoginSVG } from './Login';
-import { LogoutSVG } from './Logout';
-import { LockSVG } from './Lock';
-import { LockOpenSVG } from './LockOpen';
-import { TableSVG } from './Table';
-import { AttributesSVG } from './Attributes';
-import { ArrowRightSVG } from './ArrowRight';
-import { ArrowLeftSVG } from './ArrowLeft';
-import { DashboardSVG } from './Dashboard';
-import { OpportunitySVG } from './Opportunity';
-import { OrderSVG } from './Order';
-import { ContactSVG } from './Contact';
-import { AccountSVG } from './Account';
-import { ContractSVG } from './Contract';
-import { MessageSVG } from './Message';
-import { FileSVG } from './File';
-import { NoteSVG } from './Note';
-import { DocumentSVG } from './Document';
-import { TemplatesSVG } from './Templates';
-import { ProductSVG } from './Product';
-import { PriceSVG } from './Price';
-import { TaxSVG } from './Tax';
-import { SubmissionSVG } from './Submission';
-import { PartnerSVG } from './Partner';
-import { MeterSVG } from './Meter';
-import { EntitySVG } from './Entity';
-import { WebhookSVG } from './Webhook';
-import { DesignSVG } from './Design';
-import { WorkflowSVG } from './Workflow';
-import { JourneySVG } from './Journey';
-import { RelationsSVG } from './Relations';
-import { AvailabilitySVG } from './Availability';
-import { FilterSVG } from './Filter';
-import { SortSVG } from './Sort';
-
-import type { IconProps } from '../types';
-
-export const svgMap = {
-  epilot: EpilotSVG,
-  edit: EditSVG,
-  open_in_new: OpenInNewSVG,
-  share: ShareSVG,
-  delete: DeleteSVG,
-  add: AddSVG,
-  add_circle: AddCircleSVG,
-  check: CheckSVG,
-  check_circle: CheckCircleSVG,
-  warning: WarningSVG,
-  error: ErrorSVG,
-  info: InfoSVG,
-  help: HelpSVG,
-  content_copy: ContentCopySVG,
-  data_object: DataObjectSVG,
-  notifications: NotificationsSVG,
-  visibility: VisibilitySVG,
-  visibility_off: VisibilityOffSVG,
-  close: CloseSVG,
-  expand_more: ExpandMoreSVG,
-  expand_less: ExpandLessSVG,
-  search: SearchSVG,
-  settings: SettingsSVG,
-  calendar: CalendarSVG,
-  explore: ExploreSVG,
-  drag_indicator: DragIndicatorSVG,
-  download: DownloadSVG,
-  refresh: RefreshSVG,
-  menu: MenuSVG,
-  link: LinkSVG,
-  login: LoginSVG,
-  logout: LogoutSVG,
-  lock: LockSVG,
-  lock_open: LockOpenSVG,
-  table: TableSVG,
-  attributes: AttributesSVG,
-  arrow_right: ArrowRightSVG,
-  arrow_left: ArrowLeftSVG,
-  dashboard: DashboardSVG,
-  opportunity: OpportunitySVG,
-  order: OrderSVG,
-  contact: ContactSVG,
-  account: AccountSVG,
-  contract: ContractSVG,
-  message: MessageSVG,
-  file: FileSVG,
-  note: NoteSVG,
-  document: DocumentSVG,
-  templates: TemplatesSVG,
-  product: ProductSVG,
-  price: PriceSVG,
-  tax: TaxSVG,
-  submission: SubmissionSVG,
-  partner: PartnerSVG,
-  meter: MeterSVG,
-  entity: EntitySVG,
-  webhook: WebhookSVG,
-  design: DesignSVG,
-  workflow: WorkflowSVG,
-  journey: JourneySVG,
-  relations: RelationsSVG,
-  availability: AvailabilitySVG,
-  filter: FilterSVG,
-  sort: SortSVG,
-};
-
-export type IconSVGName = keyof typeof svgMap;
-type Opts = IconProps & {
-  name: IconSVGName;
-  xclass?: string;
-};
-
-const defaultOpts: Opts = {
-  name: 'epilot',
-  size: 24,
-  fill: 'currentColor',
-};
-
-export const svgIcon = (opts: Opts) => {
-  const { name, width, height, size, fill, xclass, ...restOpts } = {
-    ...defaultOpts,
-    ...opts,
-  };
-
-  const svg = svgMap[name];
-
-  if (!svg) return '';
-
-  const parser = new DOMParser();
-  const document = parser.parseFromString(svg(restOpts), 'image/svg+xml');
-
-  const svgElement = document.querySelector('svg');
-
-  if (fill) svgElement.setAttribute('fill', `${fill}`);
-  if (xclass) svgElement.setAttribute('class', `${xclass}`);
-
-  if (width !== undefined && width !== '') svgElement.setAttribute('width', `${width}`);
-  if (height !== undefined && height !== '') svgElement.setAttribute('height', `${height}`);
-
-  if (size) {
-    svgElement.setAttribute('width', `${size}`);
-    svgElement.setAttribute('height', `${size}`);
-  }
-
-  return document.documentElement.outerHTML;
-};

package/src/svg-module.d.ts

@@ -1,6 +0,0 @@
-declare module '*.svg' {
-  export const ReactComponent: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-
-  const SVGString: string;
-  export default SVGString;
-}

package/src/types.ts

@@ -1,19 +0,0 @@
-export interface IconProps {
-  /**
-   * Shorthand to override both width and height props
-   */
-  size?: number | string;
-  /**
-   * Width prop of the icon.
-   */
-  width?: number | string;
-  /**
-   * Height prop of the icon.
-   */
-  height?: number | string;
-  /**
-   * Fill color of the icon.
-   */
-  fill?: string;
-  variant?: 'filled' | 'outlined';
-}

package/tsconfig.json

@@ -1,34 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "target": "es5",
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "lib": [
-      "esnext",
-      "dom"
-    ],
-    "jsx": "react",
-    "allowJs": true,
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "esModuleInterop": true,
-    "noImplicitAny": true,
-    "strictPropertyInitialization": false,
-    "strictNullChecks": false,
-    "resolveJsonModule": true,
-    "baseUrl": ".",
-    "rootDir": "src",
-    "outDir": "build",
-    "sourceMap": true,
-    "declaration": true
-  },
-  "include": [
-    "src/**/*"
-  ],
-  "exclude": [
-    "**/*.test.ts",
-    "**/*.stories.tsx",
-    "src/stories/**/*"
-  ]
-}

package/webpack.config-cjs.js

@@ -1,64 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const singleSpaDefaults = require('@epilot360/webpack-config-epilot360');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-const glob = require('glob');
-const { merge } = require('webpack-merge');
-
-module.exports = (webpackConfigEnv, argv) => {
-  const defaultConfig = singleSpaDefaults({
-    orgName: 'epilot360',
-    projectName: 'icons',
-    webpackConfigEnv,
-    argv,
-  });
-
-  // Remove svg from default rules
-  const rules = defaultConfig.module.rules;
-  defaultConfig.module.rules = rules.map((rule) => (rule.test.test('.svg') ? { ...rule, exclude: /\.svg$/ } : rule));
-
-  defaultConfig.module.rules.push({
-    test: /\.svg$/i,
-    use: [
-      {
-        loader: '@svgr/webpack',
-      },
-      {
-        loader: 'raw-loader',
-      },
-    ],
-  });
-
-  // Remove systemjs plugin
-  defaultConfig.plugins = defaultConfig.plugins.filter(
-    (plugin) => plugin.constructor.name !== 'SystemJSPublicPathWebpackPlugin',
-  );
-
-  // copy svg files to dist
-  defaultConfig.plugins.push(
-    new CopyWebpackPlugin({
-      patterns: [
-        {
-          context: 'src',
-          from: 'svg/**/*.svg',
-        },
-      ],
-    }),
-  );
-
-  return merge(defaultConfig, {
-    target: 'node',
-    entry: glob.sync('./src/**/*.{ts,tsx}').reduce((acc, file) => {
-      if (!file.includes('.test.') && !file.includes('stories') && !file.includes('.d.ts')) {
-        acc[file.replace(/^\.\/src\//, '').replace(/\.tsx?$/, '')] = file;
-      }
-
-      return acc;
-    }, {}),
-    output: {
-      path: [__dirname, 'build'].join('/'),
-      filename: '[name].js',
-      sourceMapFilename: '[name].js.map',
-      libraryTarget: 'commonjs2',
-    },
-  });
-};

package/webpack.config.js

@@ -1,30 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const singleSpaDefaults = require('@epilot360/webpack-config-epilot360');
-const { merge } = require('webpack-merge');
-
-module.exports = (webpackConfigEnv, argv) => {
-  const defaultConfig = singleSpaDefaults({
-    orgName: 'epilot360',
-    projectName: 'icons',
-    webpackConfigEnv,
-    argv,
-  });
-
-  // Remove svg from default rules
-  const rules = defaultConfig.module.rules;
-  defaultConfig.module.rules = rules.map((rule) => (rule.test.test('.svg') ? { ...rule, exclude: /\.svg$/ } : rule));
-
-  defaultConfig.module.rules.push({
-    test: /\.svg$/i,
-    use: [
-      {
-        loader: '@svgr/webpack',
-      },
-      {
-        loader: 'raw-loader',
-      },
-    ],
-  });
-
-  return merge(defaultConfig, {});
-};