@orfium/ictinus 5.43.7 → 5.43.9

package/CHANGELOG.md

@@ -1,169 +0,0 @@
-# @orfium/ictinus
-
-## 5.43.7
-
-### Patch Changes
-
-- aa2cec7: fix right pinned columns position
-
-## 5.43.6
-
-### Patch Changes
-
-- 5be44b3: data table loading
-
-## 5.43.5
-
-### Patch Changes
-
-- c672159: control cell props in data table
-
-## 5.43.4
-
-### Patch Changes
-
-- 6faf00e: icon button color
-
-## 5.43.3
-
-### Patch Changes
-
-- 9e38725: table counter + bulk actions
-
-## 5.43.2
-
-### Patch Changes
-
-- 6490de2: fix imports
-
-## 5.43.1
-
-### Patch Changes
-
-- f2ec1d7: data table alpha
-
-## 5.43.0
-
-### Minor Changes
-
-- e1297fb: dark mode
-
-## 5.42.6
-
-### Patch Changes
-
-- 9200f97: added vanilla icons
-
-## 5.42.5
-
-### Patch Changes
-
-- 68f683e: add warning color to text field
-
-## 5.42.4
-
-### Patch Changes
-
-- b680d21: add rows count label
-
-## 5.42.3
-
-### Patch Changes
-
-- 00aeba5: make rows count string or number
-
-## 5.42.2
-
-### Patch Changes
-
-- 1c9ac6d: react aria menu
-
-## 5.42.1
-
-### Patch Changes
-
-- 9b471e1: fix navigator ssr
-
-## 5.42.0
-
-### Minor Changes
-
-- 5d46cd5: allow custom app styles
-
-### Patch Changes
-
-- Updated dependencies [5d46cd5]
-  - @orfium/tokens@5.1.3
-
-## 5.41.4
-
-### Patch Changes
-
-- cc639ea: extend box props in tooltip content
-
-## 5.41.3
-
-### Patch Changes
-
-- d6aba99: react aria tooltip
-
-## 5.41.2
-
-### Patch Changes
-
-- 4f8756d: fix table nested header borders
-- b3660fc: text fixes
-
-## 5.41.1
-
-### Patch Changes
-
-- 5ed22bd: fix vanilla runtime
-
-## 5.41.0
-
-### Minor Changes
-
-- c3bd67e: table composition
-
-### Patch Changes
-
-- 68a6d1e: new box
-- Updated dependencies [68a6d1e]
-  - @orfium/tokens@5.1.2
-
-## 5.40.1
-
-### Patch Changes
-
-- c39c33a: chore: resolve any issues with exportation of libraries and how storybook consumes ictinus for DEV mode
-- Updated dependencies [c39c33a]
-  - @orfium/tokens@5.1.1
-
-## 5.40.0
-
-### Minor Changes
-
-- ff25264: add code variant for tag
-- 4d88250: chore: split tokens from ictinus
-
-  Split the token library from ictinus.
-  Ensure the library can export CSS tokens.
-  Create examples demonstrating the use of the CSS tokens.
-
-### Patch Changes
-
-- Updated dependencies [4d88250]
-  - @orfium/tokens@5.1.0
-
-## 5.39.5
-
-### Patch Changes
-
-- d31fbb8: adding missing readme's
-
-## 5.39.4
-
-### Patch Changes
-
-- e8c779e: An empty release to test monorepo

package/codemods/avatarCodemod.ts

