plutonium 0.14.1 → 0.15.0.pre.rc1

data/lib/plutonium/ui/table/theme.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module Plutonium
+  module UI
+    module Table
+      class Theme < Phlexi::Table::Theme
+        def self.theme
+          super.merge({
+            selection_checkbox: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600",
+            name_column: "font-medium text-gray-900 whitespace-nowrap dark:text-white",
+            align_start: "text-start",
+            align_end: "text-end",
+            wrapper: "relative overflow-x-auto shadow-md sm:rounded-lg",
+            base: "w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400",
+            caption: "p-5 text-lg font-semibold text-left rtl:text-right text-gray-900 bg-white dark:text-white dark:bg-gray-800",
+            description: "mt-1 text-sm font-normal text-gray-500 dark:text-gray-400",
+            header: "text-xs text-gray-700 uppercase bg-gray-200 dark:bg-gray-700 dark:text-gray-400",
+            header_grouping_cell: "px-6 py-3 text-center text-sm border-b border-t border-r last:border-r-0 dark:border-gray-800",
+            header_cell: "px-6 py-3",
+            header_cell_content_wrapper: "inline-flex items-center",
+            header_cell_sort_wrapper: "flex items-center",
+            header_cell_sort_indicator: "ml-1.5",
+            body_row: "bg-white border-b last:border-none dark:bg-gray-800 dark:border-gray-700",
+            body_cell: "px-6 py-4 whitespace-pre max-w-[310px] hover:max-w-[600px] overflow-hidden text-ellipsis transition-all duration-300 ease-in-out",
+            sort_icon: "w-3 h-3",
+            sort_icon_active: "text-primary-600",
+            sort_index_clear_link: "ml-2",
+            sort_index_clear_link_text: "text-xs font-bold",
+            sort_index_clear_link_icon: "ml-1 text-red-600"
+          })
+        end
+      end
+    end
+  end
+end

data/lib/plutonium/ui.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+require "tailwind_merge"
+
+module Plutonium
+  module UI
+    TAILWIND_MERGER = TailwindMerge::Merger.new
+  end
+end

data/lib/plutonium/version.rb

@@ -1,3 +1,7 @@
 module Plutonium
-  VERSION = "0.14.1"
+  VERSION = "0.15.0-rc1"
+  NEXT_MAJOR_VERSION = VERSION.split(".").tap { |v|
+    v[1] = v[1].to_i + 1
+    v[2] = 0
+  }.join(".")
 end

data/lib/plutonium.rb

@@ -1,6 +1,14 @@
 # frozen_string_literal: true
 
 require "zeitwerk"
+require "action_policy"
+require "phlex"
+require "phlex-rails"
+require "phlex/tabler_icons"
+require "phlexi-display"
+require "phlexi-form"
+require "phlexi-table"
+
 require_relative "plutonium/configuration"
 
 # Plutonium module
@@ -14,14 +22,19 @@ module Plutonium
 
   # Set up Zeitwerk loader for the Plutonium gem
   # @return [Zeitwerk::Loader] configured Zeitwerk loader instance
-  ZEITWERK_LOADER = Zeitwerk::Loader.for_gem(warn_on_extra_files: false).tap do |loader|
+  Loader = Zeitwerk::Loader.for_gem(warn_on_extra_files: false).tap do |loader|
     loader.ignore("#{__dir__}/generators")
     loader.ignore("#{__dir__}/plutonium/railtie.rb")
+    loader.inflector.inflect("ui" => "UI")
     loader.enable_reloading if defined?(Rails.env) && Rails.env.development?
     loader.setup
   end
 
   class << self
+    def deprecator
+      @deprecator ||= ActiveSupport::Deprecation.new("1.0", "Plutonium")
+    end
+
     # Get the root directory of the gem
     #
     # @return [Pathname] the root directory path

data/package-lock.json

