avo 3.0.1.beta7 → 3.0.1.beta9

data/public/avo-assets/avo.base.css

@@ -6354,6 +6354,44 @@ trix-toolbar .trix-button-group:not(:first-child){
     margin-left:0px
   }
 
+tags.tagify {
+  --tag-inset-shadow-size: 3em;
+  --tags-border-color: rgb(var(--color-primary-500));
+  --tags-hover-border-color: rgb(var(--color-primary-500));
+}
+
+.tagify__dropdown {
+  --tagify-dd-color-primary: rgb(var(--color-primary-500));
+}
+
+tags.tagify{
+  padding:0px !important;
+}
+
+tags.tagify span.tagify__input{
+    margin-top:0.25rem;
+    margin-bottom:0.25rem
+  }
+
+tags.tagify span.tagify__input:after {
+      /* The loader is not centered by default. This will make it look better. */
+      margin-top: 0.25rem;
+    }
+
+tag.tagify__tag{
+  margin-top:0.25rem;
+  margin-bottom:0.25rem;
+  margin-bottom:0px;
+  font-size:0.875rem;
+  line-height:1.25rem
+}
+
+/* When the tags field is used to select just one value there's a weird ZeroWidthSpace (\u200B) character that breaks the vertical spacing. */
+
+[data-tags-field-mode-value="select"] tags.tagify {
+  height: 40px;
+}
+
 .container{
   width:100%
 }
@@ -6523,10 +6561,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   top:0px
 }
 
-.top-1{
-  top:0.25rem
-}
-
 .top-1\/2{
   top:50%
 }
@@ -6595,26 +6629,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   grid-column:span 1 / span 1
 }
 
-.col-span-2{
-  grid-column:span 2 / span 2
-}
-
-.col-span-3{
-  grid-column:span 3 / span 3
-}
-
 .col-span-4{
   grid-column:span 4 / span 4
 }
 
-.col-span-5{
-  grid-column:span 5 / span 5
-}
-
-.col-span-6{
-  grid-column:span 6 / span 6
-}
-
 .col-span-full{
   grid-column:1 / -1
 }
@@ -6647,18 +6665,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   float:right
 }
 
-.float-left{
-  float:left
-}
-
 .m-0{
   margin:0px
 }
 
-.m-1{
-  margin:0.25rem
-}
-
 .-mx-1{
   margin-left:-0.25rem;
   margin-right:-0.25rem
@@ -6674,11 +6684,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-right:-0.5rem
 }
 
-.-mx-4{
-  margin-left:-1rem;
-  margin-right:-1rem
-}
-
 .-mx-6{
   margin-left:-1.5rem;
   margin-right:-1.5rem
@@ -6689,11 +6694,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-bottom:-0.5rem
 }
 
-.-my-4{
-  margin-top:-1rem;
-  margin-bottom:-1rem
-}
-
 .mx-3{
   margin-left:0.75rem;
   margin-right:0.75rem
@@ -6704,11 +6704,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-right:1.5rem
 }
 
-.mx-auto{
-  margin-left:auto;
-  margin-right:auto
-}
-
 .my-0{
   margin-top:0px;
   margin-bottom:0px
@@ -6743,30 +6738,14 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-bottom:-0.5rem
 }
 
-.-ml-10{
-  margin-left:-2.5rem
-}
-
-.-ml-20{
-  margin-left:-5rem
-}
-
 .-ml-4{
   margin-left:-1rem
 }
 
-.-ml-px{
-  margin-left:-1px
-}
-
 .-mt-1{
   margin-top:-0.25rem
 }
 
-.-mt-10{
-  margin-top:-2.5rem
-}
-
 .-mt-12{
   margin-top:-3rem
 }
@@ -6775,10 +6754,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-top:-0.5rem
 }
 
-.-mt-24{
-  margin-top:-6rem
-}
-
 .-mt-9{
   margin-top:-2.25rem
 }
@@ -6823,10 +6798,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-left:0.5rem
 }
 
-.ml-20{
-  margin-left:5rem
-}
-
 .ml-3{
   margin-left:0.75rem
 }
@@ -6839,10 +6810,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-left:1.5rem
 }
 
