From 7fc9091c196f2183ca08d22a442eeb84939498d6 Mon Sep 17 00:00:00 2001 From: Vikas Date: Wed, 31 Jul 2024 17:52:33 +0530 Subject: [PATCH 1/6] NFX-132 changed ollion to nonfx --- .github/workflows/build.yml | 39 +- .github/workflows/release.yml | 24 +- .storybook/code-sandbox.js | 4 +- .storybook/main.ts | 2 +- .storybook/preview.ts | 22 +- ABOUT.md | 2 +- CONTRIBUTING.md | 8 +- README.md | 16 +- SUPPORT.md | 2 +- docs/how-to-apply-ollion-theme.md | 2 +- docs/nuxt3-integration.md | 6 +- generate-types.cjs | 2 +- package.json | 27 +- .../CHANGELOG.md | 2 +- .../package.json | 4 +- packages/flow-code-editor/CHANGELOG.md | 14 +- packages/flow-code-editor/README.md | 14 +- packages/flow-code-editor/package.json | 14 +- .../components/f-code-editor/f-code-editor.ts | 4 +- packages/flow-code-editor/vite.config.ts | 4 +- packages/flow-core-config/package.json | 6 +- packages/flow-core/CHANGELOG.md | 14 +- packages/flow-core/README.md | 16 +- packages/flow-core/package.json | 10 +- .../f-accordion/f-accordion.test.ts | 4 +- .../src/components/f-accordion/f-accordion.ts | 10 +- .../f-breadcrumb/f-breadcrumb.test.ts | 58 +- .../components/f-breadcrumb/f-breadcrumb.ts | 24 +- .../src/components/f-button/f-button.test.ts | 4 +- .../src/components/f-button/f-button.ts | 49 +- .../f-carousel-content/f-carousel-content.ts | 2 +- .../components/f-carousel/f-carousel.test.ts | 16 +- .../src/components/f-carousel/f-carousel.ts | 10 +- .../components/f-checkbox/f-checkbox.test.ts | 4 +- .../src/components/f-checkbox/f-checkbox.ts | 6 +- .../f-color-picker/f-color-picker.test.ts | 4 +- .../f-color-picker/f-color-picker.ts | 2 +- .../f-countdown/f-countdown.test.ts | 2 +- .../components/f-counter/f-counter.test.ts | 4 +- .../src/components/f-counter/f-counter.ts | 2 +- .../f-date-time-picker.test.ts | 4 +- .../f-date-time-picker/f-date-time-picker.ts | 29 +- .../src/components/f-div/f-div.test.ts | 4 +- .../flow-core/src/components/f-div/f-div.ts | 2 +- .../components/f-divider/f-divider.test.ts | 4 +- .../src/components/f-divider/f-divider.ts | 2 +- .../f-document-viewer.test.ts | 2 +- .../f-document-viewer/f-document-viewer.ts | 2 +- .../f-emoji-picker/f-emoji-picker.test.ts | 4 +- .../f-emoji-picker/f-emoji-picker.ts | 20 +- .../src/components/f-field/f-field.ts | 2 +- .../f-file-upload/f-file-upload.test.ts | 4 +- .../components/f-file-upload/f-file-upload.ts | 64 +- .../f-form-group/f-form-group.test.ts | 4 +- .../components/f-form-group/f-form-group.ts | 44 +- .../src/components/f-form/f-form.test.ts | 4 +- .../flow-core/src/components/f-form/f-form.ts | 2 +- .../src/components/f-grid/f-grid.test.ts | 4 +- .../flow-core/src/components/f-grid/f-grid.ts | 7 +- .../f-icon-button/f-icon-button.test.ts | 4 +- .../components/f-icon-button/f-icon-button.ts | 20 +- .../src/components/f-icon/f-icon.test.ts | 6 +- .../flow-core/src/components/f-icon/f-icon.ts | 2 +- .../src/components/f-input/f-input-light.ts | 2 +- .../src/components/f-input/f-input.test.ts | 4 +- .../src/components/f-input/f-input.ts | 6 +- .../f-pictogram/f-pictogram.test.ts | 4 +- .../src/components/f-pictogram/f-pictogram.ts | 6 +- .../components/f-popover/f-popover.test.ts | 4 +- .../src/components/f-popover/f-popover.ts | 24 +- .../f-progress-bar/f-progress-bar.test.ts | 4 +- .../f-progress-bar/f-progress-bar.ts | 7 +- .../src/components/f-radio/f-radio.test.ts | 4 +- .../src/components/f-radio/f-radio.ts | 2 +- .../src/components/f-search/f-search.test.ts | 4 +- .../src/components/f-search/f-search.ts | 14 +- .../src/components/f-select/f-select.test.ts | 4 +- .../src/components/f-select/f-select.ts | 19 +- .../src/components/f-spacer/f-spacer.test.ts | 4 +- .../src/components/f-spacer/f-spacer.ts | 2 +- .../components/f-suggest/f-suggest.test.ts | 4 +- .../src/components/f-suggest/f-suggest.ts | 10 +- .../src/components/f-switch/f-switch.test.ts | 4 +- .../src/components/f-switch/f-switch.ts | 2 +- .../f-tab-content/f-tab-content.test.ts | 4 +- .../components/f-tab-content/f-tab-content.ts | 2 +- .../components/f-tab-node/f-tab-node.test.ts | 4 +- .../src/components/f-tab-node/f-tab-node.ts | 2 +- .../src/components/f-tab/f-tab.test.ts | 4 +- .../flow-core/src/components/f-tab/f-tab.ts | 18 +- .../src/components/f-tag/f-tag.test.ts | 4 +- .../flow-core/src/components/f-tag/f-tag.ts | 43 +- .../components/f-template/f-template.test.ts | 4 +- .../src/components/f-template/f-template.ts | 2 +- .../f-text-area/f-text-area.test.ts | 4 +- .../src/components/f-text-area/f-text-area.ts | 10 +- .../src/components/f-text/f-text.test.ts | 4 +- .../flow-core/src/components/f-text/f-text.ts | 2 +- .../src/components/f-toast/f-toast.test.ts | 4 +- .../src/components/f-toast/f-toast.ts | 2 +- .../components/f-tooltip/f-tooltip.test.ts | 4 +- .../src/components/f-tooltip/f-tooltip.ts | 6 +- packages/flow-core/src/index.ts | 6 +- .../src/mixins/components/f-root/f-root.ts | 2 +- packages/flow-core/theme.doc.md | 2 +- packages/flow-core/vite.config.ts | 2 +- packages/flow-dashboard/CHANGELOG.md | 2 +- packages/flow-dashboard/README.md | 12 +- packages/flow-dashboard/package.json | 14 +- .../src/components/f-dashboard/f-dashboard.ts | 14 +- .../f-timeseries-chart.test.ts | 8 +- .../f-timeseries-chart/f-timeseries-chart.ts | 15 +- packages/flow-dashboard/vite.config.ts | 4 +- packages/flow-form-builder/CHANGELOG.md | 16 +- packages/flow-form-builder/README.md | 16 +- packages/flow-form-builder/package.json | 14 +- .../f-checkbox-group/f-checkbox-group.ts | 28 +- .../f-field-separator/f-field-separator.ts | 4 +- .../components/f-form-array/f-form-array.ts | 34 +- .../f-form-builder/f-form-builder.test.ts | 399 +++++++------ .../f-form-builder/f-form-builder.ts | 20 +- .../components/f-form-object/f-form-object.ts | 18 +- .../components/f-radio-group/f-radio-group.ts | 30 +- .../flow-form-builder/src/modules/helpers.ts | 10 +- .../src/modules/validation/validator.ts | 2 +- packages/flow-form-builder/src/types.ts | 12 +- packages/flow-form-builder/vite.config.ts | 4 +- packages/flow-form-builder/vite.umd.config.ts | 4 +- packages/flow-lineage/CHANGELOG.md | 14 +- packages/flow-lineage/KNOWN_SOLUTIONS.md | 8 +- packages/flow-lineage/README.md | 20 +- packages/flow-lineage/package.json | 14 +- .../components/f-lineage/draw/draw-links.ts | 15 +- .../src/components/f-lineage/f-lineage.ts | 6 +- .../src/components/f-lineage/lineage-types.ts | 2 +- packages/flow-lineage/src/index.ts | 2 +- packages/flow-lineage/vite.config.ts | 4 +- packages/flow-log/CHANGELOG.md | 14 +- packages/flow-log/README.md | 12 +- packages/flow-log/package.json | 14 +- .../src/components/f-log/f-log.test.ts | 6 +- .../flow-log/src/components/f-log/f-log.ts | 4 +- packages/flow-log/vite.config.ts | 4 +- packages/flow-md-editor/CHANGELOG.md | 14 +- packages/flow-md-editor/README.md | 12 +- packages/flow-md-editor/package.json | 14 +- .../f-md-editor/f-md-editor.test.ts | 6 +- .../src/components/f-md-editor/f-md-editor.ts | 6 +- packages/flow-md-editor/vite.config.ts | 4 +- packages/flow-table/CHANGELOG.md | 14 +- packages/flow-table/README.md | 12 +- packages/flow-table/package.json | 14 +- .../__snapshots__/f-table-schema.test.snap.js | 8 +- .../f-table-schema/f-table-schema.test.ts | 8 +- .../f-table-schema/f-table-schema.ts | 72 +-- .../src/components/f-table/f-table.test.ts | 18 +- .../src/components/f-table/f-table.ts | 4 +- .../src/components/f-tcell/f-tcell.test.ts | 14 +- .../src/components/f-tcell/f-tcell.ts | 20 +- .../src/components/f-trow/f-trow.test.ts | 6 +- .../src/components/f-trow/f-trow.ts | 4 +- packages/flow-table/vite.config.ts | 4 +- packages/flow-text-editor/README.md | 12 +- packages/flow-text-editor/package.json | 14 +- .../f-text-editor/f-text-editor.test.ts | 6 +- .../components/f-text-editor/f-text-editor.ts | 6 +- packages/flow-text-editor/vite.config.ts | 4 +- pnpm-lock.yaml | 74 +-- stories/about-flow.mdx | 2 +- stories/flow-code-editor/About.mdx | 2 +- .../flow-code-editor/f-code-editor.stories.js | 2 +- stories/flow-code-editor/release-notes.mdx | 2 +- stories/flow-core/About.mdx | 2 +- stories/flow-core/f-accordion.stories.js | 46 +- stories/flow-core/f-breadcrumb.stories.ts | 22 +- stories/flow-core/f-button.stories.ts | 4 +- stories/flow-core/f-carousel.stories.js | 26 +- stories/flow-core/f-checkbox.stories.js | 26 +- stories/flow-core/f-color-picker.stories.ts | 32 +- stories/flow-core/f-countdown.stories.ts | 20 +- stories/flow-core/f-counter.stories.js | 2 +- .../flow-core/f-date-time-picker.stories.js | 85 ++- stories/flow-core/f-div.stories.ts | 8 +- stories/flow-core/f-divider.stories.js | 2 +- .../flow-core/f-document-viewer.stories.ts | 16 +- stories/flow-core/f-emoji-picker.stories.js | 26 +- stories/flow-core/f-file-upload.stories.js | 52 +- stories/flow-core/f-form-group.stories.js | 84 +-- stories/flow-core/f-form.stories.js | 18 +- stories/flow-core/f-grid.stories.js | 28 +- stories/flow-core/f-icon-button.stories.ts | 2 +- stories/flow-core/f-icon.stories.js | 2 +- stories/flow-core/f-input.stories.ts | 42 +- stories/flow-core/f-pictogram.stories.ts | 4 +- stories/flow-core/f-popover.mdx | 2 +- stories/flow-core/f-popover.stories.ts | 20 +- stories/flow-core/f-progress-bar.stories.ts | 28 +- stories/flow-core/f-radio.stories.js | 26 +- stories/flow-core/f-search.stories.ts | 447 +++++++------- stories/flow-core/f-select.stories.ts | 40 +- stories/flow-core/f-spacer.stories.js | 2 +- stories/flow-core/f-suggest.stories.ts | 547 +++++++++--------- stories/flow-core/f-switch.stories.js | 26 +- stories/flow-core/f-tab-content.stories.js | 2 +- stories/flow-core/f-tab-node.stories.ts | 4 +- stories/flow-core/f-tab.stories.js | 58 +- stories/flow-core/f-tag.stories.ts | 2 +- stories/flow-core/f-text-area.stories.js | 26 +- stories/flow-core/f-text.stories.ts | 14 +- stories/flow-core/f-toast.stories.js | 38 +- stories/flow-core/f-tooltip.stories.ts | 12 +- stories/flow-core/release-notes.mdx | 2 +- stories/flow-dashboard/f-dashboard.stories.ts | 4 +- .../f-timeseries-chart.stories.ts | 20 +- stories/flow-dashboard/mock-data-utils.ts | 2 +- stories/flow-form-builder/about.mdx | 20 +- .../flow-form-builder/array-field.stories.ts | 4 +- .../array-with-object-field.stories.ts | 4 +- stories/flow-form-builder/autofill.stories.ts | 4 +- .../deep-reactivity.stories.ts | 6 +- .../dynamic-validation-message.stories.ts | 4 +- .../f-form-builder.stories.js | 10 +- .../flow-form-builder/f-formbuilder-field.ts | 4 +- .../horizontal-fields.stories.ts | 4 +- .../inner-buttons.stories.ts | 6 +- .../inside-popover.stories.ts | 6 +- .../label-left-layout.stories.ts | 4 +- .../flow-form-builder/login-form.stories.ts | 6 +- ...multiple-async-cutom-validators.stories.ts | 6 +- .../flow-form-builder/object-field.stories.ts | 4 +- stories/flow-form-builder/properties.mdx | 2 +- stories/flow-form-builder/release-notes.mdx | 2 +- ...select-field-search-performance.stories.ts | 4 +- .../show-when-with-layout.stories.ts | 4 +- .../flow-form-builder/validations.stories.ts | 12 +- .../dashed-hidden-children-link.stories.ts | 4 +- stories/flow-lineage/examples.stories.js | 2 +- stories/flow-lineage/f-lineage.stories.ts | 36 +- stories/flow-lineage/glitch.stories.ts | 4 +- stories/flow-lineage/hidden-child.stories.ts | 4 +- .../htmlinjection-test.stories.ts | 50 +- stories/flow-lineage/icon-buttons.stories.ts | 4 +- stories/flow-lineage/introduction/about.mdx | 22 +- stories/flow-lineage/large-data.stories.ts | 4 +- stories/flow-lineage/lineage-properties.mdx | 2 +- stories/flow-lineage/link-test.stories.ts | 4 +- .../node-details-template.stories.js | 58 +- stories/flow-lineage/node-overlap.stories.ts | 4 +- stories/flow-lineage/node-templates.ts | 2 +- stories/flow-lineage/nodes.ts | 2 +- stories/flow-lineage/release-notes.mdx | 2 +- stories/flow-lineage/reverse-bend.stories.ts | 4 +- stories/flow-log/About.mdx | 2 +- stories/flow-log/f-log.stories.ts | 30 +- stories/flow-log/release-notes.mdx | 2 +- stories/flow-md-editor/About.mdx | 2 +- stories/flow-md-editor/f-md-editor.stories.ts | 4 +- stories/flow-md-editor/release-notes.mdx | 2 +- stories/flow-table/About.mdx | 2 +- stories/flow-table/f-table-schema.stories.ts | 2 +- stories/flow-table/f-table.stories.ts | 134 ++--- stories/flow-table/f-tcell.stories.ts | 122 ++-- stories/flow-table/f-trow.stories.ts | 104 ++-- stories/flow-table/release-notes.mdx | 2 +- stories/flow-text-editor/About.mdx | 2 +- .../flow-text-editor/f-text-editor.stories.ts | 2 +- stories/flow-text-editor/release-notes.mdx | 2 +- stories/utils/mock-doc-content.ts | 2 +- stories/utils/mock-users-data.ts | 4 +- stories/utils/register-icons.js | 4 +- 270 files changed, 2376 insertions(+), 2408 deletions(-) diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index d5ad2fe5b..94df7e493 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -1,7 +1,7 @@ name: Build on: - push: + pull_request: branches: - main @@ -10,16 +10,9 @@ defaults: shell: bash working-directory: . -env: - DISTRIBUTION_ID: E2ZI9E4QTG3PZ9 - BUCKET_NAME: flow.ollion.com - AWS_REGION: us-east-1 - ROLE_NAME: flow.ollion.com-role - ACCOUNT_ID: 679519065279 - jobs: build: - name: Build and upload to amazon s3 + name: Build and Deploy to GitHub Pages runs-on: ubuntu-latest permissions: id-token: write @@ -28,10 +21,10 @@ jobs: - name: Checkout Repository uses: actions/checkout@v2 - - name: Setup Node.js 18.x + - name: Setup Node.js 20.x uses: actions/setup-node@v2 with: - node-version: 18.x + node-version: 20.x - name: Install pnpm run: corepack enable && corepack prepare pnpm@8.9.0 --activate @@ -39,20 +32,12 @@ jobs: - name: Install Dependencies and Build run: make build - - name: Configure AWS credentials from Test account - uses: aws-actions/configure-aws-credentials@v1 + - name: Setup Pages + uses: actions/configure-pages@v5 + - name: Upload artifact + uses: actions/upload-pages-artifact@v3 with: - role-to-assume: arn:aws:iam::${{env.ACCOUNT_ID}}:role/${{env.ROLE_NAME}} - aws-region: ${{env.AWS_REGION}} - - - name: Check Access - run: | - aws sts get-caller-identity - - - name: Copy files to the website with the AWS CLI - run: | - aws s3 sync storybook-static/ s3://${{env.BUCKET_NAME}}/v2/ - - - name: Invalidate CloudFront - run: | - aws cloudfront create-invalidation --distribution-id ${{env.DISTRIBUTION_ID}} --paths "/*" + path: "storybook-static/" + - name: Deploy to GitHub Pages + id: deployment + uses: actions/deploy-pages@v4 diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml index 9b19ffb3d..b85ff7a7a 100644 --- a/.github/workflows/release.yml +++ b/.github/workflows/release.yml @@ -1,7 +1,7 @@ name: Test and Release on: - push: + pull_request: branches: - main @@ -44,17 +44,17 @@ jobs: released-package-versions: ${{ steps.changesets.outputs.publishedPackages }} changelog-files-config: | { - "@ollion/flow-log":"packages/flow-log/CHANGELOG.md", - "@ollion/flow-code-editor":"packages/flow-code-editor/CHANGELOG.md", - "@ollion/flow-md-editor":"packages/flow-md-editor/CHANGELOG.md", - "@ollion/flow-text-editor":"packages/flow-text-editor/CHANGELOG.md", - "@ollion/flow-core":"packages/flow-core/CHANGELOG.md", - "@ollion/flow-table":"packages/flow-table/CHANGELOG.md", - "@ollion/flow-core-config":"packages/flow-core-config/CHANGELOG.md", - "@ollion/flow-form-builder":"packages/flow-form-builder/CHANGELOG.md", - "@ollion/flow-lineage":"packages/flow-lineage/CHANGELOG.md", - "@ollion/flow-dashboard":"packages/flow-dashboard/CHANGELOG.md", - "@ollion/custom-elements-manifest-to-types":"packages/custom-elements-manifest-to-types/CHANGELOG.md" + "@nonfx/flow-log":"packages/flow-log/CHANGELOG.md", + "@nonfx/flow-code-editor":"packages/flow-code-editor/CHANGELOG.md", + "@nonfx/flow-md-editor":"packages/flow-md-editor/CHANGELOG.md", + "@nonfx/flow-text-editor":"packages/flow-text-editor/CHANGELOG.md", + "@nonfx/flow-core":"packages/flow-core/CHANGELOG.md", + "@nonfx/flow-table":"packages/flow-table/CHANGELOG.md", + "@nonfx/flow-core-config":"packages/flow-core-config/CHANGELOG.md", + "@nonfx/flow-form-builder":"packages/flow-form-builder/CHANGELOG.md", + "@nonfx/flow-lineage":"packages/flow-lineage/CHANGELOG.md", + "@nonfx/flow-dashboard":"packages/flow-dashboard/CHANGELOG.md", + "@nonfx/custom-elements-manifest-to-types":"packages/custom-elements-manifest-to-types/CHANGELOG.md" } - name: Send Slack Notification diff --git a/.storybook/code-sandbox.js b/.storybook/code-sandbox.js index 1553d2e38..ff7ebba58 100644 --- a/.storybook/code-sandbox.js +++ b/.storybook/code-sandbox.js @@ -4,7 +4,7 @@ export function getCodeSandBoxUrl(story) { const params = getParameters({ files: { "index.js": { - content: `import "@ollion/flow-core"; + content: `import "@nonfx/flow-core"; import "@ollion/flow-system-icon"; document.getElementById("app").innerHTML =\`${story}\` `, @@ -33,7 +33,7 @@ export function getCodeSandBoxUrl(story) { content: { dependencies: { "@ollion/flow-system-icon": "latest", - "@ollion/flow-core": "latest" + "@nonfx/flow-core": "latest" } } } diff --git a/.storybook/main.ts b/.storybook/main.ts index cc56872bd..86d39fbe5 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -13,7 +13,7 @@ const alias = [ "flow-table", "flow-dashboard" ].map(pkg => ({ - find: `@ollion/${pkg}`, + find: `@nonfx/${pkg}`, replacement: path.resolve(__dirname, "../packages", pkg, "src") })); diff --git a/.storybook/preview.ts b/.storybook/preview.ts index bac1f03c5..6bb825900 100644 --- a/.storybook/preview.ts +++ b/.storybook/preview.ts @@ -4,17 +4,17 @@ import ProductIconPack from "@ollion/flow-product-icon/dist/types/icon-pack"; import GcpIconPack from "@ollion/flow-gcp-icon/dist/types/icon-pack"; import AwsIconPack from "@ollion/flow-aws-icon/dist/types/icon-pack"; -import { ConfigUtil } from "@ollion/flow-core-config"; +import { ConfigUtil } from "@nonfx/flow-core-config"; import { changeRoute } from "./utils"; -import "@ollion/flow-core"; -import "@ollion/flow-log"; -import "@ollion/flow-code-editor"; -import "@ollion/flow-table"; -import "@ollion/flow-md-editor"; -import "@ollion/flow-text-editor"; -import "@ollion/flow-form-builder"; -import "@ollion/flow-lineage"; -import "@ollion/flow-dashboard"; +import "@nonfx/flow-core"; +import "@nonfx/flow-log"; +import "@nonfx/flow-code-editor"; +import "@nonfx/flow-table"; +import "@nonfx/flow-md-editor"; +import "@nonfx/flow-text-editor"; +import "@nonfx/flow-form-builder"; +import "@nonfx/flow-lineage"; +import "@nonfx/flow-dashboard"; import { setCustomElementsManifest, setCustomElements } from "@storybook/web-components"; import { themes } from "@storybook/theming"; @@ -54,7 +54,7 @@ export const parameters = { order: [ "About", "foundation", - "@ollion", + "@nonfx", [ "flow-core", ["About", "Release Notes"], diff --git a/ABOUT.md b/ABOUT.md index d86ec9121..3891e1459 100644 --- a/ABOUT.md +++ b/ABOUT.md @@ -33,7 +33,7 @@ When it comes to property values, Flow works with a list of default property val Everything for front-end implementation that is available in Flow is required to exist as a Figma document as well. The Figma component properties will be the same properties for the front-end developer. This allows for better design handover + developer experience. -If you are a developer thas a new contribution to Flow and do not have Figma experience/skills, you can write to flow@ollion.com and someone from CloudCover’s design team will get in touch with you. Keep in mind that the designers are actively engaged in other products and a response/implementation might take a little time. +If you are a developer thas a new contribution to Flow and do not have Figma experience/skills, you can write to flow@nonfx.com and someone from CloudCover’s design team will get in touch with you. Keep in mind that the designers are actively engaged in other products and a response/implementation might take a little time. ## Everything as dependencies diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 513c13c4b..018210291 100644 --- a/CONTRIBUTING.md +++ b/CONTRIBUTING.md @@ -4,7 +4,7 @@ Thank you for your interest in contributing! 🎉👍 Flow is a framework that is made up of multiple dependencies / templates. Visit the [about.md](https://github.com/ollionorg/flow-core/blob/main/ABOUT.md) on the [flow-core repo](https://github.com/ollionorg/flow-core/) to learn more. -When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the [owners](https://github.com/ollionorg/flow-core/blob/main/CODEOWNERS) of this repository before making a change. You can expect a response from a maintainer within a week. If you haven’t heard anything by then, write to flow@ollion.com. +When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the [owners](https://github.com/ollionorg/flow-core/blob/main/CODEOWNERS) of this repository before making a change. You can expect a response from a maintainer within a week. If you haven’t heard anything by then, write to flow@nonfx.com. Please note we have a code of conduct, please follow it in all your interactions with the project. @@ -39,7 +39,7 @@ All issues as tracked here. Once you have resolved an issue, - Flow color tokens have been consumed and no custom tokens have been created. - Create a pull request in this repository by uploading your dependency package. - In the PR description link to the respective figma page/file -- Include screenshots, animated GIFs or videos of the feature, you can also send it to flow@ollion.com with a reference to the PR. +- Include screenshots, animated GIFs or videos of the feature, you can also send it to flow@nonfx.com with a reference to the PR. ### Design and define new components @@ -49,7 +49,7 @@ All issues as tracked here. Once you have resolved an issue, ### Flow Documentation - Guidlines coming soon -- If you would like to contribute to this document and guidlines, write into flow@ollion.com +- If you would like to contribute to this document and guidlines, write into flow@nonfx.com ## Pull Request Process @@ -115,7 +115,7 @@ further defined and clarified by project maintainers. ### Enforcement Instances of abusive, harassing, or otherwise unacceptable behavior may be -reported by contacting the project team at [gcf-team](mailto:gcf-team@ollion.com). All +reported by contacting the project team at [gcf-team](mailto:gcf-team@nonfx.com). All complaints will be reviewed and investigated and will result in a response that is deemed necessary and appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. diff --git a/README.md b/README.md index 72512854b..003c3c359 100644 --- a/README.md +++ b/README.md @@ -31,7 +31,7 @@ For a new project, Flow has put together starter kits with basic dependencies to - [Aungular](https://github.com/ollionorg/flow-starterkit-angular) - [React](https://github.com/ollionorg/flow-starterkit-react) -If you would like to contribute to an existing starter kit or write a new one for a different framework, write to or ping on our slack channel. +If you would like to contribute to an existing starter kit or write a new one for a different framework, write to or ping on our slack channel. **VScode Plugin**: [Install Flow's Plugin](https://marketplace.visualstudio.com/items?itemName=dev-vikas.flow-intellisense-vscode) to access components, icons, values, etc, and documentation inside of VScode. @@ -45,7 +45,7 @@ If you would like to contribute to an existing starter kit or write a new one fo #### 1️⃣ Install flow core -`npm i --save @ollion/flow-core` +`npm i --save @nonfx/flow-core` _Note:_ after installation re-start your application. @@ -56,7 +56,7 @@ _Note:_ after installation re-start your application. Copy and import the below snippet into your startup file. In **VueJS:** (src/main.ts or main.js), **Angular:** (src/main.ts), **React:** (src/index.tsx or index.jsx) ```JavaScript -import "@ollion/flow-core"; +import "@nonfx/flow-core"; ```
@@ -67,20 +67,20 @@ import "@ollion/flow-core"; Copy paste below line in your `main.ts` file. ```JavaScript -import "@ollion/flow-core/dist/types/vue2"; +import "@nonfx/flow-core/dist/types/vue2"; ``` or ```JavaScript -import "@ollion/flow-core/dist/types/vue3"; +import "@nonfx/flow-core/dist/types/vue3"; ``` **React** Include react type in `tsconfig.json` like below ```JSON -"include": ["src", "./node_modules/@ollion/flow-core/dist/types/react.ts"] +"include": ["src", "./node_modules/@nonfx/flow-core/dist/types/react.ts"] ``` **Note:** after adding the snippets, re-start your application. @@ -98,7 +98,7 @@ npm i --save @ollion/flow-system-icon ### 2️⃣ Import the icon pack ```javascript -import "@ollion/flow-core"; +import "@nonfx/flow-core"; import "@ollion/flow-system-icon"; ``` @@ -136,4 +136,4 @@ Visit the [Flow templates Storybook](https://flow.ollion.com/templates/index.htm ## Get in touch -If you would like to get in touch or contribute, please write to . +If you would like to get in touch or contribute, please write to . diff --git a/SUPPORT.md b/SUPPORT.md index 4b09b1210..82682a1bc 100644 --- a/SUPPORT.md +++ b/SUPPORT.md @@ -8,7 +8,7 @@ There are several avenues available to you for obtaining support for Flow Lineag **Documentation:** Flow Lineage comes with comprehensive documentation that includes installation instructions, usage guidelines, and troubleshooting information, know issues file, etc. Please refer to the documentation first as it may have the answers to your questions. -**Email:** If you prefer to contact us directly, you can send an email to flow@ollion.com . Please provide a detailed description of your issue or question, along with any relevant information, and we will get back to you as soon as possible. +**Email:** If you prefer to contact us directly, you can send an email to flow@nonfx.com . Please provide a detailed description of your issue or question, along with any relevant information, and we will get back to you as soon as possible. ## How to Request Support diff --git a/docs/how-to-apply-ollion-theme.md b/docs/how-to-apply-ollion-theme.md index bcd7f3f5e..0069d5444 100644 --- a/docs/how-to-apply-ollion-theme.md +++ b/docs/how-to-apply-ollion-theme.md @@ -5,7 +5,7 @@ Run the following magic spell to transform your existing theme into the enchanting `f-ollion-dark`. ```Javascript -import { ConfigUtil } from "@ollion/flow-core"; +import { ConfigUtil } from "@nonfx/flow-core"; ConfigUtil.setConfig({ theme: "f-ollion-dark" }); ``` diff --git a/docs/nuxt3-integration.md b/docs/nuxt3-integration.md index bd18f9752..eff91cdbf 100644 --- a/docs/nuxt3-integration.md +++ b/docs/nuxt3-integration.md @@ -11,7 +11,7 @@ Before we dive into the integration process, make sure you have a basic understa To get started, install the Flow Web Component library in your Nuxt project using your preferred package manager: ```bash -npm i --save @ollion/flow-core +npm i --save @nonfx/flow-core ``` ### Step 2: Register Flow components through a Nuxt plugin @@ -26,8 +26,8 @@ export default defineNuxtPlugin({ enforce: "pre", async setup(_nuxtApp) { await Promise.all([ - import("@ollion/flow-core"), - import("@ollion/flow-form-builder"), + import("@nonfx/flow-core"), + import("@nonfx/flow-form-builder"), import("@ollion/flow-system-icon") ]).then(() => { console.log("Flow components loaded"); diff --git a/generate-types.cjs b/generate-types.cjs index 6929bcafd..ca10df5ff 100644 --- a/generate-types.cjs +++ b/generate-types.cjs @@ -2,7 +2,7 @@ const fs = require("fs-extra"); const path = require("path"); -const { transformSchema } = require("@ollion/custom-elements-manifest-to-types"); +const { transformSchema } = require("@nonfx/custom-elements-manifest-to-types"); const { execSync } = require("child_process"); const dirPaths = execSync('find ./packages -name "custom-elements.json"', { diff --git a/package.json b/package.json index 1f821fae6..697e22da8 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "postinstall": "tsc -b" }, "engines": { - "node": "^18.12.0", + "node": "^20.16.0", "pnpm": ">=8.9.0" }, "keywords": [ @@ -37,7 +37,7 @@ "devDependencies": { "@changesets/cli": "^2.25.0", "@faker-js/faker": "^8.3.1", - "@ollion/custom-elements-manifest-to-types": "workspace:*", + "@nonfx/custom-elements-manifest-to-types": "workspace:*", "@ollion/prettier-config": "^2.1.0", "@storybook/addon-a11y": "^7.6.12", "@storybook/addon-actions": "^7.5.3", @@ -72,18 +72,18 @@ }, "dependencies": { "@ollion/flow-aws-icon": "latest", - "@ollion/flow-code-editor": "workspace:*", - "@ollion/flow-core": "workspace:*", - "@ollion/flow-dashboard": "workspace:*", - "@ollion/flow-form-builder": "workspace:*", + "@nonfx/flow-code-editor": "workspace:*", + "@nonfx/flow-core": "workspace:*", + "@nonfx/flow-dashboard": "workspace:*", + "@nonfx/flow-form-builder": "workspace:*", "@ollion/flow-gcp-icon": "latest", - "@ollion/flow-lineage": "workspace:*", - "@ollion/flow-log": "workspace:*", - "@ollion/flow-md-editor": "workspace:*", - "@ollion/flow-text-editor": "workspace:*", + "@nonfx/flow-lineage": "workspace:*", + "@nonfx/flow-log": "workspace:*", + "@nonfx/flow-md-editor": "workspace:*", + "@nonfx/flow-text-editor": "workspace:*", "@ollion/flow-product-icon": "1.14.0", "@ollion/flow-system-icon": "latest", - "@ollion/flow-table": "workspace:*", + "@nonfx/flow-table": "workspace:*", "d3": "^7.6.1", "jspdf": "^2.5.1", "lit": "^3.1.0" @@ -98,5 +98,6 @@ "mobile": false } } - } -} + }, + "packageManager": "pnpm@9.6.0+sha512.38dc6fba8dba35b39340b9700112c2fe1e12f10b17134715a4aa98ccf7bb035e76fd981cf0bb384dfa98f8d6af5481c2bef2f4266a24bfa20c34eb7147ce0b5e" +} \ No newline at end of file diff --git a/packages/custom-elements-manifest-to-types/CHANGELOG.md b/packages/custom-elements-manifest-to-types/CHANGELOG.md index f905cd146..02e052c72 100644 --- a/packages/custom-elements-manifest-to-types/CHANGELOG.md +++ b/packages/custom-elements-manifest-to-types/CHANGELOG.md @@ -1,4 +1,4 @@ -# @ollion/custom-elements-manifest-to-types +# @nonfx/custom-elements-manifest-to-types ## [2.0.5] - 2024-07-08 diff --git a/packages/custom-elements-manifest-to-types/package.json b/packages/custom-elements-manifest-to-types/package.json index a5fadb645..5084ff387 100644 --- a/packages/custom-elements-manifest-to-types/package.json +++ b/packages/custom-elements-manifest-to-types/package.json @@ -1,5 +1,5 @@ { - "name": "@ollion/custom-elements-manifest-to-types", + "name": "@nonfx/custom-elements-manifest-to-types", "version": "2.0.5", "main": "dist/index.js", "types": "dist/index.d.ts", @@ -32,4 +32,4 @@ "registry": "https://registry.npmjs.org" }, "author": "" -} +} \ No newline at end of file diff --git a/packages/flow-code-editor/CHANGELOG.md b/packages/flow-code-editor/CHANGELOG.md index 8d6059b89..0d6e7ff06 100644 --- a/packages/flow-code-editor/CHANGELOG.md +++ b/packages/flow-code-editor/CHANGELOG.md @@ -20,8 +20,8 @@ - Remove sideEffects because the components require registration via import - Updated dependencies -- `@ollion/flow-core-config@1.1.3` -- `@ollion/flow-core@2.0.3` +- `@nonfx/flow-core-config@1.1.3` +- `@nonfx/flow-core@2.0.3` ## [1.0.2] - 2023-10-10 @@ -29,8 +29,8 @@ - a2de106: Fix platform types - Updated dependencies [a2de106] -- `@ollion/flow-core-config@1.1.1` -- `@ollion/flow-core@2.0.1` +- `@nonfx/flow-core-config@1.1.1` +- `@nonfx/flow-core@2.0.1` ## [1.0.1-beta.0] - 2023-10-10 @@ -38,8 +38,8 @@ - Fix platform types - Updated dependencies -- `@ollion/flow-core-config@1.1.1-beta.0` -- `@ollion/flow-core@2.0.1-beta.0` +- `@nonfx/flow-core-config@1.1.1-beta.0` +- `@nonfx/flow-core@2.0.1-beta.0` ## [1.0.0] - 2023-10-10 @@ -50,7 +50,7 @@ ### Patch Changes - Updated dependencies -- `@ollion/flow-core@2.0.0` +- `@nonfx/flow-core@2.0.0`
## [0.2.0] - 2023-08-03 diff --git a/packages/flow-code-editor/README.md b/packages/flow-code-editor/README.md index 3c5e7361e..b982506f3 100644 --- a/packages/flow-code-editor/README.md +++ b/packages/flow-code-editor/README.md @@ -7,7 +7,7 @@ The Flow code editor is built on the Flow design framework ([website](https://fl ### 1️⃣ Install flow code editor dependency ``` -npm i --save @ollion/flow-code-editor +npm i --save @nonfx/flow-code-editor ``` **Note:** after installation, re-start your application. @@ -19,8 +19,8 @@ npm i --save @ollion/flow-code-editor Paste the below snippet in your project and add your application startup/runtime code to it. ```javascript -import "@ollion/flow-core"; -import "@ollion/flow-code-editor"; +import "@nonfx/flow-core"; +import "@nonfx/flow-code-editor"; ```
@@ -33,7 +33,7 @@ import "@ollion/flow-code-editor"; Copy paste below import types in your `main.ts` file. ```Javascript -import "@ollion/flow-code-editor/dist/types/vue3"; +import "@nonfx/flow-code-editor/dist/types/vue3"; ```
@@ -42,7 +42,7 @@ import "@ollion/flow-code-editor/dist/types/vue3"; Copy paste below import types in your `main.ts` file. ```Javascript -import "@ollion/flow-code-editor/dist/types/vue2"; +import "@nonfx/flow-code-editor/dist/types/vue2"; ```
@@ -53,7 +53,7 @@ import "@ollion/flow-code-editor/dist/types/vue2"; **React**: Include react type in `tsconfig.json` file like below. ```json -"include": ["src", "./node_modules/@ollion/flow-code-editor/dist/types/react.ts"] +"include": ["src", "./node_modules/@nonfx/flow-code-editor/dist/types/react.ts"] ``` @@ -103,7 +103,7 @@ const copyDir = (src, dest, callback?: (er: Error) => void) => { }); }; -copyDir("node_modules/@ollion/flow-code-editor/dist/assets", "assets"); +copyDir("node_modules/@nonfx/flow-code-editor/dist/assets", "assets"); ``` ### add specify `assets` folder in `assetsInclude` property. diff --git a/packages/flow-code-editor/package.json b/packages/flow-code-editor/package.json index 3599524f7..f82396b7a 100644 --- a/packages/flow-code-editor/package.json +++ b/packages/flow-code-editor/package.json @@ -1,5 +1,5 @@ { - "name": "@ollion/flow-code-editor", + "name": "@nonfx/flow-code-editor", "version": "1.1.1", "description": "Code editor component for flow library", "module": "dist/flow-code-editor.es.js", @@ -18,8 +18,8 @@ "lit" ], "dependencies": { - "@ollion/flow-core": "workspace:*", - "@ollion/flow-core-config": "workspace:*", + "@nonfx/flow-core": "workspace:*", + "@nonfx/flow-core-config": "workspace:*", "lit": "^3.1.0", "monaco-editor": "^0.38.0" }, @@ -38,8 +38,8 @@ "web-component-analyzer": "^2.0.0-next.4" }, "peerDependencies": { - "@ollion/flow-core": "^2.0.3", - "@ollion/flow-core-config": "^1.1.3" + "@nonfx/flow-core": "^2.0.3", + "@nonfx/flow-core-config": "^1.1.3" }, "repository": { "type": "git", @@ -55,6 +55,6 @@ "url": "https://github.com/ollionorg/flow-core/issues" }, "homepage": "https://github.com/ollionorg/flow-table#readme", - "author": "@ollion", + "author": "@nonfx", "license": "MIT" -} +} \ No newline at end of file diff --git a/packages/flow-code-editor/src/components/f-code-editor/f-code-editor.ts b/packages/flow-code-editor/src/components/f-code-editor/f-code-editor.ts index f38483c30..2005f7443 100644 --- a/packages/flow-code-editor/src/components/f-code-editor/f-code-editor.ts +++ b/packages/flow-code-editor/src/components/f-code-editor/f-code-editor.ts @@ -1,11 +1,11 @@ import { html, PropertyValueMap, unsafeCSS } from "lit"; -import { FRoot, flowElement, FButton } from "@ollion/flow-core"; +import { FRoot, flowElement, FButton } from "@nonfx/flow-core"; import globalStyle from "./f-code-editor-global.scss?inline"; import * as monaco from "monaco-editor"; import { property, query } from "lit/decorators.js"; import { languageCommentsMap } from "../../utils/lang-comments-map"; -import { injectCss } from "@ollion/flow-core-config"; +import { injectCss } from "@nonfx/flow-core-config"; injectCss("f-code-editor", globalStyle); diff --git a/packages/flow-code-editor/vite.config.ts b/packages/flow-code-editor/vite.config.ts index 5bdb9d3f5..ae8faa024 100644 --- a/packages/flow-code-editor/vite.config.ts +++ b/packages/flow-code-editor/vite.config.ts @@ -16,10 +16,10 @@ export default defineConfig({ // If we want to publish standalone components we don't externalize lit, // if you are going to use lit in your own project, you can make it a dep instead. // external: /^lit/, <-- comment this line - external: ["@ollion/flow-core-config", "@ollion/flow-core", /^lit/, "monaco-editor"], + external: ["@nonfx/flow-core-config", "@nonfx/flow-core", /^lit/, "monaco-editor"], output: { globals: { - "@ollion/flow-core": "@ollion/flow-core" + "@nonfx/flow-core": "@nonfx/flow-core" } } } diff --git a/packages/flow-core-config/package.json b/packages/flow-core-config/package.json index bb7a84c34..481e45cc4 100644 --- a/packages/flow-core-config/package.json +++ b/packages/flow-core-config/package.json @@ -1,5 +1,5 @@ { - "name": "@ollion/flow-core-config", + "name": "@nonfx/flow-core-config", "version": "1.1.3", "description": "Shared configuration for the Flow UI library", "module": "dist/index.es.js", @@ -29,6 +29,6 @@ "url": "https://github.com/ollionorg/flow-core/issues" }, "homepage": "https://github.com/ollionorg/flow-core#readme", - "author": "@ollion", + "author": "@nonfx", "license": "MIT" -} +} \ No newline at end of file diff --git a/packages/flow-core/CHANGELOG.md b/packages/flow-core/CHANGELOG.md index c61b9bfae..4b23f7b19 100644 --- a/packages/flow-core/CHANGELOG.md +++ b/packages/flow-core/CHANGELOG.md @@ -265,7 +265,7 @@ ### Improvements - The 1Password manager does not currently support Shadow DOM for autofill, and a timeline for its implementation has not been provided. Consequently, we are introducing `f-input-light` as a light DOM alternative to `f-input`. -- Login form story added [here](https://flow.ollion.com/v2/index.html?path=/story/ollion-flow-form-builder-examples--login-form). It uses `f-input-light` and validation module from `@ollion/flow-form-builder`. +- Login form story added [here](https://flow.ollion.com/v2/index.html?path=/story/ollion-flow-form-builder-examples--login-form). It uses `f-input-light` and validation module from `@nonfx/flow-form-builder`. - `f-form-field` wrapper elements added to support `lable`, `subtitle`,`help` slots. - **Note : `f-input-light` won't support `lable`, `subtitle`,`help` slots**. @@ -396,7 +396,7 @@ - Remove sideEffects because the components require registration via import - Updated dependencies -- `@ollion/flow-core-config@1.1.3` +- `@nonfx/flow-core-config@1.1.3` ## [2.0.2] - 2023-10-10 @@ -404,7 +404,7 @@ - a2de106: Fix platform types - Updated dependencies [a2de106] -- `@ollion/flow-core-config@1.1.1` +- `@nonfx/flow-core-config@1.1.1` ## [2.0.1-beta.0] - 2023-10-10 @@ -412,7 +412,7 @@ - Fix platform types - Updated dependencies -- `@ollion/flow-core-config@1.1.1-beta.0` +- `@nonfx/flow-core-config@1.1.1-beta.0` ## [2.0.0] - 2023-10-10 @@ -423,7 +423,7 @@ ### Patch Changes - Updated dependencies -- `@ollion/flow-core-config@1.1.0` +- `@nonfx/flow-core-config@1.1.0`

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

@@ -759,7 +759,7 @@ ### Improvements -- Extract shared configuration into `@ollion/flow-core-config` package. +- Extract shared configuration into `@nonfx/flow-core-config` package. - Allow loading of icon bundles asynchronously ### Bug Fixes @@ -1203,7 +1203,7 @@ ### Bug fixes -- `size`, `variant`, `category` removed from `f-form` since it is anti pattern to set it on inner input elements. (This usecase will be covered in `@ollion/flow-form-builder`) +- `size`, `variant`, `category` removed from `f-form` since it is anti pattern to set it on inner input elements. (This usecase will be covered in `@nonfx/flow-form-builder`) ## [1.3.6] - 2023-02-21 diff --git a/packages/flow-core/README.md b/packages/flow-core/README.md index 72512854b..003c3c359 100644 --- a/packages/flow-core/README.md +++ b/packages/flow-core/README.md @@ -31,7 +31,7 @@ For a new project, Flow has put together starter kits with basic dependencies to - [Aungular](https://github.com/ollionorg/flow-starterkit-angular) - [React](https://github.com/ollionorg/flow-starterkit-react) -If you would like to contribute to an existing starter kit or write a new one for a different framework, write to or ping on our slack channel. +If you would like to contribute to an existing starter kit or write a new one for a different framework, write to or ping on our slack channel. **VScode Plugin**: [Install Flow's Plugin](https://marketplace.visualstudio.com/items?itemName=dev-vikas.flow-intellisense-vscode) to access components, icons, values, etc, and documentation inside of VScode. @@ -45,7 +45,7 @@ If you would like to contribute to an existing starter kit or write a new one fo #### 1️⃣ Install flow core -`npm i --save @ollion/flow-core` +`npm i --save @nonfx/flow-core` _Note:_ after installation re-start your application. @@ -56,7 +56,7 @@ _Note:_ after installation re-start your application. Copy and import the below snippet into your startup file. In **VueJS:** (src/main.ts or main.js), **Angular:** (src/main.ts), **React:** (src/index.tsx or index.jsx) ```JavaScript -import "@ollion/flow-core"; +import "@nonfx/flow-core"; ```
@@ -67,20 +67,20 @@ import "@ollion/flow-core"; Copy paste below line in your `main.ts` file. ```JavaScript -import "@ollion/flow-core/dist/types/vue2"; +import "@nonfx/flow-core/dist/types/vue2"; ``` or ```JavaScript -import "@ollion/flow-core/dist/types/vue3"; +import "@nonfx/flow-core/dist/types/vue3"; ``` **React** Include react type in `tsconfig.json` like below ```JSON -"include": ["src", "./node_modules/@ollion/flow-core/dist/types/react.ts"] +"include": ["src", "./node_modules/@nonfx/flow-core/dist/types/react.ts"] ``` **Note:** after adding the snippets, re-start your application. @@ -98,7 +98,7 @@ npm i --save @ollion/flow-system-icon ### 2️⃣ Import the icon pack ```javascript -import "@ollion/flow-core"; +import "@nonfx/flow-core"; import "@ollion/flow-system-icon"; ``` @@ -136,4 +136,4 @@ Visit the [Flow templates Storybook](https://flow.ollion.com/templates/index.htm ## Get in touch -If you would like to get in touch or contribute, please write to . +If you would like to get in touch or contribute, please write to . diff --git a/packages/flow-core/package.json b/packages/flow-core/package.json index ef9e2c93c..f929a75f0 100644 --- a/packages/flow-core/package.json +++ b/packages/flow-core/package.json @@ -1,5 +1,5 @@ { - "name": "@ollion/flow-core", + "name": "@nonfx/flow-core", "version": "2.10.0", "description": "Core package of flow design system", "module": "dist/flow-core.es.js", @@ -26,7 +26,7 @@ "@emoji-mart/data": "^1.1.2", "@floating-ui/dom": "^1.0.2", "@lit-labs/virtualizer": "^2.0.12", - "@ollion/flow-core-config": "workspace:*", + "@nonfx/flow-core-config": "workspace:*", "axios": "^0.27.2", "emoji-mart": "^5.5.2", "flatpickr": "^4.6.13", @@ -58,7 +58,7 @@ "web-component-analyzer": "^2.0.0-next.4" }, "peerDependencies": { - "@ollion/flow-core-config": "*" + "@nonfx/flow-core-config": "*" }, "repository": { "type": "git", @@ -74,6 +74,6 @@ "url": "https://github.com/ollionorg/flow-core/issues" }, "homepage": "https://github.com/ollionorg/flow-core#readme", - "author": "@ollion", + "author": "@nonfx", "license": "MIT" -} +} \ No newline at end of file diff --git a/packages/flow-core/src/components/f-accordion/f-accordion.test.ts b/packages/flow-core/src/components/f-accordion/f-accordion.test.ts index beca995e1..7278b27d0 100644 --- a/packages/flow-core/src/components/f-accordion/f-accordion.test.ts +++ b/packages/flow-core/src/components/f-accordion/f-accordion.test.ts @@ -1,10 +1,10 @@ import { html, fixture, expect } from "@open-wc/testing"; // importing flow-core components -import "@ollion/flow-core"; +import "@nonfx/flow-core"; import IconPack from "@ollion/flow-system-icon/dist/types/icon-pack"; // setting icon pack for testing icon related test cases -import { FAccordion, FIconButton, ConfigUtil } from "@ollion/flow-core"; +import { FAccordion, FIconButton, ConfigUtil } from "@nonfx/flow-core"; ConfigUtil.setConfig({ iconPack: IconPack }); describe("f-accordion", () => { diff --git a/packages/flow-core/src/components/f-accordion/f-accordion.ts b/packages/flow-core/src/components/f-accordion/f-accordion.ts index 125d1698f..b08b65338 100644 --- a/packages/flow-core/src/components/f-accordion/f-accordion.ts +++ b/packages/flow-core/src/components/f-accordion/f-accordion.ts @@ -5,7 +5,7 @@ import globalStyle from "./f-accordion-global.scss?inline"; import { FRoot } from "../../mixins/components/f-root/f-root"; import { FDiv, FDivPaddingProp } from "../f-div/f-div"; import { flowElement, generateId } from "./../../utils"; -import { injectCss } from "@ollion/flow-core-config"; +import { injectCss } from "@nonfx/flow-core-config"; injectCss("f-accordion", globalStyle); @@ -89,10 +89,10 @@ export class FAccordion extends FRoot { return this.icon === "caret" ? "i-caret-down" : this.icon === "chevron" - ? "i-chevron-down" - : this.open - ? "i-minus" - : "i-plus"; + ? "i-chevron-down" + : this.open + ? "i-minus" + : "i-plus"; } /** diff --git a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.test.ts b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.test.ts index da33f95b5..733d843a0 100644 --- a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.test.ts +++ b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.test.ts @@ -2,9 +2,9 @@ import { html, fixture, expect } from "@open-wc/testing"; import IconPack from "@ollion/flow-system-icon/dist/types/icon-pack"; // importing flow-core components -import "@ollion/flow-core"; +import "@nonfx/flow-core"; -import { FBreadcrumb, ConfigUtil } from "@ollion/flow-core"; +import { FBreadcrumb, ConfigUtil } from "@nonfx/flow-core"; // setting icon pack for testing icon related test cases ConfigUtil.setConfig({ iconPack: IconPack }); @@ -18,9 +18,9 @@ describe("f-breadcrumb", () => { const el = await fixture(html` `); expect(el.getAttribute("size")).to.equal("medium"); @@ -31,9 +31,9 @@ describe("f-breadcrumb", () => { `); const descendant = el.shadowRoot!.querySelector(".f-breadcrumb-text-hover")!; @@ -44,9 +44,9 @@ describe("f-breadcrumb", () => { `); const descendant = el.shadowRoot!.querySelectorAll(".f-breadcrumb-content")!; @@ -56,12 +56,12 @@ describe("f-breadcrumb", () => { const el = await fixture(html` `); const descendant = el.shadowRoot!.querySelectorAll(".popover-crumb-list")!; @@ -73,12 +73,12 @@ describe("f-breadcrumb", () => { `); const descendant = el.shadowRoot!.querySelector(".f-breadcrumbs")!; @@ -90,12 +90,12 @@ describe("f-breadcrumb", () => { `); const descendants = el.shadowRoot!.querySelector(".f-breadcrumbs")!; diff --git a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts index 227868ed1..2233ca2b2 100644 --- a/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts +++ b/packages/flow-core/src/components/f-breadcrumb/f-breadcrumb.ts @@ -8,7 +8,7 @@ import { flowElement } from "../../utils"; import { FText } from "../f-text/f-text"; import { FPopover } from "../f-popover/f-popover"; -import { injectCss } from "@ollion/flow-core-config"; +import { injectCss } from "@nonfx/flow-core-config"; injectCss("f-breadcrumb", globalStyle); @@ -231,16 +231,16 @@ export class FBreadcrumb extends FRoot { @mouseleave=${() => this.toggleBreadcrumbPopover("close")} > ${this.middlePopoverCrumbs?.map( - (crumb, index) => - html` + html` this.handleDispatchEvent(event, crumb)} >${crumb?.title}` - )} + )} ${this.endingCrumbs?.map((crumb, index) => - this.crumbLoop(crumb, index, this.endingCrumbs) - )} + this.crumbLoop(crumb, index, this.endingCrumbs) + )} `} `; const iconBreadcrumb = html` ${this.crumbs.map((item, index) => - index !== this.crumbs.length - 1 - ? html` ` - : html` + : html`
` - )} + )} `; return this.variant === "text" ? textBreadcrumb : iconBreadcrumb; } diff --git a/packages/flow-core/src/components/f-button/f-button.test.ts b/packages/flow-core/src/components/f-button/f-button.test.ts index 7c12a50a2..6eab0cd0b 100644 --- a/packages/flow-core/src/components/f-button/f-button.test.ts +++ b/packages/flow-core/src/components/f-button/f-button.test.ts @@ -2,9 +2,9 @@ import { html, fixture, expect } from "@open-wc/testing"; import IconPack from "@ollion/flow-system-icon/dist/types/icon-pack"; // import flow-core elements -import "@ollion/flow-core"; +import "@nonfx/flow-core"; -import { FButton, FIcon, ConfigUtil, FCounter } from "@ollion/flow-core"; +import { FButton, FIcon, ConfigUtil, FCounter } from "@nonfx/flow-core"; // importing `loadingSVG` to cross check import loadingSVG from "./../../mixins/svg/loader"; diff --git a/packages/flow-core/src/components/f-button/f-button.ts b/packages/flow-core/src/components/f-button/f-button.ts index 994f6f331..004c29b8a 100644 --- a/packages/flow-core/src/components/f-button/f-button.ts +++ b/packages/flow-core/src/components/f-button/f-button.ts @@ -21,7 +21,7 @@ import getTextContrast from "../../utils/get-text-contrast"; import { FIcon } from "../f-icon/f-icon"; import { FCounter } from "../f-counter/f-counter"; import { flowElement } from "./../../utils"; -import { injectCss } from "@ollion/flow-core-config"; +import { injectCss } from "@nonfx/flow-core-config"; import { ifDefined } from "lit/directives/if-defined.js"; import { FPopover } from "../f-popover/f-popover"; import { FDiv } from "../f-div/f-div"; @@ -217,9 +217,8 @@ export class FButton extends FRoot { return `background-color: ${LightenDarkenColor( this.fill, -150 - )}; border: 1px solid ${LightenDarkenColor(this.fill, -150)}; color: transparent; fill: ${ - this.fill - }`; + )}; border: 1px solid ${LightenDarkenColor(this.fill, -150)}; color: transparent; fill: ${this.fill + }`; } else if (this.category === "outline") { return `background: transparent; border: 1px solid ${this.fill}; fill: ${this.fill};`; } else { @@ -333,10 +332,10 @@ export class FButton extends FRoot { return html`