@@ -1,16 +1,17 @@
 {
-  "name": "@plutonium-rails/core",
-  "version": "0.1.0",
+  "name": "@radioactive-labs/plutonium",
+  "version": "0.1.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "@plutonium-rails/core",
-      "version": "0.1.0",
+      "name": "@radioactive-labs/plutonium",
+      "version": "0.1.3",
       "license": "MIT",
       "dependencies": {
         "@hotwired/stimulus": "^3.2.2",
         "@hotwired/turbo": "^8.0.4",
+        "flowbite": "^2.3.0",
         "lodash.debounce": "^4.0.8"
       },
       "devDependencies": {
@@ -20,7 +21,6 @@
         "cssnano": "^7.0.2",
         "esbuild": "^0.20.1",
         "esbuild-plugin-manifest": "^1.0.3",
-        "flowbite": "^2.3.0",
         "postcss": "^8.4.35",
         "postcss-cli": "^11.0.0",
         "postcss-hash": "^3.0.0",
@@ -546,7 +546,6 @@
       "version": "2.11.8",
       "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
       "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "dev": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -702,12 +701,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -767,9 +766,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001596",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001596.tgz",
-      "integrity": "sha512-zpkZ+kEr6We7w63ORkoJ2pOfBwBkY/bJrG/UZ90qNb45Isblu8wzDgevEOrRL1r9dWayHjYiiyCMEXPn4DweGQ==",
+      "version": "1.0.30001658",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001658.tgz",
+      "integrity": "sha512-N2YVqWbJELVdrnsW5p+apoQyYt51aBMSsBZki1XZEfeBCexcM/sf4xiAHcXQBkuOwJBXtWF7aW1sYX6tKebPHw==",
       "dev": true,
       "funding": [
         {
@@ -1431,9 +1430,9 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
@@ -1446,7 +1445,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-2.3.0.tgz",
       "integrity": "sha512-pm3JRo8OIJHGfFYWgaGpPv8E+UdWy0Z3gEAGufw+G/1dusaU/P1zoBLiQpf2/+bYAi+GBQtPVG86KYlV0W+AFQ==",
-      "dev": true,
       "dependencies": {
         "@popperjs/core": "^2.9.3",
         "mini-svg-data-uri": "^1.4.3"
@@ -1800,12 +1798,12 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dev": true,
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -1816,7 +1814,6 @@
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
       "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
-      "dev": true,
       "bin": {
         "mini-svg-data-uri": "cli.js"
       }

data/package.json

@@ -19,21 +19,21 @@
   "homepage": "https://github.com/radioactive-labs/plutonium-core#readme",
   "dependencies": {
     "@hotwired/stimulus": "^3.2.2",
-    "lodash.debounce": "^4.0.8",
     "@hotwired/turbo": "^8.0.4",
-    "flowbite": "^2.3.0"
+    "flowbite": "^2.3.0",
+    "lodash.debounce": "^4.0.8"
   },
   "devDependencies": {
     "@tailwindcss/forms": "^0.5.7",
     "autoprefixer": "^10.4.18",
     "concurrently": "^8.2.2",
+    "cssnano": "^7.0.2",
     "esbuild": "^0.20.1",
     "esbuild-plugin-manifest": "^1.0.3",
     "postcss": "^8.4.35",
     "postcss-cli": "^11.0.0",
     "postcss-hash": "^3.0.0",
-    "tailwindcss": "^3.4.1",
-    "cssnano": "^7.0.2"
+    "tailwindcss": "^3.4.1"
   },
   "scripts": {
     "build": "npm run js:prod && npm run css:prod",

data/src/css/plutonium.css

@@ -1,3 +1,18 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+
+@layer components {
+  .pu-color-input::-webkit-color-swatch-wrapper {
+    @apply p-0;
+  }
+
+  .pu-color-input::-webkit-color-swatch {
+    @apply border-none rounded-lg;
+  }
+
+  .pu-color-input::-moz-color-swatch {
+    @apply border-none rounded-lg;
+  }
+}

data/tailwind.options.js

@@ -2,13 +2,11 @@ export const content = [
   `${__dirname}/src/**/*.{css,js}`,
   `${__dirname}/app/views/**/*.{rb,erb,js}`,
   `${__dirname}/config/initializers/simple_form.rb`,
+  `${__dirname}/lib/plutonium/**/*.rb`,
 
   // node modules are not packaged as part of the gem.
   // requires users to have flowbite installed in their own project.
   './node_modules/flowbite/**/*.js',
-  // TODO: temporary workaround for legacy components.
-  // To be removed after converting buttons_helper and other files containing tailwind to components .
-  // `${__dirname}/lib/plutonium/**/*.{rb,erb}`
 ];
 export const darkMode = "selector";
 export const plugins = [
@@ -71,6 +69,16 @@ export const theme = {
       'Segoe UI Emoji',
       'Segoe UI Symbol',
       'Noto Color Emoji'
+    ],
+    'mono': [
+      'ui-monospace',
+      'SFMono-Regular',
+      'Menlo',
+      'Monaco',
+      'Consolas',
+      'Liberation Mono',
+      'Courier New',
+      'monospace'
     ]
   }
 };