-.ml-8{
-  margin-left:2rem
-}
-
 .ml-auto{
   margin-left:auto
 }
@@ -7011,10 +6978,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   height:2.5rem
 }
 
-.h-14{
-  height:3.5rem
-}
-
 .h-16{
   height:4rem
 }
@@ -7031,18 +6994,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   height:0.75rem
 }
 
-.h-36{
-  height:9rem
-}
-
 .h-4{
   height:1rem
 }
 
-.h-40{
-  height:10rem
-}
-
 .h-5{
   height:1.25rem
 }
@@ -7059,10 +7014,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   height:16rem
 }
 
-.h-72{
-  height:18rem
-}
-
 .h-8{
   height:2rem
 }
@@ -7127,10 +7078,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   min-height:100%
 }
 
-.min-h-inherit{
-  min-height:inherit
-}
-
 .min-h-screen{
   min-height:100vh
 }
@@ -7155,10 +7102,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   width:83.333333%
 }
 
-.w-11{
-  width:2.75rem
-}
-
 .w-11\/12{
   width:91.666667%
 }
@@ -7215,6 +7158,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   width:100%
 }
 
+.min-w-0{
+  min-width:0px
+}
+
 .min-w-\[1rem\]{
   min-width:1rem
 }
@@ -7295,11 +7242,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-collapse:collapse
 }
 
-.-translate-x-1{
-  --tw-translate-x:-0.25rem;
-  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
-}
-
 .-translate-x-1\/2{
   --tw-translate-x:-50%;
   transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
@@ -7385,18 +7327,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   grid-template-columns:repeat(2, minmax(0, 1fr))
 }
 
-.grid-cols-3{
-  grid-template-columns:repeat(3, minmax(0, 1fr))
-}
-
-.grid-cols-4{
-  grid-template-columns:repeat(4, minmax(0, 1fr))
-}
-
-.grid-cols-5{
-  grid-template-columns:repeat(5, minmax(0, 1fr))
-}
-
 .grid-cols-6{
   grid-template-columns:repeat(6, minmax(0, 1fr))
 }
@@ -7461,10 +7391,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   justify-content:space-between
 }
 
-.justify-around{
-  justify-content:space-around
-}
-
 .justify-evenly{
   justify-content:space-evenly
 }
@@ -7481,10 +7407,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   gap:0.5rem
 }
 
-.gap-3{
-  gap:0.75rem
-}
-
 .gap-4{
   gap:1rem
 }
@@ -7493,12 +7415,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   gap:1.5rem
 }
 
-.space-x-0 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-x-reverse:0;
-  margin-right:calc(0px * var(--tw-space-x-reverse));
-  margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))
-}
-
 .space-x-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-x-reverse:0;
   margin-right:calc(0.25rem * var(--tw-space-x-reverse));
@@ -7523,18 +7439,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))
 }
 
-.space-x-8 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-x-reverse:0;
-  margin-right:calc(2rem * var(--tw-space-x-reverse));
-  margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
-}
-
-.space-y-0 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse:0;
-  margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(0px * var(--tw-space-y-reverse))
-}
-
 .space-y-1 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -7553,12 +7457,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   margin-bottom:calc(0.5rem * var(--tw-space-y-reverse))
 }
 
-.space-y-3 > :not([hidden]) ~ :not([hidden]){
-  --tw-space-y-reverse:0;
-  margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom:calc(0.75rem * var(--tw-space-y-reverse))
-}
-
 .space-y-4 > :not([hidden]) ~ :not([hidden]){
   --tw-space-y-reverse:0;
   margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
@@ -7631,6 +7529,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   white-space:nowrap
 }
 
+.text-ellipsis{
+  text-overflow:ellipsis
+}
+
 .whitespace-nowrap{
   white-space:nowrap
 }
@@ -7680,16 +7582,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-bottom-left-radius:0.25rem
 }
 
-.rounded-l-md{
-  border-top-left-radius:0.375rem;
-  border-bottom-left-radius:0.375rem
-}
-
-.rounded-r-md{
-  border-top-right-radius:0.375rem;
-  border-bottom-right-radius:0.375rem
-}
-
 .rounded-t{
   border-top-left-radius:0.25rem;
   border-top-right-radius:0.25rem
@@ -7699,11 +7591,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-width:1px
 }
 
