├── .gitignore ├── CHANGELOG.md ├── README.adoc ├── project.clj ├── resources └── public │ ├── css │ ├── semantic.min.css │ └── themes │ │ └── default │ │ └── assets │ │ ├── fonts │ │ ├── icons.eot │ │ ├── icons.otf │ │ ├── icons.svg │ │ ├── icons.ttf │ │ ├── icons.woff │ │ └── icons.woff2 │ │ └── images │ │ └── flags.png │ └── index.html ├── semantic-ui-wrappers-common ├── project.clj └── src │ └── main │ └── fulcrologic │ └── semantic_ui │ ├── factory_helpers.cljs │ └── icons.cljs ├── semantic-ui-wrappers-shadow ├── .gitignore ├── package.json ├── project.clj ├── resources │ └── public │ │ ├── css │ │ ├── semantic.min.css │ │ └── themes │ │ │ └── default │ │ │ └── assets │ │ │ ├── fonts │ │ │ ├── icons.eot │ │ │ ├── icons.otf │ │ │ ├── icons.svg │ │ │ ├── icons.ttf │ │ │ ├── icons.woff │ │ │ └── icons.woff2 │ │ │ └── images │ │ │ └── flags.png │ │ └── index.html ├── shadow-cljs.edn └── src │ ├── main │ └── fulcrologic │ │ └── semantic_ui │ │ ├── addons │ │ ├── confirm │ │ │ └── ui_confirm.cljs │ │ ├── mountnode │ │ │ └── ui_mount_node.cljs │ │ ├── pagination │ │ │ ├── ui_pagination.cljs │ │ │ └── ui_pagination_item.cljs │ │ ├── portal │ │ │ ├── ui_portal.cljs │ │ │ └── ui_portal_inner.cljs │ │ ├── radio │ │ │ └── ui_radio.cljs │ │ ├── ref │ │ │ └── ui_ref.cljs │ │ ├── responsive │ │ │ └── ui_responsive.cljs │ │ ├── select │ │ │ └── ui_select.cljs │ │ ├── textarea │ │ │ └── ui_text_area.cljs │ │ └── transitionableportal │ │ │ └── ui_transitionable_portal.cljs │ │ ├── behaviors │ │ └── visibility │ │ │ └── ui_visibility.cljs │ │ ├── collections │ │ ├── breadcrumb │ │ │ ├── ui_breadcrumb.cljs │ │ │ ├── ui_breadcrumb_divider.cljs │ │ │ └── ui_breadcrumb_section.cljs │ │ ├── form │ │ │ ├── ui_form.cljs │ │ │ ├── ui_form_button.cljs │ │ │ ├── ui_form_checkbox.cljs │ │ │ ├── ui_form_dropdown.cljs │ │ │ ├── ui_form_field.cljs │ │ │ ├── ui_form_group.cljs │ │ │ ├── ui_form_input.cljs │ │ │ ├── ui_form_radio.cljs │ │ │ ├── ui_form_select.cljs │ │ │ └── ui_form_text_area.cljs │ │ ├── grid │ │ │ ├── ui_grid.cljs │ │ │ ├── ui_grid_column.cljs │ │ │ └── ui_grid_row.cljs │ │ ├── menu │ │ │ ├── ui_menu.cljs │ │ │ ├── ui_menu_header.cljs │ │ │ ├── ui_menu_item.cljs │ │ │ └── ui_menu_menu.cljs │ │ ├── message │ │ │ ├── ui_message.cljs │ │ │ ├── ui_message_content.cljs │ │ │ ├── ui_message_header.cljs │ │ │ ├── ui_message_item.cljs │ │ │ └── ui_message_list.cljs │ │ └── table │ │ │ ├── ui_table.cljs │ │ │ ├── ui_table_body.cljs │ │ │ ├── ui_table_cell.cljs │ │ │ ├── ui_table_footer.cljs │ │ │ ├── ui_table_header.cljs │ │ │ ├── ui_table_header_cell.cljs │ │ │ └── ui_table_row.cljs │ │ ├── elements │ │ ├── button │ │ │ ├── ui_button.cljs │ │ │ ├── ui_button_content.cljs │ │ │ ├── ui_button_group.cljs │ │ │ └── ui_button_or.cljs │ │ ├── container │ │ │ └── ui_container.cljs │ │ ├── divider │ │ │ └── ui_divider.cljs │ │ ├── flag │ │ │ └── ui_flag.cljs │ │ ├── header │ │ │ ├── ui_header.cljs │ │ │ ├── ui_header_content.cljs │ │ │ └── ui_header_subheader.cljs │ │ ├── icon │ │ │ ├── ui_icon.cljs │ │ │ └── ui_icon_group.cljs │ │ ├── image │ │ │ ├── ui_image.cljs │ │ │ └── ui_image_group.cljs │ │ ├── input │ │ │ └── ui_input.cljs │ │ ├── label │ │ │ ├── ui_label.cljs │ │ │ ├── ui_label_detail.cljs │ │ │ └── ui_label_group.cljs │ │ ├── list │ │ │ ├── ui_list.cljs │ │ │ ├── ui_list_content.cljs │ │ │ ├── ui_list_description.cljs │ │ │ ├── ui_list_header.cljs │ │ │ ├── ui_list_icon.cljs │ │ │ ├── ui_list_item.cljs │ │ │ └── ui_list_list.cljs │ │ ├── loader │ │ │ └── ui_loader.cljs │ │ ├── placeholder │ │ │ ├── ui_placeholder.cljs │ │ │ ├── ui_placeholder_header.cljs │ │ │ ├── ui_placeholder_image.cljs │ │ │ ├── ui_placeholder_line.cljs │ │ │ └── ui_placeholder_paragraph.cljs │ │ ├── rail │ │ │ └── ui_rail.cljs │ │ ├── reveal │ │ │ ├── ui_reveal.cljs │ │ │ └── ui_reveal_content.cljs │ │ ├── segment │ │ │ ├── ui_segment.cljs │ │ │ ├── ui_segment_group.cljs │ │ │ └── ui_segment_inline.cljs │ │ └── step │ │ │ ├── ui_step.cljs │ │ │ ├── ui_step_content.cljs │ │ │ ├── ui_step_description.cljs │ │ │ ├── ui_step_group.cljs │ │ │ └── ui_step_title.cljs │ │ ├── modules │ │ ├── accordion │ │ │ ├── ui_accordion.cljs │ │ │ ├── ui_accordion_accordion.cljs │ │ │ ├── ui_accordion_content.cljs │ │ │ ├── ui_accordion_panel.cljs │ │ │ └── ui_accordion_title.cljs │ │ ├── checkbox │ │ │ └── ui_checkbox.cljs │ │ ├── dimmer │ │ │ ├── ui_dimmer.cljs │ │ │ ├── ui_dimmer_dimmable.cljs │ │ │ └── ui_dimmer_inner.cljs │ │ ├── dropdown │ │ │ ├── ui_dropdown.cljs │ │ │ ├── ui_dropdown_divider.cljs │ │ │ ├── ui_dropdown_header.cljs │ │ │ ├── ui_dropdown_item.cljs │ │ │ ├── ui_dropdown_menu.cljs │ │ │ └── ui_dropdown_search_input.cljs │ │ ├── embed │ │ │ └── ui_embed.cljs │ │ ├── modal │ │ │ ├── ui_modal.cljs │ │ │ ├── ui_modal_actions.cljs │ │ │ ├── ui_modal_content.cljs │ │ │ ├── ui_modal_description.cljs │ │ │ └── ui_modal_header.cljs │ │ ├── popup │ │ │ ├── ui_popup.cljs │ │ │ ├── ui_popup_content.cljs │ │ │ └── ui_popup_header.cljs │ │ ├── progress │ │ │ └── ui_progress.cljs │ │ ├── rating │ │ │ ├── ui_rating.cljs │ │ │ └── ui_rating_icon.cljs │ │ ├── search │ │ │ ├── ui_search.cljs │ │ │ ├── ui_search_category.cljs │ │ │ ├── ui_search_result.cljs │ │ │ └── ui_search_results.cljs │ │ ├── sidebar │ │ │ ├── ui_sidebar.cljs │ │ │ ├── ui_sidebar_pushable.cljs │ │ │ └── ui_sidebar_pusher.cljs │ │ ├── sticky │ │ │ └── ui_sticky.cljs │ │ ├── tab │ │ │ ├── ui_tab.cljs │ │ │ └── ui_tab_pane.cljs │ │ └── transition │ │ │ ├── ui_transition.cljs │ │ │ └── ui_transition_group.cljs │ │ └── views │ │ ├── advertisement │ │ └── ui_advertisement.cljs │ │ ├── card │ │ ├── ui_card.cljs │ │ ├── ui_card_content.cljs │ │ ├── ui_card_description.cljs │ │ ├── ui_card_group.cljs │ │ ├── ui_card_header.cljs │ │ └── ui_card_meta.cljs │ │ ├── comment │ │ ├── ui_comment.cljs │ │ ├── ui_comment_action.cljs │ │ ├── ui_comment_actions.cljs │ │ ├── ui_comment_author.cljs │ │ ├── ui_comment_avatar.cljs │ │ ├── ui_comment_content.cljs │ │ ├── ui_comment_group.cljs │ │ ├── ui_comment_metadata.cljs │ │ └── ui_comment_text.cljs │ │ ├── feed │ │ ├── ui_feed.cljs │ │ ├── ui_feed_content.cljs │ │ ├── ui_feed_date.cljs │ │ ├── ui_feed_event.cljs │ │ ├── ui_feed_extra.cljs │ │ ├── ui_feed_label.cljs │ │ ├── ui_feed_like.cljs │ │ ├── ui_feed_meta.cljs │ │ ├── ui_feed_summary.cljs │ │ └── ui_feed_user.cljs │ │ ├── item │ │ ├── ui_item.cljs │ │ ├── ui_item_content.cljs │ │ ├── ui_item_description.cljs │ │ ├── ui_item_extra.cljs │ │ ├── ui_item_group.cljs │ │ ├── ui_item_header.cljs │ │ ├── ui_item_image.cljs │ │ └── ui_item_meta.cljs │ │ └── statistic │ │ ├── ui_statistic.cljs │ │ ├── ui_statistic_group.cljs │ │ ├── ui_statistic_label.cljs │ │ └── ui_statistic_value.cljs │ └── workspaces │ └── fulcrologic │ └── semantic_ui │ ├── workspaces │ ├── button.cljs │ ├── dropdown.cljs │ ├── form.cljs │ ├── icon.cljs │ └── input.cljs │ └── workspaces_main.cljs ├── semantic-ui-wrappers ├── .gitignore ├── project.clj ├── resources │ └── public │ │ ├── css │ │ ├── semantic.min.css │ │ └── themes │ │ │ └── default │ │ │ └── assets │ │ │ ├── fonts │ │ │ ├── icons.eot │ │ │ ├── icons.otf │ │ │ ├── icons.svg │ │ │ ├── icons.ttf │ │ │ ├── icons.woff │ │ │ └── icons.woff2 │ │ │ └── images │ │ │ └── flags.png │ │ └── index.html ├── script │ └── figwheel.clj └── src │ ├── cards │ └── fulcrologic │ │ └── semantic_ui │ │ ├── cards.cljs │ │ └── cards │ │ ├── button.cljs │ │ ├── dropdown.cljs │ │ ├── form.cljs │ │ ├── icon.cljs │ │ └── input.cljs │ ├── dev │ └── user.clj │ └── main │ └── fulcrologic │ └── semantic_ui │ └── factories.cljs └── src └── dev └── user.clj /.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | *.iml 3 | .nrepl-port 4 | figwheel_server.log 5 | resources/public/js 6 | target 7 | componentInfo 8 | pom.xml 9 | pom.xml.asc 10 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | 2.0.4 2 | ----- 3 | - Updated version and factories 4 | 5 | 2.0.3 6 | ----- 7 | - Unwrapped dropdown and search dropdown so events work right 8 | 9 | 2.0.2 10 | ----- 11 | - Fixed dropdown not recognizing children 12 | 13 | 2.0.0 14 | ----- 15 | - Updated to latest versions. 16 | - Factories get regenerated from docs, so there can be breakage. 17 | - Removed support for cljc files, since they just simply did nothing anyhow. 18 | - Added wrapped logic to inputs to prevent cursor jumps 19 | - Fulcro is now really a hard dependency, as we're leveraging it to do the input wrapping. 20 | 21 | 1.0.0 22 | ----- 23 | - Initial release 24 | -------------------------------------------------------------------------------- /project.clj: -------------------------------------------------------------------------------- 1 | (defproject fulcrologic/semantic-ui-react-wrappers-root "2.0.5-SNAPSHOT" 2 | :plugins [[lein-modules "0.3.11"]] 3 | 4 | :description "Semantic UI React Wrappers" 5 | :license {:name "MIT" :url "https://opensource.org/licenses/MIT"} 6 | :url "https://github.com/fulcrologic/semantic-ui-wrapper" 7 | :min-lein-version "2.7.0" 8 | 9 | :dependencies [[org.clojure/clojure "_" :scope "provided"] 10 | [fulcrologic/fulcro "_" :scope "provided"]] 11 | 12 | :profiles {:dev {:source-paths ["src/dev"] 13 | :jvm-opts ["-XX:-OmitStackTraceInFastThrow"] 14 | :dependencies [[binaryage/devtools "0.9.10"] 15 | [org.clojure/data.json "0.2.6"]]}} 16 | 17 | :modules {:versions {org.clojure/clojure "1.9.0" 18 | fulcrologic/fulcro "2.8.0-SNAPSHOT"}}) 19 | 20 | -------------------------------------------------------------------------------- /resources/public/css/themes/default/assets/fonts/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/resources/public/css/themes/default/assets/fonts/icons.eot -------------------------------------------------------------------------------- /resources/public/css/themes/default/assets/fonts/icons.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/resources/public/css/themes/default/assets/fonts/icons.otf -------------------------------------------------------------------------------- /resources/public/css/themes/default/assets/fonts/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/resources/public/css/themes/default/assets/fonts/icons.ttf -------------------------------------------------------------------------------- /resources/public/css/themes/default/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/resources/public/css/themes/default/assets/fonts/icons.woff -------------------------------------------------------------------------------- /resources/public/css/themes/default/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/resources/public/css/themes/default/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /resources/public/css/themes/default/assets/images/flags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/resources/public/css/themes/default/assets/images/flags.png -------------------------------------------------------------------------------- /resources/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Template Devcards 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-common/project.clj: -------------------------------------------------------------------------------- 1 | (defproject fulcrologic/semantic-ui-react-wrappers-common "2.0.5-SNAPSHOT" 2 | :plugins [[lein-modules "0.3.11"]] 3 | 4 | :description "Semantic UI React Wrappers - Common components" 5 | :license {:name "MIT" :url "https://opensource.org/licenses/MIT"} 6 | :url "https://github.com/fulcrologic/semantic-ui-wrapper" 7 | :min-lein-version "2.7.0" 8 | 9 | :dependencies [[org.clojure/clojure "_" :scope "provided"] 10 | [fulcrologic/fulcro "_" :scope "provided"]] 11 | 12 | :source-paths ["src/main"] 13 | :clean-targets ^{:protect false} ["target" "resources/public/js"] 14 | :jar-exclusions [#"public/.*"] 15 | 16 | :profiles {:jar {} 17 | :dev {:source-paths ["src/main"] 18 | :jvm-opts ["-XX:-OmitStackTraceInFastThrow"] 19 | :dependencies [[binaryage/devtools "0.9.10"] 20 | [org.clojure/clojurescript "1.10.439"] 21 | [org.clojure/tools.namespace "0.3.0-alpha4"]]}}) 22 | 23 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-common/src/main/fulcrologic/semantic_ui/factory_helpers.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.factory-helpers 2 | (:require [fulcro.client.dom :as dom] 3 | [goog.object :as gobj])) 4 | 5 | (defn factory-apply 6 | [class] 7 | (fn [props & children] 8 | (apply js/React.createElement class (clj->js props) children))) 9 | 10 | (defn wrapped-factory-apply 11 | "Returns a factory that wraps the given class as an input. Requires that the target item support `:value` as a prop." 12 | [class] 13 | (let [factory (dom/wrap-form-element class)] 14 | (fn [props & children] 15 | (apply factory (clj->js props) children)))) 16 | 17 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/.gitignore: -------------------------------------------------------------------------------- 1 | .idea 2 | *.iml 3 | .nrepl-port 4 | resources/public/js 5 | target 6 | pom.xml 7 | pom.xml.asc 8 | .shadow-cljs 9 | node_modules 10 | package-lock.json 11 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "semantic-ui-wrapper", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "license": "MIT", 6 | "dependencies": { 7 | "highlight.js": "^9.13.1", 8 | "react-grid-layout": "^0.16.6", 9 | "react-icons": "^2.2.7", 10 | "reakit": "^0.11.2", 11 | "semantic-ui-react": "^0.84.0" 12 | }, 13 | "devDependencies": { 14 | "react": "^16.3.0", 15 | "react-dom": "^16.3.0", 16 | "shadow-cljs": "^2.7.9" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/project.clj: -------------------------------------------------------------------------------- 1 | (defproject fulcrologic/semantic-ui-react-wrappers-shadow "2.0.5-SNAPSHOT" 2 | :plugins [[lein-modules "0.3.11"]] 3 | 4 | :description "Semantic UI React Wrappers - Optimised for shadow-cljs" 5 | :license {:name "MIT" :url "https://opensource.org/licenses/MIT"} 6 | :url "https://github.com/fulcrologic/semantic-ui-wrapper" 7 | :min-lein-version "2.7.0" 8 | 9 | :dependencies [[org.clojure/clojure "_" :scope "provided"] 10 | [fulcrologic/fulcro "_" :scope "provided"] 11 | [fulcrologic/semantic-ui-react-wrappers-common :version]] 12 | 13 | :source-paths ["src/main"] 14 | :clean-targets ^{:protect false} ["target" "resources/public/js"] 15 | :jar-exclusions [#"public/.*"] 16 | 17 | :profiles {:jar {} 18 | :dev {:source-paths ["src/main" "src/workspaces" "src/dev"] 19 | :jvm-opts ["-XX:-OmitStackTraceInFastThrow"] 20 | :dependencies [[thheller/shadow-cljs "2.7.15"] 21 | [org.clojure/tools.namespace "0.3.0-alpha4"] 22 | [org.clojure/tools.nrepl "0.2.13"] 23 | [nubank/workspaces "1.0.2"] 24 | [cider/piggieback "0.3.10"]] 25 | :repl-options {:init-ns user 26 | :nrepl-middleware [cider.piggieback/wrap-cljs-repl]}}}) 27 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.eot -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.otf -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.ttf -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.woff -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/fonts/icons.woff2 -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/images/flags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/fulcro-legacy/semantic-ui-wrapper/b0473480ddfff18496df086bf506099ac897f18f/semantic-ui-wrappers-shadow/resources/public/css/themes/default/assets/images/flags.png -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/resources/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Semantic-UI-React Workspaces 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/shadow-cljs.edn: -------------------------------------------------------------------------------- 1 | {:lein {:profile "dev"} 2 | :nrepl {:port 9000} 3 | :builds {:workspaces {:target :browser 4 | :output-dir "resources/public/js/workspaces" 5 | :asset-path "/js/workspaces" 6 | :devtools {:preloads [fulcro.inspect.preload] 7 | :http-root "resources/public" 8 | :http-port 8023 9 | :http-resource-root "."} 10 | :modules {:main {:entries [fulcrologic.semantic-ui.workspaces-main]}}}}} 11 | 12 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/confirm/ui_confirm.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.confirm.ui-confirm 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Confirm/Confirm" :default Confirm])) 5 | 6 | (def ui-confirm 7 | "A Confirm modal gives the user a choice to confirm or cancel an action/ 8 | 9 | Props: 10 | - cancelButton (custom): The cancel button text. 11 | - confirmButton (custom): The OK button text. 12 | - content (custom): The ModalContent text. 13 | - header (custom): The ModalHeader text. 14 | - onCancel (func): Called when the Modal is closed without clicking confirm. 15 | - onConfirm (func): Called when the OK button is clicked. 16 | - open (bool): Whether or not the modal is visible. 17 | - size (enum): A Confirm can vary in size (mini, tiny, small, large, fullscreen)" 18 | (h/factory-apply Confirm)) 19 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/mountnode/ui_mount_node.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.mountnode.ui-mount-node 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/MountNode/MountNode" :default MountNode])) 5 | 6 | (def ui-mount-node 7 | "A component that allows to manage classNames on a DOM node in declarative manner. 8 | 9 | Props: 10 | - className (string): Additional classes. 11 | - node (custom): The DOM node where we will apply class names. Defaults to document.body." 12 | (h/factory-apply MountNode)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/pagination/ui_pagination.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.pagination.ui-pagination 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Pagination/Pagination" :default Pagination])) 5 | 6 | (def ui-pagination 7 | "A component to render a pagination. 8 | 9 | Props: 10 | - activePage (number|string): Index of the currently active page. () 11 | - aria-label (string): A pagination item can have an aria label. 12 | - boundaryRange (number|string): Number of always visible pages at the beginning and end. () 13 | - defaultActivePage (number|string): Initial activePage value. () 14 | - disabled (bool): A pagination can be disabled. 15 | - ellipsisItem (custom): A shorthand for PaginationItem. 16 | - firstItem (custom): A shorthand for PaginationItem. 17 | - lastItem (custom): A shorthand for PaginationItem. 18 | - nextItem (custom): A shorthand for PaginationItem. 19 | - onPageChange (func): Called on change of an active page. 20 | - pageItem (custom): A shorthand for PaginationItem. 21 | - prevItem (custom): A shorthand for PaginationItem. 22 | - siblingRange (number|string): Number of always visible pages before and after the current one. () 23 | - totalPages (number|string): Total number of pages. ()" 24 | (h/factory-apply Pagination)) 25 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/pagination/ui_pagination_item.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.pagination.ui-pagination-item 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Pagination/PaginationItem" :default PaginationItem])) 5 | 6 | (def ui-pagination-item 7 | "An item of a pagination. 8 | 9 | Props: 10 | - active (bool): A pagination item can be active. 11 | - disabled (bool): A pagination item can be disabled. 12 | - onClick (func): Called on click. 13 | - onKeyDown (func): Called on key down. 14 | - type (enum): A pagination should have a type. (ellipsisItem, firstItem, prevItem, pageItem, nextItem, lastItem)" 15 | (h/factory-apply PaginationItem)) 16 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/portal/ui_portal.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.portal.ui-portal 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Portal/Portal" :default Portal])) 5 | 6 | (def ui-portal 7 | "A component that allows you to render children outside their parent. 8 | 9 | Props: 10 | - children (node): Primary content. 11 | - closeOnDocumentClick (bool): Controls whether or not the portal should close when the document is clicked. 12 | - closeOnEscape (bool): Controls whether or not the portal should close when escape is pressed is displayed. 13 | - closeOnPortalMouseLeave (bool): Controls whether or not the portal should close when mousing out of the portal. 14 | - closeOnTriggerBlur (bool): Controls whether or not the portal should close on blur of the trigger. 15 | - closeOnTriggerClick (bool): Controls whether or not the portal should close on click of the trigger. 16 | - closeOnTriggerMouseLeave (bool): Controls whether or not the portal should close when mousing out of the trigger. 17 | - defaultOpen (bool): Initial value of open. 18 | - eventPool (string): Event pool namespace that is used to handle component events 19 | - mountNode (any): The node where the portal should mount. 20 | - mouseEnterDelay (number): Milliseconds to wait before opening on mouse over 21 | - mouseLeaveDelay (number): Milliseconds to wait before closing on mouse leave 22 | - onClose (func): Called when a close event happens 23 | - onMount (func): Called when the portal is mounted on the DOM. 24 | - onOpen (func): Called when an open event happens 25 | - onUnmount (func): Called when the portal is unmounted from the DOM. 26 | - open (bool): Controls whether or not the portal is displayed. 27 | - openOnTriggerClick (bool): Controls whether or not the portal should open when the trigger is clicked. 28 | - openOnTriggerFocus (bool): Controls whether or not the portal should open on focus of the trigger. 29 | - openOnTriggerMouseEnter (bool): Controls whether or not the portal should open when mousing over the trigger. 30 | - trigger (node): Element to be rendered in-place where the portal is defined. 31 | - triggerRef (func|object): Called with a ref to the trigger node. ()" 32 | (h/factory-apply Portal)) 33 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/portal/ui_portal_inner.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.portal.ui-portal-inner 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Portal/PortalInner" :default PortalInner])) 5 | 6 | (def ui-portal-inner 7 | "An inner component that allows you to render children outside their parent. 8 | 9 | Props: 10 | - children (node): Primary content. 11 | - mountNode (any): The node where the portal should mount. 12 | - onMount (func): Called when the portal is mounted on the DOM 13 | - onUnmount (func): Called when the portal is unmounted from the DOM" 14 | (h/factory-apply PortalInner)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/radio/ui_radio.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.radio.ui-radio 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Radio/Radio" :default Radio])) 5 | 6 | (def ui-radio 7 | "A Radio is sugar for . 8 | Useful for exclusive groups of sliders or toggles. 9 | 10 | Props: 11 | - slider (custom): Format to emphasize the current selection state. 12 | - toggle (custom): Format to show an on or off choice. 13 | - type (custom): HTML input type, either checkbox or radio." 14 | (h/factory-apply Radio)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/ref/ui_ref.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.ref.ui-ref 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Ref/Ref" :default Ref])) 5 | 6 | (def ui-ref 7 | "This component exposes a callback prop that always returns the DOM node of both functional and class component 8 | children. 9 | 10 | Props: 11 | - children (element): Primary content. 12 | - innerRef (func|object): Called when a child component will be mounted or updated. ()" 13 | (h/factory-apply Ref)) 14 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/responsive/ui_responsive.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.responsive.ui-responsive 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Responsive/Responsive" :default Responsive])) 5 | 6 | (def ui-responsive 7 | "Responsive can control visibility of content. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - fireOnMount (bool): Fires callbacks immediately after mount. 13 | - getWidth (func): Called to get width of screen. Defaults to using `window.innerWidth` when in a browser; 14 | - maxWidth (number|string): The maximum width at which content will be displayed. () 15 | - minWidth (number|string): The minimum width at which content will be displayed. () 16 | - onUpdate (func): Called on update." 17 | (h/factory-apply Responsive)) 18 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/select/ui_select.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.select.ui-select 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/Select/Select" :default Select])) 5 | 6 | (def ui-select 7 | "A Select is sugar for . 8 | 9 | Props: 10 | - options (arrayOf): Array of Dropdown.Item props e.g. `{ text: '', value: '' }` ([:name \"shape\"], [:value \"Dropdown.Item.propTypes\"], [:computed true])" 11 | (h/factory-apply Select)) 12 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/textarea/ui_text_area.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.textarea.ui-text-area 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/TextArea/TextArea" :default TextArea])) 5 | 6 | (def ui-text-area 7 | "A TextArea can be used to allow for extended user input. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - autoHeight (bool): Indicates whether height of the textarea fits the content or not. 12 | - onChange (func): Called on change. 13 | - onInput (func): Called on input. 14 | - rows (number|string): Indicates row count for a TextArea. () 15 | - style (object): Custom TextArea style. 16 | - value (number|string): The value of the textarea. ()" 17 | (h/wrapped-factory-apply TextArea)) 18 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/addons/transitionableportal/ui_transitionable_portal.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.addons.transitionableportal.ui-transitionable-portal 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/addons/TransitionablePortal/TransitionablePortal" :default TransitionablePortal])) 5 | 6 | (def ui-transitionable-portal 7 | "A sugar for `Portal` and `Transition`. 8 | 9 | Props: 10 | - children (node): Primary content. 11 | - onClose (func): Called when a close event happens. 12 | - onHide (func): Callback on each transition that changes visibility to hidden. 13 | - onOpen (func): Called when an open event happens. 14 | - onStart (func): Callback on animation start. 15 | - open (bool): Controls whether or not the portal is displayed. 16 | - transition (object): Transition props." 17 | (h/factory-apply TransitionablePortal)) 18 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/behaviors/visibility/ui_visibility.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.behaviors.visibility.ui-visibility 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/behaviors/Visibility/Visibility" :default Visibility])) 5 | 6 | (def ui-visibility 7 | "Visibility provides a set of callbacks for when a content appears in the viewport. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - context (object): Context which visibility should attach onscroll events. 13 | - continuous (bool): When set to true a callback will occur anytime an element passes a condition not just immediately after the 14 | - fireOnMount (bool): Fires callbacks immediately after mount. 15 | - offset (number|string|arrayOf): Value that context should be adjusted in pixels. Useful for making content appear below content fixed to the () 16 | - onBottomPassed (func): Element's bottom edge has passed top of screen. 17 | - onBottomPassedReverse (func): Element's bottom edge has not passed top of screen. 18 | - onBottomVisible (func): Element's bottom edge has passed bottom of screen 19 | - onBottomVisibleReverse (func): Element's bottom edge has not passed bottom of screen. 20 | - onOffScreen (func): Element is not visible on the screen. 21 | - onOnScreen (func): Element is visible on the screen. 22 | - onPassed (object): Element is not visible on the screen. 23 | - onPassing (func): Any part of an element is visible on screen. 24 | - onPassingReverse (func): Element's top has not passed top of screen but bottom has. 25 | - onTopPassed (func): Element's top edge has passed top of the screen. 26 | - onTopPassedReverse (func): Element's top edge has not passed top of the screen. 27 | - onTopVisible (func): Element's top edge has passed bottom of screen. 28 | - onTopVisibleReverse (func): Element's top edge has not passed bottom of screen. 29 | - onUpdate (func): Element's top edge has passed bottom of screen. 30 | - once (bool): When set to false a callback will occur each time an element passes the threshold for a condition. 31 | - updateOn (enum): Allows to choose the mode of the position calculations: (events, repaint)" 32 | (h/factory-apply Visibility)) 33 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/breadcrumb/ui_breadcrumb.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.breadcrumb.ui-breadcrumb 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Breadcrumb/Breadcrumb" :default Breadcrumb])) 5 | 6 | (def ui-breadcrumb 7 | "A breadcrumb is used to show hierarchy between content. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - divider (custom): Shorthand for primary content of the Breadcrumb.Divider. () 14 | - icon (custom): For use with the sections prop. Render as an `Icon` component with `divider` class instead of a `div` in () 15 | - sections (custom): Shorthand array of props for Breadcrumb.Section. 16 | - size (enum): Size of Breadcrumb. (mini, tiny, small, large, big, huge, massive)" 17 | (h/factory-apply Breadcrumb)) 18 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/breadcrumb/ui_breadcrumb_divider.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.breadcrumb.ui-breadcrumb-divider 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Breadcrumb/BreadcrumbDivider" :default BreadcrumbDivider])) 5 | 6 | (def ui-breadcrumb-divider 7 | "A divider sub-component for Breadcrumb component. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content. 14 | - icon (custom): Render as an `Icon` component with `divider` class instead of a `div`." 15 | (h/factory-apply BreadcrumbDivider)) 16 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/breadcrumb/ui_breadcrumb_section.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.breadcrumb.ui-breadcrumb-section 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Breadcrumb/BreadcrumbSection" :default BreadcrumbSection])) 5 | 6 | (def ui-breadcrumb-section 7 | "A section sub-component for Breadcrumb component. 8 | 9 | Props: 10 | - active (bool): Style as the currently active section. 11 | - as (custom): An element type to render as (string or function). 12 | - children (node): Primary content. 13 | - className (string): Additional classes. 14 | - content (custom): Shorthand for primary content. 15 | - href (string): Render as an `a` tag instead of a `div` and adds the href attribute. () 16 | - link (bool): Render as an `a` tag instead of a `div`. () 17 | - onClick (func): Called on click. When passed, the component will render as an `a`" 18 | (h/factory-apply BreadcrumbSection)) 19 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/Form" :default Form])) 5 | 6 | (def ui-form 7 | "A Form displays a set of related user input fields in a structured way. 8 | 9 | Props: 10 | - action (string): The HTML form action 11 | - as (custom): An element type to render as (string or function). 12 | - children (node): Primary content. 13 | - className (string): Additional classes. 14 | - error (bool): Automatically show any error Message children. 15 | - inverted (bool): A form can have its color inverted for contrast. 16 | - loading (bool): Automatically show a loading indicator. 17 | - onSubmit (func): The HTML form submit handler. 18 | - reply (bool): A comment can contain a form to reply to a comment. This may have arbitrary content. 19 | - size (enum): A form can vary in size. (mini, tiny, small, large, big, huge, massive) 20 | - success (bool): Automatically show any success Message children. 21 | - unstackable (bool): A form can prevent itself from stacking on mobile. 22 | - warning (bool): Automatically show any warning Message children. 23 | - widths (enum): Forms can automatically divide fields to be equal width. (equal)" 24 | (h/factory-apply Form)) 25 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_button.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-button 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormButton" :default FormButton])) 5 | 6 | (def ui-form-button 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop." 12 | (h/factory-apply FormButton)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_checkbox.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-checkbox 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormCheckbox" :default FormCheckbox])) 5 | 6 | (def ui-form-checkbox 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop." 12 | (h/factory-apply FormCheckbox)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_dropdown.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-dropdown 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormDropdown" :default FormDropdown])) 5 | 6 | (def ui-form-dropdown 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop." 12 | (h/factory-apply FormDropdown)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_field.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-field 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormField" :default FormField])) 5 | 6 | (def ui-form-field 7 | "A field is a form element containing a label and an input. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content. 14 | - control (custom): A form control component (i.e. Dropdown) or HTML tagName (i.e. 'input'). 15 | - disabled (bool): Individual fields may be disabled. 16 | - error (bool): Individual fields may display an error state. 17 | - inline (bool): A field can have its label next to instead of above it. 18 | - label (node|object): Mutually exclusive with children. () 19 | - required (bool): A field can show that input is mandatory. 20 | - type (): Passed to the control component (i.e. ) () 21 | - width (enum): A field can specify its width in grid columns (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen)" 22 | (h/factory-apply FormField)) 23 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_group.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-group 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormGroup" :default FormGroup])) 5 | 6 | (def ui-form-group 7 | "A set of fields can appear grouped together. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - grouped (bool): Fields can show related choices. () 14 | - inline (bool): Multiple fields may be inline in a row. () 15 | - unstackable (bool): A form group can prevent itself from stacking on mobile. 16 | - widths (enum): Fields Groups can specify their width in grid columns or automatically divide fields to be equal width. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen, equal)" 17 | (h/factory-apply FormGroup)) 18 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_input.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-input 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormInput" :default FormInput])) 5 | 6 | (def ui-form-input 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop." 12 | (h/wrapped-factory-apply FormInput)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_radio.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-radio 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormRadio" :default FormRadio])) 5 | 6 | (def ui-form-radio 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop." 12 | (h/factory-apply FormRadio)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_select.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-select 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormSelect" :default FormSelect])) 5 | 6 | (def ui-form-select 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop. 12 | - options (arrayOf): Array of Dropdown.Item props e.g. `{ text: '', value: '' }` ([:name \"shape\"], [:value \"Dropdown.Item.propTypes\"], [:computed true])" 13 | (h/factory-apply FormSelect)) 14 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/form/ui_form_text_area.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.form.ui-form-text-area 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Form/FormTextArea" :default FormTextArea])) 5 | 6 | (def ui-form-text-area 7 | "Sugar for . 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - control (custom): A FormField control prop." 12 | (h/factory-apply FormTextArea)) 13 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/grid/ui_grid.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.grid.ui-grid 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Grid/Grid" :default Grid])) 5 | 6 | (def ui-grid 7 | "A grid is used to harmonize negative space in a layout. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - celled (bool|enum): A grid can have rows divided into cells. (internally) 12 | - centered (bool): A grid can have its columns centered. 13 | - children (node): Primary content. 14 | - className (string): Additional classes. 15 | - columns (enum): Represents column count per row in Grid. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen, equal) 16 | - container (bool): A grid can be combined with a container to use the available layout and alignment. 17 | - divided (bool|enum): A grid can have dividers between its columns. (vertically) 18 | - doubling (bool): A grid can double its column width on tablet and mobile sizes. 19 | - inverted (bool): A grid's colors can be inverted. 20 | - padded (bool|enum): A grid can preserve its vertical and horizontal gutters on first and last columns. (horizontally, vertically) 21 | - relaxed (bool|enum): A grid can increase its gutters to allow for more negative space. (very) 22 | - reversed (custom): A grid can specify that its columns should reverse order at different device sizes. 23 | - stackable (bool): A grid can have its columns stack on-top of each other after reaching mobile breakpoints. 24 | - stretched (bool): A grid can stretch its contents to take up the entire grid height. 25 | - textAlign (enum): A grid can specify its text alignment. (left, center, right, justified) 26 | - verticalAlign (enum): A grid can specify its vertical alignment to have all its columns vertically centered. (bottom, middle, top)" 27 | (h/factory-apply Grid)) 28 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/grid/ui_grid_column.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.grid.ui-grid-column 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Grid/GridColumn" :default GridColumn])) 5 | 6 | (def ui-grid-column 7 | "A column sub-component for Grid. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - color (enum): A grid column can be colored. (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black) 14 | - computer (enum): A column can specify a width for a computer. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen) 15 | - floated (enum): A column can sit flush against the left or right edge of a row. (left, right) 16 | - largeScreen (enum): A column can specify a width for a large screen device. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen) 17 | - mobile (enum): A column can specify a width for a mobile device. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen) 18 | - only (custom): A column can appear only for a specific device, or screen sizes. 19 | - stretched (bool): A column can stretch its contents to take up the entire grid or row height. 20 | - tablet (enum): A column can specify a width for a tablet device. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen) 21 | - textAlign (enum): A column can specify its text alignment. (left, center, right, justified) 22 | - verticalAlign (enum): A column can specify its vertical alignment to have all its columns vertically centered. (bottom, middle, top) 23 | - widescreen (enum): A column can specify a width for a wide screen device. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen) 24 | - width (enum): Represents width of column. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen)" 25 | (h/factory-apply GridColumn)) 26 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/grid/ui_grid_row.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.grid.ui-grid-row 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Grid/GridRow" :default GridRow])) 5 | 6 | (def ui-grid-row 7 | "A row sub-component for Grid. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - centered (bool): A row can have its columns centered. 12 | - children (node): Primary content. 13 | - className (string): Additional classes. 14 | - color (enum): A grid row can be colored. (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black) 15 | - columns (enum): Represents column count per line in Row. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen, equal) 16 | - divided (bool): A row can have dividers between its columns. 17 | - only (custom): A row can appear only for a specific device, or screen sizes. 18 | - reversed (custom): A row can specify that its columns should reverse order at different device sizes. 19 | - stretched (bool): A row can stretch its contents to take up the entire column height. 20 | - textAlign (enum): A row can specify its text alignment. (left, center, right, justified) 21 | - verticalAlign (enum): A row can specify its vertical alignment to have all its columns vertically centered. (bottom, middle, top)" 22 | (h/factory-apply GridRow)) 23 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/menu/ui_menu.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.menu.ui-menu 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Menu/Menu" :default Menu])) 5 | 6 | (def ui-menu 7 | "A menu displays grouped navigation actions. 8 | 9 | Props: 10 | - activeIndex (number|string): Index of the currently active item. () 11 | - as (custom): An element type to render as (string or function). 12 | - attached (bool|enum): A menu may be attached to other content segments. (top, bottom) 13 | - borderless (bool): A menu item or menu can have no borders. 14 | - children (node): Primary content. 15 | - className (string): Additional classes. 16 | - color (enum): Additional colors can be specified. (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black) 17 | - compact (bool): A menu can take up only the space necessary to fit its content. 18 | - defaultActiveIndex (number|string): Initial activeIndex value. () 19 | - fixed (enum): A menu can be fixed to a side of its context. (left, right, bottom, top) 20 | - floated (bool|enum): A menu can be floated. (right) 21 | - fluid (bool): A vertical menu may take the size of its container. 22 | - icon (bool|enum): A menu may have just icons (bool) or labeled icons. (labeled) 23 | - inverted (bool): A menu may have its colors inverted to show greater contrast. 24 | - items (custom): Shorthand array of props for Menu. 25 | - onItemClick (func): onClick handler for MenuItem. Mutually exclusive with children. () 26 | - pagination (bool): A pagination menu is specially formatted to present links to pages of content. 27 | - pointing (bool): A menu can point to show its relationship to nearby content. 28 | - secondary (bool): A menu can adjust its appearance to de-emphasize its contents. 29 | - size (enum): A menu can vary in size. (mini, tiny, small, large, huge, massive) 30 | - stackable (bool): A menu can stack at mobile resolutions. 31 | - tabular (bool|enum): A menu can be formatted to show tabs of information. (right) 32 | - text (bool): A menu can be formatted for text content. 33 | - vertical (bool): A vertical menu displays elements vertically. 34 | - widths (enum): A menu can have its items divided evenly. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen)" 35 | (h/factory-apply Menu)) 36 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/menu/ui_menu_header.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.menu.ui-menu-header 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Menu/MenuHeader" :default MenuHeader])) 5 | 6 | (def ui-menu-header 7 | "A menu item may include a header or may itself be a header. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content." 14 | (h/factory-apply MenuHeader)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/menu/ui_menu_item.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.menu.ui-menu-item 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Menu/MenuItem" :default MenuItem])) 5 | 6 | (def ui-menu-item 7 | "A menu can contain an item. 8 | 9 | Props: 10 | - active (bool): A menu item can be active. 11 | - as (custom): An element type to render as (string or function). 12 | - children (node): Primary content. 13 | - className (string): Additional classes. 14 | - color (enum): Additional colors can be specified. (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black) 15 | - content (custom): Shorthand for primary content. 16 | - disabled (bool): A menu item can be disabled. 17 | - fitted (bool|enum): A menu item or menu can remove element padding, vertically or horizontally. (horizontally, vertically) 18 | - header (bool): A menu item may include a header or may itself be a header. 19 | - icon (bool|custom): MenuItem can be only icon. () 20 | - index (number): MenuItem index inside Menu. 21 | - link (bool): A menu item can be link. 22 | - name (string): Internal name of the MenuItem. 23 | - onClick (func): Called on click. When passed, the component will render as an `a` 24 | - position (enum): A menu item can take left or right position. (left, right)" 25 | (h/factory-apply MenuItem)) 26 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/menu/ui_menu_menu.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.menu.ui-menu-menu 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Menu/MenuMenu" :default MenuMenu])) 5 | 6 | (def ui-menu-menu 7 | "A menu can contain a sub menu. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content. 14 | - position (enum): A sub menu can take left or right position. (left, right)" 15 | (h/factory-apply MenuMenu)) 16 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/message/ui_message.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.message.ui-message 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Message/Message" :default Message])) 5 | 6 | (def ui-message 7 | "A message displays information that explains nearby content. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - attached (bool|enum): A message can be formatted to attach itself to other content. (bottom, top) 12 | - children (node): Primary content. 13 | - className (string): Additional classes. 14 | - color (enum): A message can be formatted to be different colors. (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black) 15 | - compact (bool): A message can only take up the width of its content. 16 | - content (custom): Shorthand for primary content. 17 | - error (bool): A message may be formatted to display a negative message. Same as `negative`. 18 | - floating (bool): A message can float above content that it is related to. 19 | - header (custom): Shorthand for MessageHeader. 20 | - hidden (bool): A message can be hidden. 21 | - icon (custom|bool): A message can contain an icon. () 22 | - info (bool): A message may be formatted to display information. 23 | - list (custom): Array shorthand items for the MessageList. Mutually exclusive with children. 24 | - negative (bool): A message may be formatted to display a negative message. Same as `error`. 25 | - onDismiss (func): A message that the user can choose to hide. 26 | - positive (bool): A message may be formatted to display a positive message. Same as `success`. 27 | - size (enum): A message can have different sizes. (mini, tiny, small, large, big, huge, massive) 28 | - success (bool): A message may be formatted to display a positive message. Same as `positive`. 29 | - visible (bool): A message can be set to visible to force itself to be shown. 30 | - warning (bool): A message may be formatted to display warning messages." 31 | (h/factory-apply Message)) 32 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/message/ui_message_content.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.message.ui-message-content 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Message/MessageContent" :default MessageContent])) 5 | 6 | (def ui-message-content 7 | "A message can contain a content. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content." 14 | (h/factory-apply MessageContent)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/message/ui_message_header.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.message.ui-message-header 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Message/MessageHeader" :default MessageHeader])) 5 | 6 | (def ui-message-header 7 | "A message can contain a header. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content." 14 | (h/factory-apply MessageHeader)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/message/ui_message_item.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.message.ui-message-item 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Message/MessageItem" :default MessageItem])) 5 | 6 | (def ui-message-item 7 | "A message list can contain an item. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content." 14 | (h/factory-apply MessageItem)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/message/ui_message_list.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.message.ui-message-list 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Message/MessageList" :default MessageList])) 5 | 6 | (def ui-message-list 7 | "A message can contain a list of items. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - items (custom): Shorthand Message.Items." 14 | (h/factory-apply MessageList)) 15 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/Table" :default Table])) 5 | 6 | (def ui-table 7 | "A table displays a collections of data grouped into rows. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - attached (bool|enum): Attach table to other content (top, bottom) 12 | - basic (enum|bool): A table can reduce its complexity to increase readability. (very) 13 | - celled (bool): A table may be divided each row into separate cells. 14 | - children (node): Primary content. 15 | - className (string): Additional classes. 16 | - collapsing (bool): A table can be collapsing, taking up only as much space as its rows. 17 | - color (enum): A table can be given a color to distinguish it from other tables. (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black) 18 | - columns (enum): A table can specify its column count to divide its content evenly. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen) 19 | - compact (bool|enum): A table may sometimes need to be more compact to make more rows visible at a time. (very) 20 | - definition (bool): A table may be formatted to emphasize a first column that defines a rows content. 21 | - fixed (bool): A table can use fixed a special faster form of table rendering that does not resize table cells based on content 22 | - footerRow (custom): Shorthand for a TableRow to be placed within Table.Footer. 23 | - headerRow (custom): Shorthand for a TableRow to be placed within Table.Header. 24 | - inverted (bool): A table's colors can be inverted. 25 | - padded (bool|enum): A table may sometimes need to be more padded for legibility. (very) 26 | - renderBodyRow (func): Mapped over `tableData` and should return shorthand for each Table.Row to be placed within Table.Body. () 27 | - selectable (bool): A table can have its rows appear selectable. 28 | - singleLine (bool): A table can specify that its cell contents should remain on a single line and not wrap. 29 | - size (enum): A table can also be small or large. (small, large) 30 | - sortable (bool): A table may allow a user to sort contents by clicking on a table header. 31 | - stackable (bool): A table can specify how it stacks table content responsively. 32 | - striped (bool): A table can stripe alternate rows of content with a darker color to increase contrast. 33 | - structured (bool): A table can be formatted to display complex structured data. 34 | - tableData (array): Data to be passed to the renderBodyRow function. () 35 | - textAlign (enum): A table can adjust its text alignment. (left, center, right) 36 | - unstackable (bool): A table can specify how it stacks table content responsively. 37 | - verticalAlign (enum): A table can adjust its text alignment. (bottom, middle, top)" 38 | (h/factory-apply Table)) 39 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table_body.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table-body 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/TableBody" :default TableBody])) 5 | 6 | (def ui-table-body 7 | " 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes." 13 | (h/factory-apply TableBody)) 14 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table_cell.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table-cell 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/TableCell" :default TableCell])) 5 | 6 | (def ui-table-cell 7 | "A table row can have cells. 8 | 9 | Props: 10 | - active (bool): A cell can be active or selected by a user. 11 | - as (custom): An element type to render as (string or function). 12 | - children (node): Primary content. 13 | - className (string): Additional classes. 14 | - collapsing (bool): A cell can be collapsing so that it only uses as much space as required. 15 | - content (custom): Shorthand for primary content. 16 | - disabled (bool): A cell can be disabled. 17 | - error (bool): A cell may call attention to an error or a negative value. 18 | - icon (custom): Add an Icon by name, props object, or pass an 19 | - negative (bool): A cell may let a user know whether a value is bad. 20 | - positive (bool): A cell may let a user know whether a value is good. 21 | - selectable (bool): A cell can be selectable. 22 | - singleLine (bool): A cell can specify that its contents should remain on a single line and not wrap. 23 | - textAlign (enum): A table cell can adjust its text alignment. (left, center, right) 24 | - verticalAlign (enum): A table cell can adjust its text alignment. (bottom, middle, top) 25 | - warning (bool): A cell may warn a user. 26 | - width (enum): A table can specify the width of individual columns independently. (1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, one, two, three, four, five, six, seven, eight, nine, ten, eleven, twelve, thirteen, fourteen, fifteen, sixteen)" 27 | (h/factory-apply TableCell)) 28 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table_footer.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table-footer 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/TableFooter" :default TableFooter])) 5 | 6 | (def ui-table-footer 7 | "A table can have a footer. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function)." 11 | (h/factory-apply TableFooter)) 12 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table_header.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table-header 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/TableHeader" :default TableHeader])) 5 | 6 | (def ui-table-header 7 | "A table can have a header. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - children (node): Primary content. 12 | - className (string): Additional classes. 13 | - content (custom): Shorthand for primary content. 14 | - fullWidth (bool): A definition table can have a full width header or footer, filling in the gap left by the first column." 15 | (h/factory-apply TableHeader)) 16 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table_header_cell.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table-header-cell 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/TableHeaderCell" :default TableHeaderCell])) 5 | 6 | (def ui-table-header-cell 7 | "A table can have a header cell. 8 | 9 | Props: 10 | - as (custom): An element type to render as (string or function). 11 | - className (string): Additional classes. 12 | - sorted (enum): A header cell can be sorted in ascending or descending order. (ascending, descending)" 13 | (h/factory-apply TableHeaderCell)) 14 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/collections/table/ui_table_row.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.collections.table.ui-table-row 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/collections/Table/TableRow" :default TableRow])) 5 | 6 | (def ui-table-row 7 | "A table can have rows. 8 | 9 | Props: 10 | - active (bool): A row can be active or selected by a user. 11 | - as (custom): An element type to render as (string or function). 12 | - cellAs (custom): An element type to render as (string or function). 13 | - cells (custom): Shorthand array of props for TableCell. 14 | - children (node): Primary content. 15 | - className (string): Additional classes. 16 | - disabled (bool): A row can be disabled. 17 | - error (bool): A row may call attention to an error or a negative value. 18 | - negative (bool): A row may let a user know whether a value is bad. 19 | - positive (bool): A row may let a user know whether a value is good. 20 | - textAlign (enum): A table row can adjust its text alignment. (left, center, right) 21 | - verticalAlign (enum): A table row can adjust its vertical alignment. (bottom, middle, top) 22 | - warning (bool): A row may warn a user." 23 | (h/factory-apply TableRow)) 24 | -------------------------------------------------------------------------------- /semantic-ui-wrappers-shadow/src/main/fulcrologic/semantic_ui/elements/button/ui_button.cljs: -------------------------------------------------------------------------------- 1 | (ns fulcrologic.semantic-ui.elements.button.ui-button 2 | (:require 3 | [fulcrologic.semantic-ui.factory-helpers :as h] 4 | ["semantic-ui-react/dist/commonjs/elements/Button/Button" :default Button])) 5 | 6 | (def ui-button 7 | "A Button indicates a possible user action. 8 | 9 | Props: 10 | - active (bool): A button can show it is currently the active user selection. 11 | - animated (bool|enum): A button can animate to show hidden content. (fade, vertical) 12 | - as (custom): An element type to render as (string or function). 13 | - attached (bool|enum): A button can be attached to other content. (left, right, top, bottom) 14 | - basic (bool): A basic button is less pronounced. 15 | - children (node): Primary content. () 16 | - circular (bool): A button can be circular. 17 | - className (string): Additional classes. 18 | - color (enum): A button can have different colors (red, orange, yellow, olive, green, teal, blue, violet, purple, pink, brown, grey, black, facebook, google plus, instagram, linkedin, twitter, vk, youtube) 19 | - compact (bool): A button can reduce its padding to fit into tighter spaces. 20 | - content (custom): Shorthand for primary content. 21 | - disabled (bool): A button can show it is currently unable to be interacted with. 22 | - floated (enum): A button can be aligned to the left or right of its container. (left, right) 23 | - fluid (bool): A button can take the width of its container. 24 | - icon (custom): Add an Icon by name, props object, or pass an . 25 | - inverted (bool): A button can be formatted to appear on dark backgrounds. 26 | - label (custom): Add a Label by text, props object, or pass a