@@ -1,53 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  // Find all Avatar components
-  root.findJSXElements('Avatar').forEach((path) => {
-    j(path)
-      .find(j.JSXAttribute)
-      .forEach((attrPath) => {
-        const attr = attrPath.node.name;
-
-        // If the attribute is size, update it
-        if (attr.name === 'size') {
-          const sizeValue = attrPath.node.value.value;
-          switch (sizeValue) {
-            case 'xs':
-              attrPath.node.value.value = '1';
-              break;
-            case 'sm':
-            case 'md':
-              attrPath.node.value.value = '2';
-              break;
-            case 'lg':
-              attrPath.node.value.value = '4';
-              break;
-          }
-        }
-
-        // If the attribute is color, update it
-        if (attr.name === 'color') {
-          const colorValue = attrPath.node.value.value;
-          attrPath.node.value.value = colorValue.split('-')[0];
-        }
-
-        // Update color property
-        const colorValue = attrPath.node.value.value;
-        if (!['blue', 'teal', 'purple', 'red', 'orange'].includes(colorValue)) {
-          attrPath.node.value.value = 'blue';
-        }
-
-        // If the attribute is iconName, update it
-        if (attr.name === 'iconName') {
-          attr.name = 'src';
-        }
-      });
-  });
-
-  return root.toSource();
-};
-
-export default transform;

package/codemods/buttonCodemod.ts

@@ -1,52 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  // Find all Button components
-  root.findJSXElements('Button').forEach((path) => {
-    j(path)
-      .find(j.JSXAttribute)
-      .forEach((attrPath) => {
-        const attr = attrPath.node.name;
-
-        // If the attribute is one of the deprecated ones, remove it
-        if (['color', 'transparent', 'filled'].includes(attr.name)) {
-          j(attrPath).remove();
-        }
-
-        // If the attribute is one of the ones that changed, update it
-        if (attr.name === 'size') {
-          const sizeValue = attrPath.node.value.value;
-          if (sizeValue === 'sm' && attrPath.node.value.type === 'StringLiteral') {
-            attrPath.node.value.value = 'compact';
-          } else if (
-            attrPath.node.value.type === 'JSXExpressionContainer' &&
-            attrPath.node.value.expression.value === 'sm'
-          ) {
-            attrPath.node.value.expression.value = 'compact';
-          } else if (attrPath.node.value.type === 'StringLiteral') {
-            attrPath.node.value.value = 'normal';
-          } else if (attrPath.node.value.type === 'JSXExpressionContainer') {
-            attrPath.node.value.expression.value = 'normal';
-          }
-        }
-        if (attr.name === 'type') {
-          const sizeValue = attrPath.node.value.value;
-          if (sizeValue === 'link' && attrPath.node.value.type === 'Literal') {
-            attrPath.node.value.value = 'tertiary';
-          }
-        }
-        if (attr.name === 'loading') attr.name = 'isLoading';
-        if (attr.name === 'disabled') attr.name = 'isDisabled';
-        if (attr.name === 'buttonType') attr.name = 'htmlType';
-        if (attr.name === 'iconLeft') attr.name = 'iconLeftName';
-        if (attr.name === 'iconRight') attr.name = 'iconRightName';
-      });
-  });
-
-  return root.toSource();
-};
-
-export default transform;

package/codemods/checkboxCodemod.ts

@@ -1,42 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  root.findJSXElements('CheckBox').forEach((path) => {
-    j(path)
-      .find(j.JSXAttribute)
-      .forEach((attrPath) => {
-        const attr = attrPath.node.name;
-
-        // Remove 'filled' attribute
-        if (attr.name === 'filled') {
-          j(attrPath).remove();
-        }
-
-        // Replace 'label' with 'labelConfig'
-        if (attr.name === 'label') {
-          attr.name = 'labelConfig';
-          attrPath.node.value = j.jsxExpressionContainer(
-            j.objectExpression([
-              j.property(
-                'init',
-                j.identifier('helpText'),
-                attrPath.node.value.expression || j.stringLiteral('')
-              ),
-            ])
-          );
-        }
-
-        // Rename 'checked' to 'isSelected'
-        if (attr.name === 'checked') {
-          attr.name = 'isSelected';
-        }
-      });
-  });
-
-  return root.toSource({ quote: 'single' });
-};
-
-export default transform;

package/codemods/chipCodemode.ts