-.border-y{
-  border-top-width:1px;
-  border-bottom-width:1px
-}
-
 .border-b{
   border-bottom-width:1px
 }
@@ -7844,10 +7731,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   border-color:rgb(236 72 153 / var(--tw-border-opacity))
 }
 
-.border-primary-300{
-  border-color:rgb(var(--color-primary-300))
-}
-
 .border-primary-500{
   border-color:rgb(var(--color-primary-500))
 }
@@ -7930,11 +7813,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(57 158 229 / var(--tw-bg-opacity))
 }
 
-.bg-blue-50{
-  --tw-bg-opacity:1;
-  background-color:rgb(230 243 252 / var(--tw-bg-opacity))
-}
-
 .bg-blue-500{
   --tw-bg-opacity:1;
   background-color:rgb(8 134 222 / var(--tw-bg-opacity))
@@ -7960,11 +7838,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(227 229 232 / var(--tw-bg-opacity))
 }
 
-.bg-gray-200{
-  --tw-bg-opacity:1;
-  background-color:rgb(200 203 208 / var(--tw-bg-opacity))
-}
-
 .bg-gray-25{
   --tw-bg-opacity:1;
   background-color:rgb(246 246 247 / var(--tw-bg-opacity))
@@ -8049,10 +7922,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(var(--color-primary-100))
 }
 
-.bg-primary-400{
-  background-color:rgb(var(--color-primary-400))
-}
-
 .bg-primary-500{
   background-color:rgb(var(--color-primary-500))
 }
@@ -8107,10 +7976,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   background-color:rgb(20 184 166 / var(--tw-bg-opacity))
 }
 
-.bg-transparent{
-  background-color:transparent
-}
-
 .bg-violet-500{
   --tw-bg-opacity:1;
   background-color:rgb(139 92 246 / var(--tw-bg-opacity))
@@ -8208,11 +8073,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-right:0.5rem
 }
 
-.px-24{
-  padding-left:6rem;
-  padding-right:6rem
-}
-
 .px-3{
   padding-left:0.75rem;
   padding-right:0.75rem
@@ -8233,11 +8093,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-right:1.5rem
 }
 
-.px-8{
-  padding-left:2rem;
-  padding-right:2rem
-}
-
 .py-0{
   padding-top:0px;
   padding-bottom:0px
@@ -8258,11 +8113,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-bottom:0.375rem
 }
 
-.py-12{
-  padding-top:3rem;
-  padding-bottom:3rem
-}
-
 .py-2{
   padding-top:0.5rem;
   padding-bottom:0.5rem
@@ -8330,10 +8180,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-left:0.25rem
 }
 
-.pl-4{
-  padding-left:1rem
-}
-
 .pr-0{
   padding-right:0px
 }
@@ -8342,6 +8188,10 @@ trix-toolbar .trix-button-group:not(:first-child){
   padding-right:0.5rem
 }
 
+.pr-3{
+  padding-right:0.75rem
+}
+
 .pt-0{
   padding-top:0px
 }
@@ -8495,11 +8345,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   letter-spacing:-0.025em
 }
 
-.\!text-blue-700{
-  --tw-text-opacity:1 !important;
-  color:rgb(5 80 133 / var(--tw-text-opacity)) !important
-}
-
 .\!text-pink-600{
   --tw-text-opacity:1 !important;
   color:rgb(219 39 119 / var(--tw-text-opacity)) !important
@@ -8740,10 +8585,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   opacity:0.75
 }
 
