@1money/component-ui 0.1.24-alpha.2 → 0.1.25-alpha.0

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1money/component-ui",
3
- "version": "0.1.24-alpha.2",
3
+ "version": "0.1.25-alpha.0",
4
4
  "description": "React Components based on primereact for 1money front-end projects",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -361,6 +361,12 @@
361
361
  "source": "stories",
362
362
  "compilable": false
363
363
  },
364
+ "1d858de8613e6fdf0c4f5edc322a63f7fcfbadca470fcd86b7007b5ef809bd0f": {
365
+ "title": "Adaptive Height",
366
+ "code": "<div style={{ maxWidth: 480 }}><Select {...args} /></div>",
367
+ "source": "stories",
368
+ "compilable": false
369
+ },
364
370
  "1e2ce5743dcd5a069489baf67169280a5ebfc7ed959fc8cb1f7f52f846c1b544": {
365
371
  "title": "Text Variant",
366
372
  "code": "<div style={columnStyle}>\n {BUTTON_SIZES.map((size) => (\n <div key={size}>\n <h3 style={sectionHeaderStyle}>Text - {size}</h3>\n <div style={rowStyle}>\n <Button {...args} variant={BUTTON_VARIANT.text} size={size}>\n Button\n </Button>\n <Button {...args} variant={BUTTON_VARIANT.text} size={size} disabled>\n Disabled\n </Button>\n <Button {...args} variant={BUTTON_VARIANT.text} size={size} loading>\n Loading\n </Button>\n </div>\n </div>\n ))}\n </div>",
@@ -895,6 +901,12 @@
895
901
  "source": "stories",
896
902
  "compilable": true
897
903
  },
904
+ "4471504a7d90a8336beb3d4b770261b77a7116b71977713d1cfb1403739dae56": {
905
+ "title": "Panel height",
906
+ "code": "<Select options={options} listMaxHeight=\"auto\" />\n<Select options={options} listMaxHeight={480} />\n<Select options={options} listHeight={480} />\n<Select options={options} listHeight={480} listMaxHeight={400} />",
907
+ "source": "readme",
908
+ "compilable": true
909
+ },
898
910
  "45540f738e1068d8a124b639401d1c1ce52ae887afdc2aec99071704644db73a": {
899
911
  "title": "Toolbar Spacing",
900
912
  "code": "<div style={DEMO_PAGE_STYLE}>\n <div style={{ ...DEMO_PANEL_STYLE, display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>\n <Space size={SPACE_SIZE.small} align={SPACE_ALIGN.center}>\n <div style={DEMO_INLINE_ITEM_STYLE}>Date Range</div>\n <div style={DEMO_INLINE_ITEM_STYLE}>Status</div>\n <div style={DEMO_INLINE_ITEM_STYLE}>Currency</div>\n </Space>\n <Space size={SPACE_SIZE.small} align={SPACE_ALIGN.center}>\n <div style={DEMO_INLINE_ITEM_STYLE}>Export</div>\n <div style={DEMO_INLINE_ITEM_STYLE}>Refresh</div>\n <div style={DEMO_INLINE_ITEM_STYLE}>Create</div>\n </Space>\n </div>\n </div>",
@@ -2065,6 +2077,12 @@
2065
2077
  "source": "canonical",
2066
2078
  "compilable": true
2067
2079
  },
2080
+ "a2bf0cc4583a1d87073f4e0afd0922653a4995f91b2200633f908b9bb801597c": {
2081
+ "title": "Custom Fixed Height",
2082
+ "code": "<div style={{ maxWidth: 480 }}>\n <Select.Custom listHeight={480}>\n <Button>Apply</Button>\n </Select.Custom>\n </div>",
2083
+ "source": "stories",
2084
+ "compilable": true
2085
+ },
2068
2086
  "a2e7aabc10ff9cc33437fbe0878251394c4112f7a174a23577d895a7249bba3b": {
2069
2087
  "title": "Canonical usage",
2070
2088
  "code": "import { Button, Icons } from '@1money/component-ui';\n// or\nimport { Button } from '@1money/component-ui/Button';\nimport { Icons } from '@1money/component-ui/Icons';",
@@ -2467,6 +2485,12 @@
2467
2485
  "source": "stories",
2468
2486
  "compilable": true
2469
2487
  },
2488
+ "c0a3b23809475da0b8a70e62efb1488cc3a4954bad3ad5a165c5d95bd51113f5": {
2489
+ "title": "Adaptive Custom Options",
2490
+ "code": "<div style={{ maxWidth: 480 }}>\n <Select\n {...args}\n renderOption={(option) => (\n <span style={{ minHeight: args.size === 'small' ? 40 : 72 }}>{option.label}</span>\n )}\n />\n </div>",
2491
+ "source": "stories",
2492
+ "compilable": false
2493
+ },
2470
2494
  "c1047979ec6d13e1fe99d24583dd1657985cf01fbfbda4dbeeb51919a33a743d": {
2471
2495
  "title": "Usage",
2472
2496
  "code": "<Portal>\n <div>Rendered in document.body</div>\n</Portal>\n\n<Portal disablePortal>\n <div>Rendered in place</div>\n</Portal>",
@@ -17056,10 +17056,18 @@
17056
17056
  },
17057
17057
  {
17058
17058
  "name": "listMaxHeight",
17059
+ "type": "number | 'auto'",
17060
+ "optional": true,
17061
+ "default": null,
17062
+ "description": "Maximum height of the entire panel in px, including search and footer.",
17063
+ "inheritedFrom": null
17064
+ },
17065
+ {
17066
+ "name": "listHeight",
17059
17067
  "type": "number",
17060
17068
  "optional": true,
17061
17069
  "default": null,
17062
- "description": "",
17070
+ "description": "Fixed height of the entire panel in px, retaining space for short lists.",
17063
17071
  "inheritedFrom": null
17064
17072
  },
17065
17073
  {
@@ -17181,6 +17189,10 @@
17181
17189
  "hash": "ebd9c8263f6dc85bd40c133fe576968269bf95e6576145e6e5bdda8c2923047e",
17182
17190
  "source": "readme"
17183
17191
  },
17192
+ {
17193
+ "hash": "4471504a7d90a8336beb3d4b770261b77a7116b71977713d1cfb1403739dae56",
17194
+ "source": "readme"
17195
+ },
17184
17196
  {
17185
17197
  "hash": "abeafbd17ae622f40f4e0e684520b3147e5acb533583ea71c8b1d95fd3805540",
17186
17198
  "source": "stories"
@@ -17224,6 +17236,18 @@
17224
17236
  {
17225
17237
  "hash": "8403e3e85f925998931bcd3fef7363c0d75b3598527183aa58a4c63df20f0bce",
17226
17238
  "source": "stories"
17239
+ },
17240
+ {
17241
+ "hash": "1d858de8613e6fdf0c4f5edc322a63f7fcfbadca470fcd86b7007b5ef809bd0f",
17242
+ "source": "stories"
17243
+ },
17244
+ {
17245
+ "hash": "c0a3b23809475da0b8a70e62efb1488cc3a4954bad3ad5a165c5d95bd51113f5",
17246
+ "source": "stories"
17247
+ },
17248
+ {
17249
+ "hash": "a2bf0cc4583a1d87073f4e0afd0922653a4995f91b2200633f908b9bb801597c",
17250
+ "source": "stories"
17227
17251
  }
17228
17252
  ]
17229
17253
  },