@@ -1,45 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  root
-    .find(j.ImportDeclaration)
-    .filter((path) => path.node.source.value === '@orfium/ictinus')
-    .forEach((path) => {
-      path.node.specifiers.forEach((specifier) => {
-        if (specifier.imported && specifier.imported.name === 'Chip') {
-          specifier.imported.name = 'Tag';
-        }
-      });
-    });
-
-  root.find(j.JSXElement).forEach((path) => {
-    const openingElement = path.node.openingElement;
-    const closingElement = path.node.closingElement;
-
-    if (openingElement.name.name === 'Chip') {
-      openingElement.name.name = 'Tag';
-
-      if (closingElement && closingElement.name) {
-        closingElement.name.name = 'Tag';
-      }
-
-      // Rename 'fill' attribute to 'color'
-      openingElement.attributes.forEach((attribute) => {
-        if (attribute.name && attribute.name.name === 'fill') {
-          const colorValue = attribute.value.value;
-          if (colorValue === 'neutralWhite') {
-            attribute.value.value = 'neutral';
-          }
-          attribute.name.name = 'color';
-        }
-      });
-    }
-  });
-
-  return root.toSource({ quote: 'single' });
-};
-
-export default transform;

package/codemods/drawerCodemod.ts

@@ -1,73 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  // Update import declarations from '@orfium/ictinus'
-  root
-    .find(j.ImportDeclaration)
-    .filter((path) => path.node.source.value.includes('@orfium/ictinus'))
-    .forEach((path) => {
-      path.node.specifiers.forEach((specifier) => {
-        if (specifier.imported && specifier.imported.name === 'MenuItem') {
-          specifier.imported.name = 'NavigationMenuItem';
-        }
-        if (specifier.local && specifier.local.name === 'MenuItem') {
-          specifier.local.name = 'NavigationMenuItem';
-        }
-      });
-    });
-
-  // Update function return types and other usages of MenuItem
-  root.find(j.Identifier, { name: 'MenuItem' }).forEach((path) => {
-    // Ensure the change is only made for identifiers related to '@orfium/ictinus' import
-    const parentPath = path.parentPath;
-    if (
-      parentPath &&
-      parentPath.node.type === 'ImportSpecifier' &&
-      parentPath.parentPath.node.source.value.includes('@orfium/ictinus')
-    ) {
-      path.node.name = 'NavigationMenuItem';
-    }
-  });
-
-  // Rename Drawer to Navigation in import declarations
-  root
-    .find(j.ImportDeclaration)
-    .filter((path) => path.node.source.value === '@orfium/ictinus')
-    .forEach((path) => {
-      path.node.specifiers.forEach((specifier) => {
-        if (specifier.imported && specifier.imported.name === 'Drawer') {
-          specifier.imported.name = 'Navigation';
-        }
-      });
-    });
-
-  // Update Drawer to Navigation in JSX and rename expanded to isExpanded
-  root.find(j.JSXElement).forEach((path) => {
-    const openingElement = path.node.openingElement;
-    const closingElement = path.node.closingElement;
-
-    // Check for Drawer in opening element
-    if (openingElement.name.name === 'Drawer') {
-      openingElement.name.name = 'Navigation';
-
-      // Update closing element if it exists
-      if (closingElement && closingElement.name) {
-        closingElement.name.name = 'Navigation';
-      }
-
-      // Rename 'expanded' attribute to 'isExpanded'
-      openingElement.attributes.forEach((attribute) => {
-        if (attribute.name && attribute.name.name === 'expanded') {
-          attribute.name.name = 'isExpanded';
-        }
-      });
-    }
-  });
-
-  return root.toSource({ quote: 'single' });
-};
-
-export default transform;

package/codemods/filterCodemod.ts

@@ -1,29 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  // Find all Button components
-  root.findJSXElements('Filter').forEach((path) => {
-    j(path)
-      .find(j.JSXAttribute)
-      .forEach((attrPath) => {
-        const attr = attrPath.node.name;
-
-        if (['styleType'].includes(attr.name)) {
-          j(attrPath).remove();
-        }
-
-        // If the attribute is one of the ones that changed, update it
-        if (attr.name === 'multi') attr.name = 'isMulti';
-        if (attr.name === 'disabled') attr.name = 'isDisabled';
-        if (attr.name === 'selectedItem') attr.name = 'selectedFilter';
-        if (attr.name === 'onSelect') attr.name = 'onChange';
-      });
-  });
-
-  return root.toSource();
-};
-
-export default transform;