-.opacity-80{
-  opacity:0.8
-}
-
 .shadow{
   --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
   --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
@@ -8815,11 +8656,6 @@ trix-toolbar .trix-button-group:not(:first-child){
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
 
-.sepia{
-  --tw-sepia:sepia(100%);
-  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
-}
-
 .filter{
   filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
 }
@@ -9151,11 +8987,6 @@ trix-editor {
   background-color:rgb(206 231 248 / var(--tw-bg-opacity))
 }
 
-.hover\:bg-blue-500:hover{
-  --tw-bg-opacity:1;
-  background-color:rgb(8 134 222 / var(--tw-bg-opacity))
-}
-
 .hover\:bg-blue-600:hover{
   --tw-bg-opacity:1;
   background-color:rgb(6 107 178 / var(--tw-bg-opacity))
@@ -10398,6 +10229,10 @@ trix-editor {
     width:66.666667%
   }
 
+  .md\:w-full{
+    width:100%
+  }
+
   .md\:grid-cols-3{
     grid-template-columns:repeat(3, minmax(0, 1fr))
   }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: avo
 version: !ruby/object:Gem::Version
-  version: 3.0.1.beta7
+  version: 3.0.1.beta9
 platform: ruby
 authors:
 - Adrian Marin
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-08-17 00:00:00.000000000 Z
+date: 2023-09-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activerecord
@@ -220,6 +220,11 @@ files:
 - Gemfile.lock
 - README.md
 - Rakefile
+- app/assets/builds/avo.base.css
+- app/assets/builds/avo.base.js
+- app/assets/builds/avo.base.js.map
+- app/assets/builds/avo.custom.js
+- app/assets/builds/avo.custom.js.map
 - app/assets/config/avo_manifest.js
 - app/assets/stylesheets/avo.base.css
 - app/assets/stylesheets/css/active-storage.css
@@ -228,6 +233,7 @@ files:
 - app/assets/stylesheets/css/fields/code.css
 - app/assets/stylesheets/css/fields/progress.css
 - app/assets/stylesheets/css/fields/status.css
+- app/assets/stylesheets/css/fields/tags.css
 - app/assets/stylesheets/css/fields/trix.css
 - app/assets/stylesheets/css/fonts.css
 - app/assets/stylesheets/css/loader.css
@@ -1712,7 +1718,6 @@ files:
 - config/credentials.yml.enc
 - config/i18n-tasks.yml
 - config/initializers/pagy.rb
-- config/master.key
 - config/routes.rb
 - config/spring.rb
 - db/factories.rb
@@ -1727,6 +1732,7 @@ files:
 - lib/avo/concerns/filters_session_handler.rb
 - lib/avo/concerns/has_controls.rb
 - lib/avo/concerns/has_description.rb
+- lib/avo/concerns/has_helpers.rb
 - lib/avo/concerns/has_item_type.rb
 - lib/avo/concerns/has_items.rb
 - lib/avo/concerns/has_stimulus_controllers.rb
@@ -1734,6 +1740,7 @@ files:
 - lib/avo/concerns/is_visible.rb
 - lib/avo/concerns/model_class_constantized.rb
 - lib/avo/concerns/visible_in_different_views.rb
+- lib/avo/concerns/visible_items.rb
 - lib/avo/configuration.rb
 - lib/avo/configuration/branding.rb
 - lib/avo/configuration/resource_configuration.rb
@@ -1760,6 +1767,7 @@ files:
 - lib/avo/fields/concerns/is_required.rb
 - lib/avo/fields/concerns/is_searchable.rb
 - lib/avo/fields/concerns/use_resource.rb
+- lib/avo/fields/concerns/use_view_components.rb
 - lib/avo/fields/country_field.rb
 - lib/avo/fields/date_field.rb
 - lib/avo/fields/date_time_field.rb
@@ -1843,6 +1851,7 @@ files:
 - lib/avo/test_helpers.rb
 - lib/avo/tools/tool_manager.rb
 - lib/avo/version.rb
+- lib/avo/view_inquirer.rb
 - lib/generators/avo/action_generator.rb
 - lib/generators/avo/base_generator.rb
 - lib/generators/avo/card_generator.rb
@@ -1912,9 +1921,6 @@ files:
 - public/avo-assets/avo.base.css
 - public/avo-assets/avo.base.js
 - public/avo-assets/avo.base.js.map
-- public/avo-assets/avo.css
-- public/avo-assets/avo.js
-- public/avo-assets/avo.js.map
 - public/avo-assets/favicon.ico
 - public/avo-assets/fonts/inter-v7-latin-500.eot
 - public/avo-assets/fonts/inter-v7-latin-500.svg

data/config/master.key

@@ -1 +0,0 @@
-2aeb23d82b909d9c6b5abb62f7058c2a