bestax-migrate 2.22.0 → 2.22.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -45,16 +45,16 @@ export const RENDER_TODO = {
45
45
  };
46
46
  /**
47
47
  * `isFullWidth` is universal in bloomer (via `withHelpersModifiers`), but
48
- * Bulma's `is-fullwidth` only means something on a handful of elements, and
49
- * bestax declares `isFullWidth` on exactly those: Button, Select, Table and
50
- * Tabs opt in with `FULLWIDTH_OK`.
48
+ * Bulma's `is-fullwidth` only means something on a handful of elements. The
49
+ * components bestax gives a prop for it opt in with `FULLWIDTH`, which writes
50
+ * its current spelling, `isFullwidth`: `isFullWidth` is a deprecated alias.
51
51
  */
52
52
  const FULLWIDTH_TODO = {
53
53
  todo: 'Bulma defines `is-fullwidth` only on buttons, files, images, inputs, textareas, selects, tables and tabs, and this is none of them — drop it, or add className="is-fullwidth" if your own CSS styled the class',
54
54
  };
55
55
  /** Bulma styles `is-fullwidth` here, but bestax declares no prop for it. */
56
56
  const FULLWIDTH_CLASS = { toClass: 'is-fullwidth' };
57
- const FULLWIDTH_OK = {};
57
+ const FULLWIDTH = { rename: 'isFullwidth' };
58
58
  /**
59
59
  * `textColor` is not part of `BulmaClassesProps` — each component declares it
60
60
  * by hand, and many do not. So it is claimed per component, like `isSize`;
@@ -250,7 +250,7 @@ export const MAPPING = {
250
250
  isHovered: {},
251
251
  isFocused: {},
252
252
  isLoading: {},
253
- isFullWidth: FULLWIDTH_OK,
253
+ isFullWidth: FULLWIDTH,
254
254
  tag: TAG_AS,
255
255
  hasTextColor: TEXT_COLOR_OK,
256
256
  },
@@ -301,7 +301,7 @@ export const MAPPING = {
301
301
  isBordered: {},
302
302
  isStriped: {},
303
303
  isNarrow: {},
304
- isFullWidth: FULLWIDTH_OK,
304
+ isFullWidth: FULLWIDTH,
305
305
  },
306
306
  },
307
307
  Tag: {
@@ -382,7 +382,7 @@ export const MAPPING = {
382
382
  isColor: color,
383
383
  isSize: size,
384
384
  isLoading: {},
385
- isFullWidth: FULLWIDTH_OK,
385
+ isFullWidth: FULLWIDTH,
386
386
  },
387
387
  },
388
388
  TextArea: {
@@ -753,7 +753,7 @@ export const MAPPING = {
753
753
  isSize: size,
754
754
  isBoxed: { rename: 'boxed' },
755
755
  isToggle: { rename: 'toggle' },
756
- isFullWidth: FULLWIDTH_OK,
756
+ isFullWidth: FULLWIDTH,
757
757
  },
758
758
  },
759
759
  TabList: {
@@ -161,7 +161,7 @@ export const MAPPING = {
161
161
  outlined: { booleanToProp: { name: 'isOutlined' } },
162
162
  inverted: { booleanToProp: { name: 'isInverted' } },
163
163
  loading: { booleanToProp: { name: 'isLoading' } },
164
- fullwidth: { booleanToProp: { name: 'isFullWidth' } },
164
+ fullwidth: { booleanToProp: { name: 'isFullwidth' } },
165
165
  rounded: { booleanToProp: { name: 'isRounded' } },
166
166
  text: { booleanToProp: { name: 'color', value: 'text' } },
167
167
  isSelected: {
@@ -738,7 +738,7 @@ export const MAPPING = {
738
738
  props: {
739
739
  align: { valueMap: { center: 'centered', right: 'right' } },
740
740
  size: {},
741
- fullwidth: {},
741
+ fullwidth: { rename: 'isFullwidth' },
742
742
  type: {
743
743
  valueMap: {
744
744
  toggle: 'toggle',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bestax-migrate",
3
- "version": "2.22.0",
3
+ "version": "2.22.1",
4
4
  "description": "Codemods for migrating existing React apps from other Bulma libraries to @allxsmith/bestax-bulma",
5
5
  "type": "module",
6
6
  "bin": {