package/codemods/globalsCodemod.ts

@@ -1,145 +0,0 @@
-const transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-  const spacingReplaceMap = {
-    'theme.spacing.xsm': "vars.spacing['3']",
-    'theme.spacing.sm': "vars.spacing['4']",
-    'theme.spacing.md': "vars.spacing['6']",
-    'theme.spacing.lg': "vars.spacing['8']",
-    'theme.spacing.xl': "vars.spacing['9']",
-    'props.theme.spacing.xsm': "props.vars.spacing['3']",
-    'props.theme.spacing.sm': "props.vars.spacing['4']",
-    'props.theme.spacing.md': "props.vars.spacing['6']",
-    'props.theme.spacing.lg': "props.vars.spacing['8']",
-    'props.theme.spacing.xl': "props.vars.spacing['9']",
-    'theme.typography.weights.regular': "theme.globals.typography.fontWeight.get('regular')",
-    'theme.typography.weights.medium': "theme.globals.typography.fontWeight.get('medium')",
-    'theme.typography.weights.bold': "theme.globals.typography.fontWeight.get('bold')",
-    'props.theme.typography.weights.regular':
-      "props.theme.globals.typography.fontWeight.get('regular')",
-    'props.theme.typography.weights.medium':
-      "props.theme.globals.typography.fontWeight.get('medium')",
-    'props.theme.typography.weights.bold': "props.theme.globals.typography.fontWeight.get('bold')",
-    "theme.typography.fontSizes['10']": "theme.globals.typography.fontSize.get('1')",
-    "theme.typography.fontSizes['11']": "theme.globals.typography.fontSize.get('1')",
-    "theme.typography.fontSizes['12']": "theme.globals.typography.fontSize.get('2')",
-    "theme.typography.fontSizes['13']": "theme.globals.typography.fontSize.get('3')",
-    "theme.typography.fontSizes['14']": "theme.globals.typography.fontSize.get('3')",
-    "theme.typography.fontSizes['15']": "theme.globals.typography.fontSize.get('4')",
-    "theme.typography.fontSizes['16']": "theme.globals.typography.fontSize.get('4')",
-    "theme.typography.fontSizes['20']": "theme.globals.typography.fontSize.get('7')",
-    "theme.typography.fontSizes['22']": "theme.globals.typography.fontSize.get('7')",
-    "theme.typography.fontSizes['24']": "theme.globals.typography.fontSize.get('8')",
-    "theme.typography.fontSizes['28']": "theme.globals.typography.fontSize.get('9')",
-    "theme.typography.fontSizes['32']": "theme.globals.typography.fontSize.get('10')",
-    'theme.typography.fontSizes[10]': "theme.globals.typography.fontSize.get('1')",
-    'theme.typography.fontSizes[11]': "theme.globals.typography.fontSize.get('1')",
-    'theme.typography.fontSizes[12]': "theme.globals.typography.fontSize.get('2')",
-    'theme.typography.fontSizes[13]': "theme.globals.typography.fontSize.get('3')",
-    'theme.typography.fontSizes[14]': "theme.globals.typography.fontSize.get('3')",
-    'theme.typography.fontSizes[15]': "theme.globals.typography.fontSize.get('4')",
-    'theme.typography.fontSizes[16]': "theme.globals.typography.fontSize.get('4')",
-    'theme.typography.fontSizes[20]': "theme.globals.typography.fontSize.get('7')",
-    'theme.typography.fontSizes[22]': "theme.globals.typography.fontSize.get('7')",
-    'theme.typography.fontSizes[24]': "theme.globals.typography.fontSize.get('8')",
-    'theme.typography.fontSizes[28]': "theme.globals.typography.fontSize.get('9')",
-    'theme.typography.fontSizes[32]': "theme.globals.typography.fontSize.get('10')",
-
-    "props.theme.typography.fontSizes['10']": "props.theme.globals.typography.fontSize.get('1')",
-    "props.theme.typography.fontSizes['11']": "props.theme.globals.typography.fontSize.get('1')",
-    "props.theme.typography.fontSizes['12']": "props.theme.globals.typography.fontSize.get('2')",
-    "props.theme.typography.fontSizes['13']": "props.theme.globals.typography.fontSize.get('3')",
-    "props.theme.typography.fontSizes['14']": "props.theme.globals.typography.fontSize.get('3')",
-    "props.theme.typography.fontSizes['15']": "props.theme.globals.typography.fontSize.get('4')",
-    "props.theme.typography.fontSizes['16']": "props.theme.globals.typography.fontSize.get('4')",
-    "props.theme.typography.fontSizes['20']": "props.theme.globals.typography.fontSize.get('7')",
-    "props.theme.typography.fontSizes['22']": "props.theme.globals.typography.fontSize.get('7')",
-    "props.theme.typography.fontSizes['24']": "props.theme.globals.typography.fontSize.get('8')",
-    "props.theme.typography.fontSizes['28']": "props.theme.globals.typography.fontSize.get('9')",
-    "props.theme.typography.fontSizes['32']": "props.theme.globals.typography.fontSize.get('10')",
-    'props.theme.typography.fontSizes[10]': "props.theme.globals.typography.fontSize.get('1')",
-    'props.theme.typography.fontSizes[11]': "props.theme.globals.typography.fontSize.get('1')",
-    'props.theme.typography.fontSizes[12]': "props.theme.globals.typography.fontSize.get('2')",
-    'props.theme.typography.fontSizes[13]': "props.theme.globals.typography.fontSize.get('3')",
-    'props.theme.typography.fontSizes[14]': "props.theme.globals.typography.fontSize.get('3')",
-    'props.theme.typography.fontSizes[15]': "props.theme.globals.typography.fontSize.get('4')",
-    'props.theme.typography.fontSizes[16]': "props.theme.globals.typography.fontSize.get('4')",
-    'props.theme.typography.fontSizes[20]': "props.theme.globals.typography.fontSize.get('7')",
-    'props.theme.typography.fontSizes[22]': "props.theme.globals.typography.fontSize.get('7')",
-    'props.theme.typography.fontSizes[24]': "props.theme.globals.typography.fontSize.get('8')",
-    'props.theme.typography.fontSizes[28]': "props.theme.globals.typography.fontSize.get('9')",
-    'props.theme.typography.fontSizes[32]': "props.theme.globals.typography.fontSize.get('10')",
-
-    "theme.elevation['01']": "theme.globals.elevation['01']",
-    "theme.elevation['02']": "theme.globals.elevation['02']",
-    "theme.elevation['03']": "theme.globals.elevation['03']",
-    "props.theme.elevation['01']": "props.theme.globals.elevation['01']",
-    "props.theme.elevation['02']": "props.theme.globals.elevation['02']",
-    "props.theme.elevation['03']": "props.theme.globals.elevation['03']",
-
-    'theme.palette.white': 'theme.globals.oldColors.white',
-    'theme.palette.black': 'theme.globals.oldColors.black',
-    "theme.palette['white']": "theme.globals.oldColors['white']",
-    "theme.palette['black']": "theme.globals.oldColors['black']",
-    'theme.palette.primary[400]': 'theme.globals.oldColors.primary[400]',
-    'props.theme.palette.white': 'props.theme.globals.oldColors.white',
-    'props.theme.palette.black': 'props.theme.globals.oldColors.black',
-    "props.theme.palette['white']": "props.theme.globals.oldColors['white']",
-    "props.theme.palette['black']": "props.theme.globals.oldColors['black']",
-    'props.theme.palette.primary[400]': 'props.theme.globals.oldColors.primary[400]',
-  };
-
-  // Function to create a replacement expression from a string
-  const createReplacementExpression = (replacement) => {
-    const parts = replacement.split('.');
-    let expression = j.identifier(parts[0]);
-
-    for (let i = 1; i < parts.length; i++) {
-      const part = parts[i];
-      if (part.includes('(')) {
-        // Handle method calls like get('9')
-        const methodName = part.substring(0, part.indexOf('('));
-        const methodArgsStr = part.substring(part.indexOf('(') + 1, part.lastIndexOf(')'));
-        const args = methodArgsStr.split(',').map((arg) => {
-          // Remove the surrounding quotes
-          const trimmedArg = arg.trim().replace(/^['"]|['"]$/g, '');
-
-          return j.literal(trimmedArg);
-        });
-        expression = j.callExpression(
-          j.memberExpression(expression, j.identifier(methodName)),
-          args
-        );
-      } else {
-        expression = j.memberExpression(expression, j.identifier(part));
-      }
-    }
-
-    return expression;
-  };
-
-  // Replace member expressions
-  root.find(j.MemberExpression).forEach((path) => {
-    let sourceCode = j(path).toSource();
-
-    // Special handling for numeric index
-    if (path.node.property.type === 'Literal' && !isNaN(path.node.property.value)) {
-      sourceCode = `${j(path.node.object).toSource()}[${path.node.property.value}]`;
-    }
-
-    if (spacingReplaceMap[sourceCode]) {
-      const newExpression = createReplacementExpression(spacingReplaceMap[sourceCode]);
-      j(path).replaceWith(newExpression);
-    }
-  });
-
-  // Replace import paths
-  root.find(j.ImportDeclaration).forEach((path) => {
-    if (path.node.source.value.startsWith('@orfium/ictinus/')) {
-      path.node.source.value = '@orfium/ictinus';
-    }
-  });
-
-  return root.toSource();
-};
-export default transform;

package/codemods/iconButtonCodemod.ts

@@ -1,54 +0,0 @@
-import type { Transform } from 'jscodeshift';
-
-const transform: Transform = (file, api) => {
-  const j = api.jscodeshift;
-  const root = j(file.source);
-
-  // Find all IconButton components
-  root.findJSXElements('IconButton').forEach((path) => {
-    j(path)
-      .find(j.JSXAttribute)
-      .forEach((attrPath) => {
-        const attr = attrPath.node.name;
-
-        // If the attribute is one of the deprecated ones, remove it
-        if (['color', 'transparent', 'filled', 'iconSize'].includes(attr.name)) {
-          j(attrPath).remove();
-        }
-
-        // If the attribute is one of the ones that changed, update it
-        if (attr.name === 'size') {
-          const sizeValue = attrPath.node.value.value;
-          if (sizeValue === 'sm' && attrPath.node.value.type === 'StringLiteral') {
-            attrPath.node.value.value = 'compact';
-          } else if (
-            attrPath.node.value.type === 'JSXExpressionContainer' &&
-            attrPath.node.value.expression.value === 'sm'
-          ) {
-            attrPath.node.value.expression.value = 'compact';
-          } else if (attrPath.node.value.type === 'StringLiteral') {
-            attrPath.node.value.value = 'normal';
-          } else if (attrPath.node.value.type === 'JSXExpressionContainer') {
-            attrPath.node.value.expression.value = 'normal';
-          }
-        }
-        if (attr.name === 'type') {
-          const sizeValue = attrPath.node.value.value;
-          if (sizeValue === 'link' && attrPath.node.value.type === 'Literal') {
-            attrPath.node.value.value = 'tertiary';
-          }
-        }
-
-        // If the attribute is one of the ones that changed, update it
-        if (attr.name === 'loading') attr.name = 'isLoading';
-        if (attr.name === 'disabled') attr.name = 'isDisabled';
-        if (attr.name === 'name') attr.name = 'iconName';
-        if (attr.name === 'buttonType') attr.name = 'htmlType';
-        if (attr.name === 'type') attr.name = 'buttonType';
-      });
-  });
-
-  return root.toSource();
-};
-
-export default transform;