@semcore/ui 11.0.0 → 11.1.0

package/CHANGELOG.md

@@ -1,296 +1,152 @@
-## [11.0.0] - 2022-02-25
+## [11.1.0] - 2022-03-30
 
-### @semcore/accordion
+### @semcore/babel-plugin-react-semcore
 
-- **Added** Added repository field to package.json file.
+- **Added** Added export function `getColorVars`.
 
-### @semcore/animation
+### @semcore/babel-plugin-shadow
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed old node versions support.
 
-### @semcore/badge
+### @semcore/babel-plugin-styles
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed old node versions support.
+- **Added** Added export function `postcss` from main js file `@semcore/babel-plugin-styles`.
+- **Added** Added `PLACEHOLDER_REPLACER` property for function `postcss`.
 
 ### @semcore/base-trigger
 
-- **Added** Added repository field to package.json file.
-- **Fixed** Fixed LinkTrigger hovered text color.
+- **Fixed** Improved keyboard focus styles.
 
-### @semcore/breadcrumbs
+### @semcore/chart
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Rewrite file colors from tsx to js, for normal parsing in `babel-plugin-react-semcore`.
 
-### @semcore/breakpoints
+### @semcore/d3-chart
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Left and bottom plot titles now do not overlap axis ticks.
+- **Fixed** Fixed figure cut on right or bottom edges when left or top margin is positive.
 
-### @semcore/button
+### @semcore/dropdown-menu
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed enter space in input trigger for `DropdownMenu.Trigger`.
 
-### @semcore/card
+### @semcore/flags
 
-- **BREAK** Card was divided into Header and Body
 - **Added** Added repository field to package.json file.
-- **Added** Background was added
-
-### @semcore/carousel
 
-- **Added** Added repository field to package.json file.
+### @semcore/icon
 
-### @semcore/chart
+- **Added** Added icons `Formal, Casual, QuestionSerp, MathMinusAlt`.
 
-- **Added** Added repository field to package.json file.
+### @semcore/modal
 
-### @semcore/checkbox
+- **Fixed** Fixed jumping content, when modal inside modal and body don't have `box-sizing`.
 
-- **Added** Added repository field to package.json file.
+### @semcore/side-panel
 
-### @semcore/core
+- **Fixed** Fixed jumping content, when body don't have `box-sizing`.
 
-- **Added** Added repository field to package.json file.
+### @semcore/skeleton
 
-### @semcore/counter
+- **Fixed** Fixed `viewBox` for `BarChartSkeleton`.
 
-- **Added** Added repository field to package.json file.
+### @semcore/spin
 
-### @semcore/d3-chart
+- **Changed** Rewrite the component to svg.
+- **Added** Rounded corners.
 
-- **Added** Added repository field to package.json file.
-- **Fixed** Fixed animation display when resizing.
+### @semcore/super-publisher
 
-### @semcore/data-table
+- **Changed** Added slack notifications.
+- **Changed** Rewritten to typescript.
 
-- **Added** Added repository field to package.json file.
+### @semcore/tag
 
-### @semcore/date-picker
+- **Fixed** Fixed previously lost overflowed text ellipsis.
 
-- **Added** Added repository field to package.json file.
+### @semcore/utils
 
