@trackunit/react-components 0.1.269 → 0.1.271

package/index.cjs.js

@@ -4,11 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var sharedUtils = require('@trackunit/shared-utils');
 var uiDesignTokens = require('@trackunit/ui-design-tokens');
 var uiIcons = require('@trackunit/ui-icons');
 var IconSpriteMini = require('@trackunit/ui-icons/icons-sprite-mini.svg');
 var IconSpriteOutline = require('@trackunit/ui-icons/icons-sprite-outline.svg');
 var IconSpriteSolid = require('@trackunit/ui-icons/icons-sprite-solid.svg');
+var stringTs = require('string-ts');
 var cssClassVarianceUtilities = require('@trackunit/css-class-variance-utilities');
 var reactUse = require('react-use');
 var reactDayPicker = require('react-day-picker');
@@ -162,8 +164,7 @@ cssClassVarianceUtilities.cvaMerge([
 ]);
 
 const iconPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, uiDesignTokens.intentPalette), uiDesignTokens.generalPalette), uiDesignTokens.criticalityPalette), uiDesignTokens.activityPalette), uiDesignTokens.utilizationPalette), uiDesignTokens.sitesPalette), uiDesignTokens.rentalStatusPalette);
-// eslint-disable-next-line local-rules/no-typescript-assertion
-const iconColorNames = Object.keys(iconPalette).map(key => key.toLowerCase()); // This users the object in the Object.keys() to infer the type of the keys.
+const iconColorNames = sharedUtils.objectKeys(iconPalette).map(key => stringTs.snakeCase(key));
 const isSafari = () => {
     const ua = navigator.userAgent.toLowerCase();
     return ua.includes("safari") && !ua.includes("chrome");
@@ -2247,7 +2248,7 @@ const Sidebar = ({ childContainerClassName, children, breakpoint = "lg", classNa
         childUniqueIdentifierAttribute: "id",
         threshold: overflowThreshold !== null && overflowThreshold !== void 0 ? overflowThreshold : 0.8,
     });
-    const overflowItemCount = Object.values(itemOverflowMap).filter(isOverflowing => isOverflowing).length;
+    const overflowItemCount = sharedUtils.objectValues(itemOverflowMap).filter(isOverflowing => isOverflowing).length;
     const itemVisibilityClassName = (id) => {
         if (itemOverflowMap[id]) {
             return "invisible";

package/index.esm.js

@@ -1,11 +1,13 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default, { useRef, useMemo, useEffect, useState, useCallback, memo, createContext, useContext, forwardRef, isValidElement, cloneElement, Children, useReducer } from 'react';
+import { objectKeys, objectValues } from '@trackunit/shared-utils';
 import { rentalStatusPalette, intentPalette, generalPalette, criticalityPalette, activityPalette, utilizationPalette, sitesPalette, color } from '@trackunit/ui-design-tokens';
 import { iconNames } from '@trackunit/ui-icons';
 import IconSpriteMini from '@trackunit/ui-icons/icons-sprite-mini.svg';
 import IconSpriteOutline from '@trackunit/ui-icons/icons-sprite-outline.svg';
 import IconSpriteSolid from '@trackunit/ui-icons/icons-sprite-solid.svg';
+import { snakeCase } from 'string-ts';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
 import { useMeasure, useCopyToClipboard, usePrevious } from 'react-use';
 import { DayPicker as DayPicker$1 } from 'react-day-picker';
@@ -131,8 +133,7 @@ cvaMerge([
 ]);
 
 const iconPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, intentPalette), generalPalette), criticalityPalette), activityPalette), utilizationPalette), sitesPalette), rentalStatusPalette);
-// eslint-disable-next-line local-rules/no-typescript-assertion
-const iconColorNames = Object.keys(iconPalette).map(key => key.toLowerCase()); // This users the object in the Object.keys() to infer the type of the keys.
+const iconColorNames = objectKeys(iconPalette).map(key => snakeCase(key));
 const isSafari = () => {
     const ua = navigator.userAgent.toLowerCase();
     return ua.includes("safari") && !ua.includes("chrome");
@@ -2216,7 +2217,7 @@ const Sidebar = ({ childContainerClassName, children, breakpoint = "lg", classNa
         childUniqueIdentifierAttribute: "id",
         threshold: overflowThreshold !== null && overflowThreshold !== void 0 ? overflowThreshold : 0.8,
     });
-    const overflowItemCount = Object.values(itemOverflowMap).filter(isOverflowing => isOverflowing).length;
+    const overflowItemCount = objectValues(itemOverflowMap).filter(isOverflowing => isOverflowing).length;
     const itemVisibilityClassName = (id) => {
         if (itemOverflowMap[id]) {
             return "invisible";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.269",
+  "version": "0.1.271",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -23,7 +23,8 @@
     "lodash": "4.17.21",
     "jest-fetch-mock": "^3.0.3",
     "@testing-library/react": "14.0.0",
-    "@floating-ui/react": "^0.26.6"
+    "@floating-ui/react": "^0.26.6",
+    "string-ts": "^2.0.0"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js"

package/src/components/Icon/Icon.d.ts

@@ -205,11 +205,7 @@ export declare const iconPalette: {
         readonly 50: "239 246 255";
         readonly 100: "219 234 254";
         readonly 200: "191 219 254";
-        readonly 300: "147 197 253"; /**
-         * Select if the icon should be rendered as solid or outline.
-         * Default value depends on the Size prop, mini == solid, medium == solid, large == outline.
-         * Trackunit icons might not support both outline and Solid.
-         */
+        readonly 300: "147 197 253";
         readonly 400: "96 165 250";
         readonly 500: "59 130 246";
         readonly 600: "37 99 235";
@@ -221,7 +217,11 @@ export declare const iconPalette: {
         readonly 50: "240 253 244";
         readonly 100: "220 252 231";
         readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
+        readonly 300: "134 239 172"; /**
+         * Custom styles object used to override existing styles or add some extra styling
+         *
+         * @memberof IconProps
+         */
         readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";