0.36.11 • Published 10 months ago

@frontify/guideline-blocks-settings v0.36.11

Weekly downloads
-
License
-
Repository
github
Last release
10 months ago

Block Settings

Provides the block settings types for the guideline-blocks.

Example

/* (c) Copyright Frontify Ltd., all rights reserved. */

import { IconEnum, defineSettings } from '@frontify/guideline-blocks-settings';

export const settings = defineSettings({
    main: [
        {
            id: 'example',
            type: 'dropdown',
            size: 'Large',
            defaultValue: 'solid',
            choices: [
                {
                    value: 'noline',
                    icon: IconEnum.LineSpacer,
                    label: 'Spacer (no line)',
                },
                {
                    value: 'solid',
                    icon: IconEnum.LineSolid,
                    label: 'Line',
                },
            ],
            onChange: (bundle): void => {
                const blockWidth = Number(bundle.getBlock('widthCustom')?.value);
                if (!Number.isNaN(blockWidth)) {
                    bundle.setBlockValue('widthCustom', `${blockWidth}%`);
                }
            },
        },
    ],
});

Block development helpers

Code Structure

  • components (React components which are reused across multiple blocks)
  • utilities (functionality without business logic)
  • helpers (functionality with business logic)

Using components

To use React components, you need to add the styles import from the @frontify/guideline-blocks-settings package:

import '@frontify/guideline-blocks-settings/styles';

Development

Run pnpm build to make changes directly available to the linked packages.

To run the tests, linter, or type checker, first update @frontify/app-bridge. For the latest version, execute:

pnpm add @frontify/app-bridge@workspace:^ --filter {packages/guideline-blocks-settings}

For a specific version, such as 3.0.2, execute:

pnpm add @frontify/app-bridge@3.0.2 --filter {packages/guideline-blocks-settings}

After updating, you can run the following commands as needed. For testing, use pnpm test. For linting, use pnpm lint. For type checking, use pnpm typecheck.

0.36.10

10 months ago

0.36.11

10 months ago

0.36.9

10 months ago

0.36.8

10 months ago

0.36.7

11 months ago

0.36.6

11 months ago

0.36.4

1 year ago

0.36.3

1 year ago

0.36.2

1 year ago

0.36.1

1 year ago

0.36.0

1 year ago

0.36.5

1 year ago

0.35.1

1 year ago

0.35.0

1 year ago

0.34.15

1 year ago

0.34.14

1 year ago

0.34.12

1 year ago

0.34.13

1 year ago

0.34.11

1 year ago

0.34.10

1 year ago

0.34.9

1 year ago

0.34.8

1 year ago

0.34.7

1 year ago

0.34.6

1 year ago

0.34.5

1 year ago

0.34.4

1 year ago

0.34.3

1 year ago

0.34.2

1 year ago

0.34.1

1 year ago

0.34.0

1 year ago

0.33.5

1 year ago

0.33.4

1 year ago

0.33.3

1 year ago

0.33.2

1 year ago

0.33.1

1 year ago

0.33.0

1 year ago

0.32.2

1 year ago

0.32.1

1 year ago

0.32.0

1 year ago

0.31.5

1 year ago

0.31.4

1 year ago

0.31.3

1 year ago

0.31.2

1 year ago

0.31.1

1 year ago

0.31.0

2 years ago

0.30.2

2 years ago

0.30.1

2 years ago

0.30.0

2 years ago

0.29.17

2 years ago

0.29.16

2 years ago

0.29.15

2 years ago

0.29.12

2 years ago

0.29.13

2 years ago

0.29.10

2 years ago

0.29.11

2 years ago

0.29.14

2 years ago

0.29.9

2 years ago

0.29.0

2 years ago

0.29.8

2 years ago

0.29.7

2 years ago

0.29.6

2 years ago

0.29.5

2 years ago

0.29.4

2 years ago

0.29.3

2 years ago

0.29.2

2 years ago

0.29.1

2 years ago

0.28.1

2 years ago

0.28.0

2 years ago

0.28.6

2 years ago

0.28.5

2 years ago

0.28.4

2 years ago

0.28.3

2 years ago

0.28.2

2 years ago

0.27.0

2 years ago

0.26.8

2 years ago

0.26.7

2 years ago

0.26.6

2 years ago

0.26.3

2 years ago

0.26.2

2 years ago

0.26.1

2 years ago

0.26.0

2 years ago

0.26.5

2 years ago

0.26.4

2 years ago

0.25.12

2 years ago

0.25.10

2 years ago

0.25.11

2 years ago

0.25.4

3 years ago

0.25.3

3 years ago

0.25.2

3 years ago

0.25.1

3 years ago

0.25.0

3 years ago

0.25.9

3 years ago

0.25.8

3 years ago

0.25.7

3 years ago

0.25.6

3 years ago

0.25.5

3 years ago

0.24.0

3 years ago

0.23.0

3 years ago

0.22.0

3 years ago

0.21.0

3 years ago

0.20.0

3 years ago

0.19.0

3 years ago

0.18.0

3 years ago

0.15.0

3 years ago

0.16.0

3 years ago

0.15.1

3 years ago

0.17.0

3 years ago

0.13.0

3 years ago

0.14.0

3 years ago

0.10.1

3 years ago

0.11.0

3 years ago

0.12.0

3 years ago

0.11.1

3 years ago

0.10.0

3 years ago

0.9.0

3 years ago

0.8.1

3 years ago

0.8.0

3 years ago

0.7.1

3 years ago

0.1.0

4 years ago

0.3.0

4 years ago

0.2.1

4 years ago

0.1.2

4 years ago

0.2.0

4 years ago

0.1.1

4 years ago

0.6.2

3 years ago

0.5.0

3 years ago

0.4.1

3 years ago

0.4.0

3 years ago

0.2.2

4 years ago

0.7.0

3 years ago

0.6.1

3 years ago

0.6.0

3 years ago

0.0.1-alpha.0

4 years ago