ish-ui 1.0.2

package/src/utils/events/index.ts

@@ -0,0 +1,8 @@
+/*
+ * Copyright ish group pty ltd. All rights reserved. https://www.ish.com.au
+ * No copying or use of this code is allowed without permission in writing from ish.
+ */
+
+export const stopEventPropagation = e => e.stopPropagation();
+
+export const preventEventDefault = e => e.preventDefault();

package/src/utils/fields/index.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export const getCheckboxValue = (value, stringValue) => {
+  if (!stringValue) {
+    return !!value;
+  }
+
+  switch (value) {
+    case 'false':
+      return false;
+    case 'true':
+      return true;
+    default:
+      return Boolean(value);
+  }
+};

package/src/utils/formatting/PhoneMasks.ts

@@ -0,0 +1,320 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+export const phoneMasks = {
+  'AC': '+247-####',
+  'AD': '+376-###-###',
+  'AE': '+971-5#-###-####',
+  'AE1': '+971-#-###-####',
+  'AF': '+93-##-###-####',
+  'AG': '+1 (268) ###-####',
+  'AI': '+1 (264) ###-####',
+  'AL': '+355 (###) ###-###',
+  'AM': '+374-##-###-###',
+  'AN': '+599-###-####',
+  'AN1': '+599-###-####',
+  'AN2': '+599-9###-####',
+  'AO': '+244 (###) ###-###',
+  'AQ': '+672-1##-###',
+  'AR': '+54 (###) ###-####',
+  'AS': '+1 (684) ###-####',
+  'AT': '+43 (###) ###-####',
+  'AU': '+61 4## ### ###',
+  'AU1': '+61 # #### ####',
+  'AU2': '(02) #### ####',
+  'AU3': '(03) #### ####',
+  'AU4': '04## ### ###',
+  'AU5': '(07) #### ####',
+  'AU6': '(08) #### ####',
+  'AW': '+297-###-####',
+  'AZ': '+994-##-###-##-##',
+  'BA': '+387-##-#####',
+  'BA1': '+387-##-####',
+  'BB': '+1 (246) ###-####',
+  'BD': '+880-##-###-###',
+  'BE': '+32 (###) ###-###',
+  'BF': '+226-##-##-####',
+  'BG': '+359 (###) ###-###',
+  'BH': '+973-####-####',
+  'BI': '+257-##-##-####',
+  'BJ': '+229-##-##-####',
+  'BM': '+1 (441) ###-####',
+  'BN': '+673-###-####',
+  'BO': '+591-#-###-####',
+  'BR': '+55 (##) ####-####',
+  'BR1': '+55 (##) 7###-####',
+  'BR2': '+55 (##) 9####-####',
+  'BS': '+1 (242) ###-####',
+  'BT': '+975-17-###-###',
+  'BT1': '+975-#-###-###',
+  'BW': '+267-##-###-###',
+  'BY': '+375 (##) ###-##-##',
+  'BZ': '+501-###-####',
+  'CA': '+1 (###) ###-####',
+  'CD': '+243 (###) ###-###',
+  'CF': '+236-##-##-####',
+  'CG': '+242-##-###-####',
+  'CH': '+41-##-###-####',
+  'CI': '+225-##-###-###',
+  'CK': '+682-##-###',
+  'CL': '+56-#-####-####',
+  'CM': '+237-####-####',
+  'CN': '+86 (###) ####-####',
+  'CN1': '+86 (###) ####-###',
+  'CN2': '+86-##-#####-#####',
+  'CO': '+57 (###) ###-####',
+  'CR': '+506-####-####',
+  'CU': '+53-#-###-####',
+  'CV': '+238 (###) ##-##',
+  'CW': '+599-###-####',
+  'CY': '+357-##-###-###',
+  'CZ': '+420 (###) ###-###',
+  'DE': '+49 (####) ###-####',
+  'DE1': '+49 (###) ###-####',
+  'DE2': '+49 (###) ##-####',
+  'DE3': '+49 (###) ##-###',
+  'DE4': '+49 (###) ##-##',
+  'DE5': '+49-###-###',
+  'DJ': '+253-##-##-##-##',
+  'DK': '+45-##-##-##-##',
+  'DM': '+1 (767) ###-####',
+  'DO': '+1 (809) ###-####',
+  'DO1': '+1 (829) ###-####',
+  'DO2': '+1 (849) ###-####',
+  'DZ': '+213-##-###-####',
+  'EC': '+593-##-###-####',
+  'EC1': '+593-#-###-####',
+  'EE': '+372-####-####',
+  'EE1': '+372-###-####',
+  'EG': '+20 (###) ###-####',
+  'ER': '+291-#-###-###',
+  'ES': '+34 (###) ###-###',
+  'ET': '+251-##-###-####',
+  'FI': '+358 (###) ###-##-##',
+  'FJ': '+679-##-#####',
+  'FK': '+500-#####',
+  'FM': '+691-###-####',
+  'FO': '+298-###-###',
+  'FR': '+262-#####-####',
+  'FR1': '+33 (###) ###-###',
+  'FR2': '+508-##-####',
+  'FR3': '+590 (###) ###-###',
+  'GA': '+241-#-##-##-##',
+  'GD': '+1 (473) ###-####',
+  'GE': '+995 (###) ###-###',
+  'GF': '+594-#####-####',
+  'GH': '+233 (###) ###-###',
+  'GI': '+350-###-#####',
+  'GL': '+299-##-##-##',
+  'GM': '+220 (###) ##-##',
+  'GN': '+224-##-###-###',
+  'GQ': '+240-##-###-####',
+  'GR': '+30 (###) ###-####',
+  'GT': '+502-#-###-####',
+  'GU': '+1 (671) ###-####',
+  'GW': '+245-#-######',
+  'GY': '+592-###-####',
+  'HK': '+852-####-####',
+  'HN': '+504-####-####',
+  'HR': '+385-##-###-###',
+  'HT': '+509-##-##-####',
+  'HU': '+36 (###) ###-###',
+  'ID': '+62 (8##) ###-####',
+  'ID1': '+62-##-###-##',
+  'ID2': '+62-##-###-###',
+  'ID3': '+62-##-###-####',
+  'ID4': '+62 (8##) ###-###',
+  'ID5': '+62 (8##) ###-##-###',
+  'IE': '+353 (###) ###-###',
+  'IL': '+972-5#-###-####',
+  'IL1': '+972-#-###-####',
+  'IN': '+91 (####) ###-###',
+  'IO': '+246-###-####',
+  'IQ': '+964 (###) ###-####',
+  'IR': '+98 (###) ###-####',
+  'IS': '+354-###-####',
+  'IT': '+39 (###) ####-###',
+  'JM': '+1 (876) ###-####',
+  'JO': '+962-#-####-####',
+  'JP': '+81-##-####-####',
+  'JP1': '+81 (###) ###-###',
+  'KE': '+254-###-######',
+  'KG': '+996 (###) ###-###',
+  'KH': '+855-##-###-###',
+  'KI': '+686-##-###',
+  'KM': '+269-##-#####',
+  'KN': '+1 (869) ###-####',
+  'KP': '+850-191-###-####',
+  'KP1': '+850-##-###-###',
+  'KP2': '+850-###-####-###',
+  'KP3': '+850-###-###',
+  'KP4': '+850-####-####',
+  'KP5': '+850-####-#############',
+  'KR': '+82-##-###-####',
+  'KW': '+965-####-####',
+  'KY': '+1 (345) ###-####',
+  'KZ': '+7 (6##) ###-##-##',
+  'KZ1': '+7 (7##) ###-##-##',
+  'LA': '+856 (20##) ###-###',
+  'LA1': '+856-##-###-###',
+  'LB': '+961-##-###-###',
+  'LB1': '+961-#-###-###',
+  'LC': '+1 (758) ###-####',
+  'LI': '+423 (###) ###-####',
+  'LK': '+94-##-###-####',
+  'LR': '+231-##-###-###',
+  'LS': '+266-#-###-####',
+  'LT': '+370 (###) ##-###',
+  'LU': '+352 (###) ###-###',
+  'LV': '+371-##-###-###',
+  'LY': '+218-##-###-###',
+  'LY1': '+218-21-###-####',
+  'MA': '+212-##-####-###',
+  'MC': '+377 (###) ###-###',
+  'MC1': '+377-##-###-###',
+  'MD': '+373-####-####',
+  'ME': '+382-##-###-###',
+  'MG': '+261-##-##-#####',
+  'MH': '+692-###-####',
+  'MK': '+389-##-###-###',
+  'ML': '+223-##-##-####',
+  'MM': '+95-##-###-###',
+  'MM1': '+95-#-###-###',
+  'MN': '+976-##-##-####',
+  'MO': '+853-####-####',
+  'MP': '+1 (670) ###-####',
+  'MQ': '+596 (###) ##-##-##',
+  'MR': '+222-##-##-####',
+  'MS': '+1 (664) ###-####',
+  'MT': '+356-####-####',
+  'MU': '+230-###-####',
+  'MV': '+960-###-####',
+  'MW': '+265-1-###-###',
+  'MW1': '+265-#-####-####',
+  'MX': '+52 (###) ###-####',
+  'MX1': '+52-##-##-####',
+  'MY': '+60-##-###-####',
+  'MY1': '+60 (###) ###-###',
+  'MY2': '+60-##-###-###',
+  'MY3': '+60-#-###-###',
+  'MZ': '+258-##-###-###',
+  'NA': '+264-##-###-####',
+  'NC': '+687-##-####',
+  'NE': '+227-##-##-####',
+  'NF': '+672-3##-###',
+  'NG': '+234 (###) ###-####',
+  'NG1': '+234-##-###-###',
+  'NG2': '+234-##-###-##',
+  'NG3': '+234 (###) ###-####',
+  'NI': '+505-####-####',
+  'NL': '+31-##-###-####',
+  'NO': '+47 (###) ##-###',
+  'NP': '+977-##-###-###',
+  'NR': '+674-###-####',
+  'NU': '+683-####',
+  'NZ': '+64 (###) ###-###',
+  'NZ1': '+64-##-###-###',
+  'NZ2': '+64 (###) ###-####',
+  'OM': '+968-##-###-###',
+  'PA': '+507-###-####',
+  'PE': '+51 (###) ###-###',
+  'PF': '+689-##-##-##',
+  'PG': '+675 (###) ##-###',
+  'PH': '+63 (###) ###-####',
+  'PK': '+92 (###) ###-####',
+  'PL': '+48 (###) ###-###',
+  'PS': '+970-##-###-####',
+  'PT': '+351-##-###-####',
+  'PW': '+680-###-####',
+  'PY': '+595 (###) ###-###',
+  'QA': '+974-####-####',
+  'RE': '+262-#####-####',
+  'RO': '+40-##-###-####',
+  'RS': '+381-##-###-####',
+  'RU': '+7 (###) ###-##-##',
+  'RW': '+250 (###) ###-###',
+  'SA': '+966-5-####-####',
+  'SA1': '+966-#-###-####',
+  'SB': '+677-###-####',
+  'SB1': '+677-#####',
+  'SC': '+248-#-###-###',
+  'SD': '+249-##-###-####',
+  'SE': '+46-##-###-####',
+  'SG': '+65-####-####',
+  'SH': '+290-####',
+  'SH1': '+290-####',
+  'SI': '+386-##-###-###',
+  'SK': '+421 (###) ###-###',
+  'SL': '+232-##-######',
+  'SM': '+378-####-######',
+  'SN': '+221-##-###-####',
+  'SO': '+252-##-###-###',
+  'SO1': '+252-#-###-###',
+  'SO2': '+252-#-###-###',
+  'SR': '+597-###-####',
+  'SR1': '+597-###-###',
+  'SS': '+211-##-###-####',
+  'ST': '+239-##-#####',
+  'SV': '+503-##-##-####',
+  'SX': '+1 (721) ###-####',
+  'SY': '+963-##-####-###',
+  'SZ': '+268-##-##-####',
+  'TC': '+1 (649) ###-####',
+  'TD': '+235-##-##-##-##',
+  'TG': '+228-##-###-###',
+  'TH': '+66-##-###-####',
+  'TH1': '+66-##-###-###',
+  'TJ': '+992-##-###-####',
+  'TK': '+690-####',
+  'TL': '+670-###-####',
+  'TL1': '+670-77#-#####',
+  'TL2': '+670-78#-#####',
+  'TM': '+993-#-###-####',
+  'TN': '+216-##-###-###',
+  'TO': '+676-#####',
+  'TR': '+90 (###) ###-####',
+  'TT': '+1 (868) ###-####',
+  'TV': '+688-90####',
+  'TV1': '+688-2####',
+  'TW': '+886-#-####-####',
+  'TW1': '+886-####-####',
+  'TZ': '+255-##-###-####',
+  'UA': '+380 (##) ###-##-##',
+  'UG': '+256 (###) ###-###',
+  'UK': '+44-##-####-####',
+  'US': '+1 (###) ###-####',
+  'UY': '+598-#-###-##-##',
+  'UZ': '+998-##-###-####',
+  'VA': '+39-6-698-#####',
+  'VC': '+1 (784) ###-####',
+  'VE': '+58 (###) ###-####',
+  'VG': '+1 (284) ###-####',
+  'VI': '+1 (340) ###-####',
+  'VN': '+84-##-####-###',
+  'VN1': '+84 (###) ####-###',
+  'VU': '+678-##-#####',
+  'VU1': '+678-#####',
+  'WF': '+681-##-####',
+  'WS': '+685-##-####',
+  'YE': '+967-###-###-###',
+  'YE1': '+967-#-###-###',
+  'YE2': '+967-##-###-###',
+  'ZA': '+27-##-###-####',
+  'ZM': '+260-##-###-####',
+  'ZW': '+263-#-######',
+  'DEFAULT': '#### #### ###########'
+};
+
+export const getPhoneMask = (value: string) => {
+  const maskKey = Object.keys(phoneMasks).find(key => {
+    const mask = phoneMasks[key];
+    return value.startsWith(mask?.match(/\d/g)?.join('')) && value.length === mask?.match(/\d|#/g)?.length;
+  });
+
+  return phoneMasks[maskKey] ? phoneMasks[maskKey].replace(/\d/g, '#') : value.length === 8 ? phoneMasks['DEFAULT'] : null;
+};

package/src/utils/formatting/index.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import parse from 'autosuggest-highlight/parse';
+import match from 'autosuggest-highlight/match';
+
+export const getHighlightedPartLabel = (label: string, highlighted: string, options?: any) => {
+  const matches = match(label, highlighted, { insideWords: true });
+  const parts = parse(label, matches);
+
+  const result = parts.map((part, index) => (
+    <span key={index}>{part.highlight ? <strong>{part.text}</strong> : part.text}</span>
+  ));
+
+  return options ? (
+    <div {...options || {}}>
+      {result}
+    </div>
+  ) : result;
+};
+
+export * from './PhoneMasks'

package/src/utils/hooks/index.ts

@@ -0,0 +1,19 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+import { useEffect, useRef } from 'react';
+
+export const usePrevious = <T = any>(value: any, initial?: any) => {
+  const ref = useRef<T>(initial);
+
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+
+  return ref.current;
+};

package/src/utils/index.ts

@@ -0,0 +1,15 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+export * from './tags';
+export * from './formatting';
+export * from './stubs';
+export * from './DOM';
+export * from './numbers';
+export * from './dates';
+export * from './fields';

package/src/utils/numbers/decimalCalculation.ts

@@ -0,0 +1,26 @@
+/*
+ * Copyright ish group pty ltd. All rights reserved. https://www.ish.com.au
+ * No copying or use of this code is allowed without permission in writing from ish.
+ */
+
+import { Decimal } from 'decimal.js-light';
+
+export const decimalMul = (...args): number => args
+  .reduce((p, c) => p.mul(c || 0), new Decimal(1))
+  .toDecimalPlaces(2)
+  .toNumber();
+
+export const decimalPlus = (...args): number => args
+  .reduce((p, c) => p.plus(c || 0), new Decimal(0))
+  .toDecimalPlaces(2)
+  .toNumber();
+
+export const decimalMinus = (...args): number => args
+  .reduce((p, c) => new Decimal(p).minus(c))
+  .toDecimalPlaces(2)
+  .toNumber();
+
+export const decimalDivide = (a: number, b: number): number => new Decimal(a)
+  .div(b)
+  .toDecimalPlaces(2)
+  .toNumber();

package/src/utils/numbers/index.ts

@@ -0,0 +1,11 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+export * from './decimalCalculation';
+export * from './numbersNormalizing';

package/src/utils/numbers/numbersNormalizing.ts

@@ -0,0 +1,52 @@
+import Decimal from 'decimal.js-light';
+
+const currencyFormatter = new Intl.NumberFormat('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+
+export const normalizeNumber = v => (typeof v === 'number' ? v : typeof v === 'string' && v ? parseFloat(v) : v);
+
+export const normalizeNumberToZero = v => (typeof v === 'number' ? v : typeof v === 'string' && v ? parseFloat(v) : 0);
+
+export const normalizeNumberToPositive = v => {
+  const parsed = normalizeNumber(v);
+  return parsed < 0 ? Math.abs(parsed) : parsed;
+};
+
+export const formatCurrency = (v, cs: string) => {
+  const formatted = currencyFormatter.format(v);
+  let value = `${cs}0.00`;
+  if (formatted !== 'NaN') {
+    const formattedValue = parseFloat(v);
+    if (formattedValue < 0) value = `-${cs}${currencyFormatter.format(-formattedValue)}`;
+    else value = `${cs}${currencyFormatter.format(formattedValue)}`;
+  }
+  return value;
+};
+
+export const idsToString = (items: any[]): string => items
+    .filter(item => item.id)
+    .map(item => item.id)
+    .map(id => (Number(id) < 0 ? `'${id}'` : id))
+    .toString();
+
+export const formatPercent = val => {
+  const result = Number(val);
+  if (isNaN(result)) {
+    return '';
+  }
+  return `${new Decimal(result * 100).toDecimalPlaces(2).toString()}%`;
+};
+
+export const formatFieldPercent = val => val && Math.round(+val * 10000) / 100;
+export const parseFieldPercent = val => val ? Math.round(+val * 100) / 10000 : 0;
+
+export const preventNegativeOrLogEnter = ev => {
+  if (ev.key === '-' || ev.key === 'e') {
+    ev.preventDefault();
+  }
+};
+
+export const preventDecimalEnter = ev => {
+  if (ev.key === '.') {
+    ev.preventDefault();
+  }
+};

package/src/utils/stubs/index.tsx

@@ -0,0 +1,12 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+import React from 'react';
+
+export const stubFunction = () => undefined;
+
+export const stubComponent = () => <div className="invisible" />;

package/src/utils/tags/index.ts

@@ -0,0 +1,53 @@
+/*
+ * Copyright ish group pty ltd 2023.
+ *
+ * This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
+ *
+ *  This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ */
+
+
+import { MenuTag, TagLike } from '@src/model';
+
+export const getAllMenuTags = (tags: MenuTag<TagLike>[], res?: MenuTag<TagLike>[], path = ''): MenuTag<TagLike>[] => {
+  const result = res || [];
+
+  for (let i = 0; i < tags.length; i++) {
+    const tag = tags[i];
+    tag.path = path;
+    result.push(tag);
+
+    if (tag.children.length) {
+      getAllMenuTags(tags[i].children, result, `${path ? `${path} / ` : ''}${(tag.tagBody && tag.tagBody.name) || ''}`);
+    }
+  }
+  return result;
+};
+
+export const getMenuTags = (allTags: TagLike[], addedTags: TagLike[], prefix?: string, queryPrefix?: string, entity?: string, path?: string, parent?: MenuTag<TagLike>): MenuTag<TagLike>[] => allTags.map(t => {
+  const active = addedTags.find(i => i.id === t.id);
+
+  const tag: MenuTag<TagLike> = {
+    active: Boolean(active),
+    tagBody: t,
+    parent,
+    children: []
+  };
+
+  tag.children = t.childTags.length ? getMenuTags(t.childTags, addedTags, prefix, queryPrefix, entity, path, tag) : [];
+
+  if (prefix) {
+    tag.prefix = prefix;
+  }
+  if (queryPrefix) {
+    tag.queryPrefix = queryPrefix;
+  }
+  if (entity) {
+    tag.entity = entity;
+  }
+  if (path) {
+    tag.path = path;
+  }
+
+  return tag;
+});

package/tools/webpack/webpack.aliases.js

@@ -0,0 +1,13 @@
+const { createWebpackAliases } = require('./webpack.helpers');
+
+/**
+ * Export Webpack Aliases
+ *
+ * Tip: Some text editors will show the errors or invalid intellisense reports
+ * based on these webpack aliases, make sure to update `tsconfig.json` file also
+ * to match the `paths` we using in here for aliases in project.
+ */
+module.exports = createWebpackAliases({
+  '@assets': 'assets',
+  '@src': 'src',
+});

package/tools/webpack/webpack.config.dev.js

@@ -0,0 +1,29 @@
+module.exports = {
+  mode: 'development',
+  entry: ['./src/index.ts'],
+  module: {
+    rules: require('./webpack.rules'),
+  },
+  output: {
+    filename: '[name].js',
+    chunkFilename: '[name].chunk.js',
+  },
+  plugins: require('./webpack.plugins'),
+  resolve: {
+    extensions: ['.js', '.ts', '.jsx', '.tsx', '.css'],
+    alias: require('./webpack.aliases'),
+  },
+  stats: 'errors-warnings',
+  devtool: 'cheap-module-source-map',
+  devServer: {
+    open: true,
+  },
+  optimization: {
+    splitChunks: {
+      chunks: 'all',
+    },
+  },
+  performance: {
+    hints: false,
+  },
+};

package/tools/webpack/webpack.config.prod.js

@@ -0,0 +1,36 @@
+const TerserPlugin = require("terser-webpack-plugin");
+const path = require("path");
+
+module.exports = {
+  mode: 'production',
+  entry: {
+    'ish-ui': './src/index.ts'
+  },
+  output: {
+    path: path.resolve(__dirname, '_bundles'),
+    filename: '[name].js',
+    clean: true,
+    library: {
+      name: 'ish-ui',
+      type: 'umd',
+      umdNamedDefine: true
+    },
+  },
+  resolve: {
+    extensions: ['.js', '.ts', '.jsx', '.tsx', '.css'],
+    alias: {
+      // Custom Aliases
+      ...require('./webpack.aliases'),
+    },
+  },
+  devtool: 'source-map',
+  module: {
+    rules: require('./webpack.rules'),
+  },
+  plugins: [...require('./webpack.plugins')],
+  stats: 'errors-warnings',
+  optimization: {
+    minimize: true,
+    minimizer: [new TerserPlugin()],
+  },
+};

package/tools/webpack/webpack.helpers.js

@@ -0,0 +1,26 @@
+const path = require('path');
+const cwd = process.cwd();
+
+/**
+ * Are we in development mode?
+ */
+function inDev() {
+  return process.env.NODE_ENV == 'development';
+}
+
+/**
+ * Create webpack aliases
+ */
+function createWebpackAliases (aliases) {
+  const result = {};
+  for (const name in aliases) {
+    result[name] = path.join(cwd, aliases[name]);
+  }
+  return result;
+}
+
+// Export helpers
+module.exports = {
+  inDev,
+  createWebpackAliases,
+};