-### @semcore/divider
+- **Fixed** Fixed set property in body (when window inside window and body don't have `box-sizing`) in `usePreventScroll`.
 
-- **Added** Added repository field to package.json file.
-- **Fixed** Fixed explicit default theme
+## [11.0.0] - 2022-02-25
 
-### @semcore/dot
+### Global
 
 - **Added** Added repository field to package.json file.
 
-### @semcore/drag-and-drop
+### @semcore/slider
 
-- **Added** Added repository field to package.json file.
+- **BREAK** Remove props background/color/interaction, use theme instead.
+- **BREAK** Refactored component to handle extreme values.
 
-### @semcore/dropdown
+### @semcore/card
 
-- **Added** Added repository field to package.json file.
+- **BREAK** Card was divided into Header and Body
+- **Added** Background was added
 
-### @semcore/dropdown-menu
+### @semcore/spin-container
 
-- **Added** Added repository field to package.json file.
+- **BREAK** Add new children components `SpinContainer.Content` when using advanced mode along with `SpinContainer.Overlay`.
 
-### @semcore/email
+### @semcore/base-trigger
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed LinkTrigger hovered text color.
 
-### @semcore/errors
+### @semcore/d3-chart
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed animation display when resizing.
 
-### @semcore/feature-popover
+### @semcore/divider
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed explicit default theme
 
-### @semcore/feedback-form
+### @semcore/errors
 
-- **Added** Added repository field to package.json file.
+- **Fixed** Fixed Static files were missing in release 10.2.0
 
 ### @semcore/flex-box
 
 - **Added** Added gap, rowGap and columnGap css properties support for Flex component.
 
-### @semcore/format-text
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/fullscreen-modal
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/grid
-
-- **Added** Added repository field to package.json file.
-
 ### @semcore/icon
 
-- **Added** Added repository field to package.json file.
 - **Fixed** Fixed sizes for a few icons.
 - **Fixed** Fixed color setting for LightningFilled, MailOpenFilled.
-
-### @semcore/input
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/input-mask
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/input-number
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/input-tags
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/link
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/modal
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/neighbor-location
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/notice
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/notice-bubble
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/outside-click
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/pagination
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/pills
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/popper
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/portal
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/product-head
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/progress-bar
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/project-create
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/radio
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/scroll-area
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/select
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/side-panel
-
-- **Added** Added repository field to package.json file.
+- **Added** Added `Hubspot` icon.
+- **Changed** Changed image `SortAsc` and `SortDesc` icons.
 
 ### @semcore/skeleton
 
-- **Added** Added repository field to package.json file.
 - **Fixed** Added export type for Bubble, ScatterPlot, Venn charts
 
-### @semcore/slider
-
-- **BREAK** Remove props background/color/interaction, use theme instead.
-- **BREAK** Refactoring component to handle extreme values.
-- **Added** Added repository field to package.json file.
-
-### @semcore/spin
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/spin-container
-
-- **BREAK** Add new children component SpinContainer.Content when using advanced mode along with SpinContainer.Overlay.
-- **Added** Added repository field to package.json file.
-
-### @semcore/sticky
-
-- **Added** Added repository field to package.json file.
-
 ### @semcore/switch
 
-- **Added** Added repository field to package.json file.
-- **Fixed** Remove react warning when not clearing timer.
+- **Fixed** Removed react warning about uncontrolled timer.
 
 ### @semcore/tab-line
 
-- **Added** Added repository field to package.json file.
 - **Fixed** Add missed ts type defaultValue.
 
 ### @semcore/tab-panel
 
-- **Added** Added repository field to package.json file.
 - **Fixed** Add missed ts type defaultValue.
 
-### @semcore/table
-
-- **Added** Added repository field to package.json file.
-
 ### @semcore/tag
 
-- **Added** Added repository field to package.json file.
 - **Fixed** Fixed colors for primary-warning.
 
 ### @semcore/textarea
 
-- **Added** Added repository field to package.json file.
 - **Fixed** Auto change rows now works in controlled mode.
 
-### @semcore/time-picker
-
-- **Added** Added repository field to package.json file.
-
-### @semcore/tooltip
-
-- **Added** Added repository field to package.json file.
-
 ### @semcore/typography
 
-- **Added** Added repository field to package.json file.
-- **Fixed** Remove css specificity for props lineHeight/fontSize for Text.
-
-### @semcore/ui
-
-- **@semcore/errors** Fixed Static files were missing in release 10.2.0
-- **@semcore/icon** Added icon Hubspot.
-- **@semcore/icon** Changed svg for SortAsc, SortDesc.
-
-### @semcore/utils
-
-- **Added** Added repository field to package.json file.
+- **Fixed** Removed css specificity of props lineHeight/fontSize in `Text` component
 
 ### @semcore/widget-empty
 
-- **Added** Added repository field to package.json file.
-- **Changed** Remove don't use dependency @semcore/link, @semcore/button.
+- **Changed** Removed unused dependencies `@semcore/link`, `@semcore/button`.
 
 ## [10.2.1] - 2022-02-10
 
@@ -298,11 +154,6 @@
 
 - **Fixed** Static files were missing in release 10.2.0
 
-### @semcore/icon
-
-- **Added** Add icon Hubspot.
-- **Changed** Changed svg for SortAsc, SortDesc.
-
 ## [10.2.0] - 2022-02-08
 
 ### @semcore/card
@@ -413,7 +264,7 @@
 
 ### @semcore/errors
 
-- **Changed** Remove don't use dependency @semcore/icon.
+- **Changed** Removed unused dependencies @semcore/icon.
 
 ### @semcore/feature-popover
 
@@ -478,7 +329,7 @@
 
 ### @semcore/tooltip
 
-- **Changed** Remove don't use dependency @semcore/icon.
+- **Changed** Removed unused dependencies @semcore/icon.
 
 ### @semcore/typography
 
@@ -487,7 +338,7 @@
 
 ### @semcore/widget-empty
 
-- **Changed** Remove don't use dependency @semcore/icon.
+- **Changed** Removed unused dependencies @semcore/icon.
 
 ## [10.0.1] - 2021-12-24
 

package/README.md

@@ -7,5 +7,6 @@ CLI commands should be run in repo root dir.
 - Run `yarn build`
 - Add new components to `./semcore/ui/components.json`
 - `yarn workspace @semcore/ui generate`
+- `yarn update-release-changelog`
 - Check out CHANGELOG.md and fix if needed
 - Run `yarn pub --package ui --no-check-changelog`

package/generate.ts

@@ -0,0 +1,170 @@
+import { execSync } from 'child_process';
+import path from 'path';
+import fs from 'fs-extra';
+import glob from 'glob';
+import { fileURLToPath } from 'url';
+import { createRequire } from 'module';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.resolve(filename, '..');
+
+const components = fs.readJSONSync(path.resolve(dirname, './components.json'));
+
+const REGISTRY_URL = 'https://registry.npmjs.org/';
+const EXPORT_DEFAULT_REG = /export ({ default }|default)/gm;
+
+const removeDirectory = async () => {
+  const toRemove = [...glob.sync('!(*.*|__tests__)'), 'yarn.lock'];
+  try {
+    await Promise.all(toRemove.map((filePath) => fs.remove(path.resolve(dirname, filePath))));
+  } catch (e) {}
+};
+
+const installComponents = (packages: string[]) => {
+  execSync(`npm_config_registry=${REGISTRY_URL} yarn add ${packages.join(' ')} -E`, {
+    stdio: 'inherit',
+    cwd: dirname,
+  });
+
+  const node_modules = execSync(
+    'mkdir -p ./node_modules/@semcore && find ./node_modules/@semcore -name "node_modules" -type d',
+    {
+      cwd: dirname,
+    },
+  ).toString();
+
+  if (node_modules) throw new Error(`DUPLICATES FOUND ${node_modules}`);
+};
+
+const hasExportDefault = async (dependency: string) => {
+  const require = createRequire(import.meta.url);
+
+  try {
+    const resolved = require(dependency);
+    return Object.hasOwnProperty.call(resolved, 'default');
+  } catch (e) {
+    // fallback resolver
+    const dependencyPkgJson = require.resolve(dependency + '/package.json');
+    const { module } = fs.readJsonSync(dependencyPkgJson);
+
+    if (!module) return true;
+
+    const dependencyES6EntryPath = require.resolve(dependency + `/${module}`);
+    const ES6EntryContent = fs.readFileSync(dependencyES6EntryPath, 'utf8');
+    return ES6EntryContent.match(EXPORT_DEFAULT_REG) !== null;
+  }
+};
+
+const EXPORT_TEMPLATES = {
+  LIB_DEFAULT: (lib: string, component: string) =>
+    `export { default } from '${lib}/lib/${component}';\nexport * from '${lib}/lib/${component}';`,
+  LIB_NAMED: (lib: string, component: string) => `export * from '${lib}/lib/${component}';`,
+  DEFAULT: (lib: string) => `export { default } from '${lib}';\nexport * from '${lib}';`,
+  NAMED: (lib: string) => `export * from '${lib}';`,
+} as const;
+
+const GENERATOR = {
+  UTILS: async (dependency: string, name: string) => {
+    const require = createRequire(import.meta.url);
+    const utilsMain = require.resolve(dependency);
+    const utilsPath = path.join(utilsMain, '..');
+    const utils = glob.sync('**/*.+(js|ts)', { cwd: utilsPath });
+    for (const util of utils) {
+      const utilsModule = `${utilsPath}/${util.replace('.d.ts', '.js')}`;
+
+      // index.js of utils throws & useless, so we copy it
+      if (util.replace('.d.ts', '.js') === 'index.js') {
+        await fs.copy(`${utilsPath}/${util}`, `./${name}/lib/${util}`);
+        continue;
+      }
+
+      const TEMPLATE = (await hasExportDefault(utilsModule))
+        ? EXPORT_TEMPLATES.LIB_DEFAULT
+        : EXPORT_TEMPLATES.LIB_NAMED;
+      await fs.outputFile(
+        `./${name}/lib/${util}`,
+        TEMPLATE(dependency, util.replace('.d.ts', '').replace('.js', '')),
+      );
+    }
+  },
+  ICONS: async (dependency: string, name: string) => {
+    const require = createRequire(import.meta.url);
+    const iconPath = require.resolve(dependency);
+
+    const oldIconsDir = path.join(iconPath, '../..');
+    const newIconsDir = path.join(iconPath, '../../..');
+
+    const isIconDir = (dir) =>
+      fs.statSync(dir).isDirectory() &&
+      !['__tests__', 'src', 'svg', 'svg-new', 'node_modules'].includes(path.basename(dir));
+    const oldIcons = fs
+      .readdirSync(oldIconsDir)
+      .filter((iconDir) => isIconDir(path.join(oldIconsDir, iconDir)));
+
+    const newIcons = fs
+      .readdirSync(newIconsDir)
+      .filter((iconDir) => isIconDir(path.join(newIconsDir, iconDir)));
+
+    for (const icon of oldIcons) {
+      const subDirs = glob
+        .sync('./**/*.[tj]s', {
+          cwd: path.resolve(oldIconsDir, icon),
+        })
+        .map(path.dirname);
+      for (const subFile of subDirs) {
+        await fs.outputFile(
+          path.resolve(`./${name}/lib/${icon}/${subFile}`, `index.js`),
+          EXPORT_TEMPLATES.LIB_DEFAULT(dependency, `${icon}/${subFile}`),
+        );
+        await fs.outputFile(
+          path.resolve(`./${name}/lib/${icon}/${subFile}`, `index.d.ts`),
+          EXPORT_TEMPLATES.LIB_DEFAULT(dependency, `${icon}/${subFile}`),
+        );
+      }
+    }
+    for (const icon of newIcons) {
+      const subFiles = glob
+        .sync('./**/*.[tj]s', {
+          cwd: path.resolve(newIconsDir, icon),
+        })
+        .map(path.dirname);
+
+      for (const subFile of subFiles) {
+        await fs.outputFile(
+          `./${name}/${icon}/${subFile}/index.js`,
+          EXPORT_TEMPLATES.DEFAULT(`${dependency}/${icon}/${subFile}`),
+        );
+        await fs.outputFile(
+          `./${name}/${icon}/${subFile}/index.d.ts`,
+          EXPORT_TEMPLATES.DEFAULT(`${dependency}/${icon}/${subFile}`),
+        );
+      }
+    }
+  },
+  OTHER: async (dependency: string, name: string) => {
+    const TEMPLATE = (await hasExportDefault(dependency))
+      ? EXPORT_TEMPLATES.DEFAULT
+      : EXPORT_TEMPLATES.NAMED;
+    await fs.outputFile(`./${name}/index.js`, TEMPLATE(dependency));
+    await fs.outputFile(`./${name}/index.d.ts`, TEMPLATE(dependency));
+  },
+};
+
+const generateFiles = async (packages: string[]) => {
+  for (const dep of packages) {
+    const [, name] = dep.split('/');
+
+    if (name === 'utils') await GENERATOR.UTILS(dep, name);
+    if (name === 'icon') await GENERATOR.ICONS(dep, name);
+    await GENERATOR.OTHER(dep, name);
+  }
+};
+
+await removeDirectory();
+await installComponents(components.packages);
+await generateFiles(components.packages);
+
+execSync('yarn test', {
+  stdio: 'inherit',
+  cwd: dirname,
+});

package/icon/Casual/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Casual/./l';
+export * from '@semcore/icon/Casual/./l';

package/icon/Casual/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Casual/./l';
+export * from '@semcore/icon/Casual/./l';

package/icon/Casual/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Casual/./m';
+export * from '@semcore/icon/Casual/./m';

package/icon/Casual/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Casual/./m';
+export * from '@semcore/icon/Casual/./m';

package/icon/Formal/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Formal/./l';
+export * from '@semcore/icon/Formal/./l';

package/icon/Formal/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Formal/./l';
+export * from '@semcore/icon/Formal/./l';

package/icon/Formal/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Formal/./m';
+export * from '@semcore/icon/Formal/./m';

package/icon/Formal/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/Formal/./m';
+export * from '@semcore/icon/Formal/./m';

package/icon/MathMinusAlt/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/MathMinusAlt/./l';
+export * from '@semcore/icon/MathMinusAlt/./l';

package/icon/MathMinusAlt/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/MathMinusAlt/./l';
+export * from '@semcore/icon/MathMinusAlt/./l';

package/icon/MathMinusAlt/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/MathMinusAlt/./m';
+export * from '@semcore/icon/MathMinusAlt/./m';

package/icon/MathMinusAlt/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/MathMinusAlt/./m';
+export * from '@semcore/icon/MathMinusAlt/./m';

package/icon/QuestionSerp/l/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/QuestionSerp/./l';
+export * from '@semcore/icon/QuestionSerp/./l';

package/icon/QuestionSerp/l/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/QuestionSerp/./l';
+export * from '@semcore/icon/QuestionSerp/./l';

package/icon/QuestionSerp/m/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/QuestionSerp/./m';
+export * from '@semcore/icon/QuestionSerp/./m';

package/icon/QuestionSerp/m/index.js

@@ -0,0 +1,2 @@
+export { default } from '@semcore/icon/QuestionSerp/./m';
+export * from '@semcore/icon/QuestionSerp/./m';